@charset "UTF-8";
/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) { 
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) { 
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) { 
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) { 
    div { color:#888; }
}

// ----------------------------------------------
*/
/**
 * Hides an element with "mobile" class on desktop, sets it to @param $displayType on mobile.
 */
/**
 * Hides element on mobile
 */
.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

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

@-webkit-keyframes bounce {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes bounce {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-blur-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }

@keyframes fade-blur-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }

@-webkit-keyframes grow-in {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes grow-in {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes bounce-fade {
  0%, 3%, 15%, 25% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  11% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  18% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounce-fade {
  0%, 3%, 15%, 25% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  11% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  18% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounce-triangle {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
    -ms-transform: translateY(-20px) rotate(-45deg);
    transform: translateY(-20px) rotate(-45deg); }
  50% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); } }

@keyframes bounce-triangle {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
    -ms-transform: translateY(-20px) rotate(-45deg);
    transform: translateY(-20px) rotate(-45deg); }
  50% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes shake {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px); }
  50% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px); } }

@keyframes shake {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px); }
  50% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px); } }

@-webkit-keyframes tooltip-fade-in {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes tooltip-fade-in {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes map-heart-fade {
  0% {
    top: -15px;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0; }
  15% {
    opacity: 1; }
  20% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  40% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  60% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  80% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  85% {
    opacity: 1; }
  100% {
    top: -40px;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); } }

@keyframes map-heart-fade {
  0% {
    top: -15px;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0; }
  15% {
    opacity: 1; }
  20% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  40% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  60% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  80% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  85% {
    opacity: 1; }
  100% {
    top: -40px;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); } }

@-webkit-keyframes map-cloud-one {
  0% {
    left: 30%; }
  15% {
    left: 0%; }
  65% {
    left: 100%; }
  100% {
    left: 30%; } }

@keyframes map-cloud-one {
  0% {
    left: 30%; }
  15% {
    left: 0%; }
  65% {
    left: 100%; }
  100% {
    left: 30%; } }

@-webkit-keyframes map-cloud-two {
  0% {
    left: 75%; }
  12.5% {
    left: 100%; }
  62.5% {
    left: 0%; }
  100% {
    left: 75%; } }

@keyframes map-cloud-two {
  0% {
    left: 75%; }
  12.5% {
    left: 100%; }
  62.5% {
    left: 0%; }
  100% {
    left: 75%; } }

@-webkit-keyframes map-hotspot-blip {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); } }

@keyframes map-hotspot-blip {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); } }

@-webkit-keyframes map-drawing-float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  75% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes map-drawing-float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  75% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 69px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 69px; }
  100% {
    top: 59px; } }

@keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 69px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 69px; }
  100% {
    top: 59px; } }

@-webkit-keyframes fip-on {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes fip-on {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes fade-in-slide-up-lower {
  0% {
    opacity: 0;
    top: 70px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 70px; }
  100% {
    top: 60px; } }

@keyframes fade-in-slide-up-lower {
  0% {
    opacity: 0;
    top: 70px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 70px; }
  100% {
    top: 60px; } }

@-webkit-keyframes fade-out-slide-down {
  0% {
    opacity: 1;
    top: 50px; }
  19% {
    opacity: 1; }
  20% {
    opacity: 0;
    top: 60px; }
  100% {
    top: 60px; } }

@keyframes fade-out-slide-down {
  0% {
    opacity: 1;
    top: 50px; }
  19% {
    opacity: 1; }
  20% {
    opacity: 0;
    top: 60px; }
  100% {
    top: 60px; } }

@-webkit-keyframes dropdown-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes dropdown-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); } }

@-webkit-keyframes grow-fade-in {
  0% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes grow-fade-in {
  0% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes continue-bounce {
  0%, 20%, 50%, 80%, 100% {
    bottom: 0; }
  40% {
    bottom: 12px; }
  60% {
    bottom: 6px; } }

@keyframes continue-bounce {
  0%, 20%, 50%, 80%, 100% {
    bottom: 0; }
  40% {
    bottom: 12px; }
  60% {
    bottom: 6px; } }

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Removes default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em; }

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  -webkit-tap-highlight-color: transparent;
  /* Prevent tap highlight on iOS/Android */
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */ }

body {
  background: #FFFFFF;
  color: #000000;
  line-height: 1; }

html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left; }

address {
  font-style: normal; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

img {
  display: block; }

ol,
ul {
  list-style: none; }

q:before,
q:after {
  content: ''; }

input:focus,
input[type="search"]:focus {
  outline-offset: -2px; }

input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  /* 2 */
  box-sizing: border-box; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

a, button {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

* {
  box-sizing: border-box;
  /*font-weight: normal !important;*/ }

html {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body,
button,
input,
select,
table,
textarea {
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #141414;
  font-size: 14px;
  line-height: 1.3333; }
  @media only screen and (max-width: 768px) {
    body,
    button,
    input,
    select,
    table,
    textarea {
      font-size: 12px; } }

a {
  color: #777777;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

a:hover {
  color: #6a6a6a;
  text-decoration: underline; }

a:focus {
  outline-color: #717171;
  color: #2b2b2b; }

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  ol li,
  ul li {
    line-height: 1.6666; }

ol.list {
  list-style: decimal; }

ul.list {
  list-style: disc; }

h1, .h1 {
  margin: 0;
  margin-bottom: 0.7em;
  color: #141414;
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 44px;
  font-weight: 300;
  font-style: normal;
  line-height: 51px;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  letter-spacing: 6px; }
  @media only screen and (max-width: 768px) {
    h1, .h1 {
      font-size: 38.5px; } }

h2, .h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 33px;
  font-style: normal;
  line-height: 38px;
  text-rendering: optimizeLegibility; }
  @media only screen and (max-width: 768px) {
    h2, .h2 {
      font-size: 29px; } }

h3, .h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 25px;
  font-style: normal;
  line-height: 29px;
  text-rendering: optimizeSpeed; }
  @media only screen and (max-width: 768px) {
    h3, .h3 {
      font-size: 22px; } }

h4, .h4 {
  margin: 0;
  margin-bottom: 10px;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 18.5px;
  font-style: normal;
  line-height: 21px;
  text-rendering: optimizeSpeed; }
  @media only screen and (max-width: 768px) {
    h4, .h4 {
      font-size: 16px; } }

h5, .h5 {
  margin: 0;
  margin-bottom: 10px;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: 1.3333;
  text-rendering: optimizeSpeed; }

h6, .h6 {
  margin: 0;
  margin-bottom: 5px;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: 1.3333;
  text-rendering: optimizeSpeed; }

.address-list address {
  margin-bottom: 1em; }

.availability {
  margin-bottom: 0;
  font-size: 12px;
  text-transform: uppercase; }
  .availability .label {
    display: none; }
  .availability.in-stock {
    color: #669900; }
  .availability span {
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
  .availability.in-stock {
    color: #669900; }

.availability.available-soon,
.availability.out-of-stock {
  color: #990000; }

.availability-only {
  color: #990000;
  margin-bottom: 12px; }

.page-title h1,
.page-title h2,
.product-name h1,
.product-name .h1 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 33px;
  font-style: normal;
  line-height: 38px;
  text-rendering: optimizeLegibility; }
  @media only screen and (max-width: 768px) {
    .page-title h1,
    .page-title h2,
    .product-name h1,
    .product-name .h1 {
      font-size: 29px; } }

body .products-grid .product-name,
body .products-grid .product-name a,
body .products-list .product-name,
body .products-list .product-name a {
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 16px;
  font-size: 12px;
  font-family: 'Helvetica', Verdana, Arial, sans-serif;
  color: #08107B; }

body .products-list .product-name,
body .products-list .product-name a {
  font-size: 14px;
  line-height: 18px; }

.block,
.col-left-first {
  margin-bottom: 20px; }

.col-left-first .block:last-of-type {
  margin-bottom: 0; }

.block-title {
  position: relative;
  padding: 10px 0 0;
  margin-bottom: 5px;
  border-top: 1px solid #CFCFD5; }
  .block-title h2,
  .block-title h3,
  .block-title strong {
    margin: 0;
    margin-bottom: 10px;
    color: #141414;
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 18.5px;
    font-style: normal;
    line-height: 21px;
    text-rendering: optimizeSpeed;
    color: #141414;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600; }
    @media only screen and (max-width: 768px) {
      .block-title h2,
      .block-title h3,
      .block-title strong {
        font-size: 16px; } }
  .block-title small {
    font-size: 100%;
    font-weight: normal;
    color: #909294; }

body:not(.customer-account) .block:first-child .block-title {
  border-top: none;
  padding-top: 0; }

.block-subtitle {
  font-weight: bold;
  margin-bottom: 9px; }

.block-content {
  margin-top: 5px; }

.block-content.unpad {
  padding: 0; }

.block-content li.item {
  margin: 0 0 12px 9px; }

.block-content li.item:last-child {
  margin-bottom: 0; }

.block .actions {
  margin: 12px 0 0; }
  .block .actions:after:before, .block .actions:after:after {
    content: " ";
    display: table; }
  .block .actions:after:after {
    clear: both; }
  .block .actions a {
    float: left; }
  .block .actions .button {
    float: right; }

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
  line-height: 33px;
  margin-right: 5px; }

@media only screen and (max-width: 768px) {
  .sidebar .block:not(.block-layered-nav) {
    margin-bottom: 0; }
    .sidebar .block:not(.block-layered-nav) .block-title {
      padding: 0;
      margin-top: 0;
      border-bottom: none;
      border-top: none;
      margin-bottom: 0; }
      .sidebar .block:not(.block-layered-nav) .block-title > strong {
        margin: 0;
        margin-bottom: 10px;
        color: #141414;
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
        font-size: 18.5px;
        font-style: normal;
        line-height: 21px;
        text-rendering: optimizeSpeed;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: normal;
        margin-bottom: 0px;
        padding: 7px 10px 7px 24px;
        border-width: 1px;
        border-style: solid;
        border-color: #CFCFD5;
        position: relative;
        background-color: #F3F3F4;
        display: block;
        width: 100%;
        cursor: pointer;
        border-bottom: 0; } }
      @media only screen and (max-width: 768px) and (max-width: 768px) {
        .sidebar .block:not(.block-layered-nav) .block-title > strong {
          font-size: 16px; } }

@media only screen and (max-width: 768px) {
        .sidebar .block:not(.block-layered-nav) .block-title > strong:after {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          display: block;
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent;
          border-left: 4px solid #777777;
          border-right: none;
          left: 10px;
          top: 50%;
          margin-top: -3px; }
        .sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
          background-color: shade(#F3F3F4, 3%); }
      .sidebar .block:not(.block-layered-nav) .block-title.active > strong {
        margin: 0;
        margin-bottom: 10px;
        color: #141414;
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
        font-size: 18.5px;
        font-style: normal;
        line-height: 21px;
        text-rendering: optimizeSpeed;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: normal;
        margin-bottom: 0px;
        padding: 7px 10px 7px 24px;
        border-width: 1px;
        border-style: solid;
        border-color: #CFCFD5;
        position: relative;
        background-color: #F3F3F4; } }
      @media only screen and (max-width: 768px) and (max-width: 768px) {
        .sidebar .block:not(.block-layered-nav) .block-title.active > strong {
          font-size: 16px; } }

@media only screen and (max-width: 768px) {
        .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          display: block;
          border-right: 4px solid transparent;
          border-left: 4px solid transparent;
          border-top: 4px solid #777777;
          border-bottom: none;
          left: 10px;
          top: 50%;
          margin-top: -3px; }
        .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
          background-color: shade(#F3F3F4, 3%); }
    .sidebar .block:not(.block-layered-nav) .block-content {
      padding: 12px;
      margin-top: 0;
      border-width: 0 1px;
      border-style: solid;
      border-color: #CFCFD5; }
  .sidebar .block:last-of-type {
    border-bottom: 1px solid #CFCFD5; } }

/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account .block-title,
.block-cms-menu .block-title {
  padding-top: 0;
  border-top: none; }

.block-account li,
.block-cms-menu li {
  text-transform: uppercase;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  margin: 7px 0; }
  .block-account li strong,
  .block-cms-menu li strong {
    font-weight: 400;
    color: #777777; }
  .block-account li a,
  .block-cms-menu li a {
    color: #141414; }
    .block-account li a:hover,
    .block-cms-menu li a:hover {
      color: #777777; }

/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
  background: #08107B;
  color: white;
  padding: 16px 48px;
  box-shadow: 0px 1px 0px 0px #000000; }
  .cart .buttons-set .button:hover,
  .cart-table .button:hover,
  .sidebar .actions .button:hover,
  .button.button-secondary:hover {
    background: #050a4b;
    cursor: pointer; }
  .cart .buttons-set .button:active,
  .cart-table .button:active,
  .sidebar .actions .button:active,
  .button.button-secondary:active {
    background: #050a4b; }
  .cart .buttons-set .button:focus,
  .cart-table .button:focus,
  .sidebar .actions .button:focus,
  .button.button-secondary:focus {
    background: #050a4b;
    outline: none; }
  .cart .buttons-set .button.btn-medium,
  .cart-table .button.btn-medium,
  .sidebar .actions .button.btn-medium,
  .button.button-secondary.btn-medium {
    font-size: 14px 24px;
    line-height: 17px;
    padding: 10px;
    border-radius: 6px; }
  .cart .buttons-set .button.btn-small,
  .cart-table .button.btn-small,
  .sidebar .actions .button.btn-small,
  .button.button-secondary.btn-small {
    font-size: 12px;
    line-height: 13px;
    padding: 6px 12px;
    border-radius: 4px; }

.sidebar .actions button.button {
  white-space: normal; }

/* Primary Buttons */
.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button, a.button {
  background: #E9B226;
  display: inline-block;
  padding: 16px 48px;
  border: 0;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: 0px 1px 0px 0px #9F7A1A;
  border-radius: 9px;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear; }
  .button:hover,
  .cart-table .product-cart-actions .button:hover,
  #co-shipping-method-form .buttons-set .button:hover,
  .footer .button:hover, a.button:hover {
    background: #c89514;
    cursor: pointer; }
  .button:active,
  .cart-table .product-cart-actions .button:active,
  #co-shipping-method-form .buttons-set .button:active,
  .footer .button:active, a.button:active {
    background: #c89514;
    color: #FFFFFF; }
  .button:focus,
  .cart-table .product-cart-actions .button:focus,
  #co-shipping-method-form .buttons-set .button:focus,
  .footer .button:focus, a.button:focus {
    background-color: #0f0b01;
    outline: none;
    color: #FFFFFF; }
  .button.btn-medium,
  .cart-table .product-cart-actions .button.btn-medium,
  #co-shipping-method-form .buttons-set .button.btn-medium,
  .footer .button.btn-medium, a.button.btn-medium {
    font-size: 14px;
    line-height: 17px;
    padding: 10px 24px;
    border-radius: 6px; }
  .button.btn-small,
  .cart-table .product-cart-actions .button.btn-small,
  #co-shipping-method-form .buttons-set .button.btn-small,
  .footer .button.btn-small, a.button.btn-small {
    font-size: 12px;
    line-height: 13px;
    padding: 6px 12px;
    border-radius: 4px; }

a.button {
  text-decoration: none; }

a.button:hover {
  color: #FFFFFF; }

/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
  background: #C8C8C8;
  opacity: 0.6;
  cursor: not-allowed; }

/* Adjacent buttons */
.button + .button {
  margin-left: 5px; }

.button2 {
  border: 0;
  padding: 0 5px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle; }

.button2:focus {
  outline: none; }

.button2 span,
.button2 span span {
  line-height: 30px;
  height: 30px;
  text-decoration: underline;
  text-transform: uppercase;
  display: inline-block;
  color: #777777;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
  .button2 span:hover,
  .button2 span span:hover {
    text-decoration: none;
    color: #030733; }

@media only screen and (max-width: 768px) {
  .col2-set .buttons-set .button,
  .col2-set .buttons-set .button2 {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .col2-set .buttons-set .back-link {
    display: none; }
  .col2-set .buttons-set .required {
    display: none; } }

@media only screen and (max-width: 479px) {
  .buttons-set .button {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 9px; }
  .buttons-set .back-link {
    display: none; }
  .buttons-set .required {
    display: none; } }

/* Tertiary Buttons */
.button.btn-tertiary, a.button.btn-tertiary {
  background: #808080;
  display: inline-block;
  padding: 16px 48px;
  border: 0;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: 0px 1px 0px 0px #525255;
  border-radius: 9px; }
  .button.btn-tertiary:hover, a.button.btn-tertiary:hover {
    background: #676767;
    cursor: pointer; }
  .button.btn-tertiary:active, a.button.btn-tertiary:active {
    background: #676767;
    color: #FFFFFF; }
  .button.btn-tertiary:focus, a.button.btn-tertiary:focus {
    background-color: #676767;
    outline: none;
    color: #FFFFFF; }
  .button.btn-tertiary.btn-medium, a.button.btn-tertiary.btn-medium {
    font-size: 14px;
    line-height: 17px;
    padding: 10px 24px;
    border-radius: 6px; }
  .button.btn-tertiary.btn-small, a.button.btn-tertiary.btn-small {
    font-size: 12px;
    line-height: 13px;
    padding: 6px 12px;
    border-radius: 4px; }

/* Ghost Buttons */
.button.btn-ghost, a.button.btn-ghost {
  background: transparent;
  display: inline-block;
  padding: 16px 48px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: normal;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 9px;
  text-shadow: 0 1px 1px #000;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 1px 1px 0px rgba(20, 20, 20, 0.25); }
  .button.btn-ghost:hover, a.button.btn-ghost:hover {
    background: #5a5a5a;
    cursor: pointer; }
  .button.btn-ghost:active, a.button.btn-ghost:active {
    background: #5a5a5a;
    color: #FFFFFF; }
  .button.btn-ghost:focus, a.button.btn-ghost:focus {
    background-color: #5a5a5a;
    outline: none;
    color: #FFFFFF; }
  .button.btn-ghost.btn-medium, a.button.btn-ghost.btn-medium {
    font-size: 14px;
    line-height: 17px;
    padding: 10px 24px;
    border-radius: 6px; }
  .button.btn-ghost.btn-small, a.button.btn-ghost.btn-small {
    font-size: 12px;
    line-height: 13px;
    padding: 6px 12px;
    border-radius: 4px; }

/* Ghost Reverse Buttons */
.button.btn-ghost-reverse, a.button.btn-ghost-reverse {
  background: transparent;
  display: inline-block;
  padding: 16px 48px;
  color: #141414;
  font-size: 16px;
  font-weight: normal;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 9px;
  border: 2px solid #141414;
  box-shadow: none; }
  .button.btn-ghost-reverse:hover, a.button.btn-ghost-reverse:hover {
    background: #d9d9d9;
    cursor: pointer; }
  .button.btn-ghost-reverse:active, a.button.btn-ghost-reverse:active {
    background: #cccccc;
    color: #141414; }
  .button.btn-ghost-reverse:focus, a.button.btn-ghost-reverse:focus {
    background-color: #cccccc;
    outline: none;
    color: #141414; }
  .button.btn-ghost-reverse.btn-medium, a.button.btn-ghost-reverse.btn-medium {
    font-size: 14px;
    line-height: 17px;
    padding: 10px 24px;
    border-radius: 6px; }
  .button.btn-ghost-reverse.btn-small, a.button.btn-ghost-reverse.btn-small {
    font-size: 12px;
    line-height: 13px;
    padding: 6px 12px;
    border-radius: 4px; }

/* -------------------------------------------- *
 * Paypal Button
 */
.paypal-logo.paypal-after {
  float: left; }

.paypal-after .paypal-or {
  float: left; }

.paypal-or {
  line-height: 34px;
  margin: 0 10px 5px; }

.paypal-after .paypal-button {
  float: left; }

.paypal-button {
  line-height: 0; }

.paypal-button img {
  display: inline; }

@media only screen and (max-width: 740px) {
  .paypal-or {
    line-height: 20px; }
  .paypal-logo,
  .paypal-or,
  .paypal-button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none; } }

/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
  clear: both;
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px solid #F3F3F4;
  text-align: right; }
  .buttons-set p.required {
    margin: 0;
    margin-left: 10px;
    line-height: 33px;
    float: right; }
  .buttons-set .back-link {
    float: left;
    margin: 0;
    line-height: 33px; }
  .buttons-set a:not(.button) {
    line-height: 20px;
    display: inline-block;
    padding: 5px; }
  .buttons-set button.button {
    float: right;
    margin-left: 5px;
    min-width: 140px; }
  .buttons-set:after:before, .buttons-set:after:after {
    content: " ";
    display: table; }
  .buttons-set:after:after {
    clear: both; }

/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .btn-remove2, .ratings .rating-box,
.value .rating-box, .ratings .rating-box .rating,
.value .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .ba-shiv .ba-arrow, .skip-nav .icon, .skip-search .icon {
  background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999px; }

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .icon-sprite, .btn-remove2, .ratings .rating-box,
  .value .rating-box, .ratings .rating-box .rating,
  .value .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .ba-shiv .ba-arrow, .skip-nav .icon, .skip-search .icon {
    background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
    background-size: 300px 1200px; } }

/* -------------------------------------------- *
 * Breadcrumbs
 */
.breadcrumbs {
  overflow: hidden;
  line-height: 90px;
  background: #F3F3F4;
  border-bottom: 1px solid #CFCFD5;
  padding-left: 25px; }
  @media only screen and (max-width: 768px) {
    .breadcrumbs {
      border-top: 1px solid #CFCFD5; } }

.breadcrumbs ul {
  display: inline-block;
  vertical-align: middle; }
  .breadcrumbs ul.crumbs {
    max-width: 80%; }
    @media only screen and (min-width: 769px) {
      .breadcrumbs ul.crumbs {
        max-width: 60%; } }
    @media only screen and (min-width: 1000px) {
      .breadcrumbs ul.crumbs {
        max-width: 70%; } }
    .breadcrumbs ul.crumbs li a {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 250px; }
      @media only screen and (max-width: 599px) {
        .breadcrumbs ul.crumbs li a {
          max-width: 200px; } }
      .catalog-product-view .breadcrumbs ul.crumbs li a {
        max-width: 100%; }
        @media only screen and (max-width: 599px) {
          .catalog-product-view .breadcrumbs ul.crumbs li a {
            max-width: 200px; } }
        @media only screen and (max-width: 479px) {
          .catalog-product-view .breadcrumbs ul.crumbs li a {
            max-width: 180px; } }

.breadcrumbs li {
  float: left;
  font-size: 14px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  text-transform: uppercase;
  color: #808080;
  line-height: 18.65px; }

.breadcrumbs a {
  float: left;
  color: #777777;
  font-size: 1rem; }

.breadcrumbs a:hover {
  color: #777777; }

.breadcrumbs strong {
  color: #808080;
  font-weight: normal; }

.breadcrumbs span {
  float: left;
  padding: 0 7px;
  color: #808080; }

@media only screen and (max-width: 768px) {
  .breadcrumbs {
    display: none; } }

/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-remove,
.btn-previous {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #F3F3F4;
  text-align: center;
  /* Hide text */
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: relative; }
  .btn-remove:hover,
  .btn-previous:hover {
    background-color: #777777;
    border-color: #777777; }

.btn-remove:after {
  content: 'X';
  color: #777777;
  height: 20px;
  line-height: 20px;
  width: 100%;
  font-size: 10px;
  font-family: Arial, "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-weight: bold; }

.btn-remove:hover:after {
  color: #FFFFFF;
  text-decoration: none; }

.btn-remove2 {
  background-position: 4px -648px;
  border: none;
  vertical-align: top; }
  .btn-remove2:after {
    display: none; }
  .btn-remove2:hover {
    background-color: transparent;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.btn-previous:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #777777;
  border-left: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -4px; }

.btn-previous:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #FFFFFF;
  border-left: none; }

.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
  float: left;
  margin-right: 12px; }

/* -------------------------------------------- *
 * Checkout Agreements
 */
.checkout-agreements li {
  margin-bottom: 20px; }

.checkout-agreements .agreement-content {
  overflow-y: auto;
  max-width: 670px;
  max-height: 125px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #CFCFD5;
  background: #F3F3F4; }

/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
  margin-left: 10px;
  font-size: 12px;
  line-height: 24px; }
  @media only screen and (max-width: 768px) {
    .cvv-what-is-this {
      display: block;
      margin-left: 0; } }

/* -------------------------------------------- *
 * Container
 */
.main-container,
.footer-container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 10px;
  padding: 0;
  z-index: 1; }
  .main-container:after:before, .main-container:after:after,
  .footer-container:after:before,
  .footer-container:after:after {
    content: " ";
    display: table; }
  .main-container:after:after,
  .footer-container:after:after {
    clear: both; }

.catalog-category-view .main-container,
.catalogsearch-result-index .main-container {
  z-index: 10; }

.main-container .main {
  max-width: 1600px;
  margin: 0 auto; }
  .catalog-product-view .main-container .main,
  .catalog-category-view .main-container .main,
  .catalogsearch-result-index .main-container .main {
    padding-top: 124px; }
  @media only screen and (max-width: 599px) {
    .catalog-category-view .page .main-container .main,
    .catalogsearch-result-index .page .main-container .main {
      margin: 0; } }
  .main-container .main .catalog-product-view {
    padding-top: 0px;
    clear: both; }

@media only screen and (min-width: 480px) {
  .footer-container {
    padding: 24px; } }

.footer-container {
  padding-top: 0; }

.justify-fix {
  display: inline-block;
  width: 100%;
  height: 0; }

/* -------------------------------------------- *
 * Column Layouts
 */
.main:after:before, .main:after:after,
.col-wrapper:after:before,
.col-wrapper:after:after {
  content: " ";
  display: table; }

.main:after:after,
.col-wrapper:after:after {
  clear: both; }

.col-left,
.col-right,
.col-main {
  padding: 0 10px; }

.col-left {
  float: left;
  width: 25%;
  padding-left: 0;
  /* Remove the 15px padding */
  clear: left; }
  .col-left img {
    max-width: 100%; }

.col-right {
  float: right;
  width: 25%;
  padding-right: 0;
  /* Remove the 15px padding */ }
  .col-right img {
    max-width: 100%; }

.col-main {
  float: left;
  width: 75%; }

.col1-layout .col-main {
  float: none;
  width: auto;
  padding: 0;
  /* Remove the 15px padding */ }

.col2-left-layout .col-main {
  float: right;
  padding-right: 0;
  /* Remove the 15px padding */ }

.col2-right-layout .col-main {
  padding-left: 0;
  /* Remove the 15px padding */ }

.col3-layout .col-right {
  width: 20.8333%; }

.col3-layout .col-wrapper {
  float: left;
  width: 79.1667%; }
  .col3-layout .col-wrapper .col-main {
    float: right;
    width: 73.6842%; }
  .col3-layout .col-wrapper .col-left {
    width: 26.3158%; }

@media only screen and (max-width: 1000px) {
  .col3-layout .col-right {
    float: left;
    clear: left;
    padding-left: 0;
    padding-right: 10px;
    width: 25%; }
  .col3-layout .col-wrapper {
    float: right;
    width: 100%; }
    .col3-layout .col-wrapper .col-main {
      float: right;
      width: 75%; }
    .col3-layout .col-wrapper .col-left {
      width: 25%; } }

@media only screen and (max-width: 768px) {
  .col-left,
  .col-right,
  .col-main,
  .col1-layout .col-left,
  .col1-layout .col-right,
  .col1-layout .col-main,
  .col2-left-layout .col-left,
  .col2-left-layout .col-right,
  .col2-left-layout .col-main,
  .col2-right-layout .col-left,
  .col2-right-layout .col-right,
  .col2-right-layout .col-main,
  .col3-layout .col-wrapper .col-left,
  .col3-layout .col-right,
  .col3-layout .col-wrapper .col-main {
    padding: 0;
    margin-bottom: 10px;
    float: none;
    width: auto; }
  .col3-layout .col-wrapper {
    float: none;
    width: auto; }
  .col-main {
    float: none;
    width: auto; }
  .col-main .col-left {
    padding: 0;
    /* On product listing pages, the left column gets moved inside col-main on small viewports */ } }

/* Content Columns */
.col2-set {
  width: 100%; }
  .col2-set .col-1,
  .col2-set .col-2 {
    width: 50%;
    padding: 24px; }
    @media only screen and (max-width: 768px) {
      .col2-set .col-1,
      .col2-set .col-2 {
        padding: 12px; } }
  .col2-set .col-1 {
    float: left;
    padding-left: 0; }
  .col2-set .col-2 {
    float: right;
    padding-right: 0; }
  @media only screen and (max-width: 479px) {
    .col2-set .col-1,
    .col2-set .col-2 {
      float: none;
      width: auto;
      border: 0;
      padding-right: 0;
      padding-left: 0; } }
  .col2-set .narrow {
    width: 33%; }
  .col2-set .wide {
    width: 65%; }
  .col2-set:after:before, .col2-set:after:after {
    content: " ";
    display: table; }
  .col2-set:after:after {
    clear: both; }

/* -------------------------------------------- *
 * Top Container
 */
@media only screen and (min-width: 769px) {
  .top-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 24px; } }

/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
  background: #030733;
  color: #e6e6e6;
  font-size: 10px; }
  .global-site-notice .notice-inner {
    padding-left: 120px;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 10px;
    min-height: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-image: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/demo-logo.png");
    background-position: left;
    background-repeat: no-repeat; }
  .global-site-notice p {
    margin-bottom: 0; }

/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {
  color: #141414;
  text-align: center;
  margin: 12px;
  text-transform: uppercase;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

/* -------------------------------------------- *
 * Grid
 */
.grid:after:before, .grid:after:after {
  content: " ";
  display: table; }

.grid:after:after {
  clear: both; }

/* -------------------------------------------- *
 * Messages
 */
.success {
  color: #669900; }

.error {
  color: #990000;
  font-weight: bold; }

.notice {
  color: #f3793b;
  font-weight: bold; }

/* -------------------------------------------- *
 * Messages
 */
.messages {
  margin-bottom: 10px; }

.messages li li {
  position: relative;
  margin-bottom: 5px;
  padding: 17px 45px 7px 45px;
  background: #F3F3F4;
  font-size: 18.5px;
  line-height: 1.3333;
  min-height: 60px;
  text-align: center;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  padding-bottom: 17px;
  font-weight: 300; }

.messages .error-msg {
  background-color: #990000; }
  .messages .error-msg li {
    color: white;
    background-color: #990000; }
  .messages .error-msg a {
    color: #FFFFFF; }

.messages .notice-msg {
  background-color: #08107B; }
  .messages .notice-msg li {
    color: white;
    background-color: #08107B; }
  .messages .notice-msg a {
    color: #FFFFFF; }
    
.messages .success-msg {
  background-color: #669900; }
  .messages .success-msg li {
    color: white;
    background-color: #669900; }
  .messages .success-msg a {
    color: #FFFFFF; }

@media only screen and (min-width: 915px) {
  .order-list-grid .col-1 {
    width: 30%; }
  .order-list-grid .col-2 {
    width: 50%;
    padding-right: 20px; }
  .order-list-grid .col-3 {
    clear: none;
    width: 20%;
    padding-top: 0; } }

/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
  padding: 20px;
  background: #FFFFFF;
  height: auto; }

.page-popup h1 {
  margin: 0 0 0.5em;
  font-size: 36px; }

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
  margin-bottom: 20px; }

.payment-methods dt {
  padding: 5px 0; }

.payment-methods dd {
  padding-top: 10px; }

.payment-methods .form-list {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 5px 15px 15px;
  padding: 15px;
  border: 1px solid #CFCFD5;
  background: #F3F3F4; }

.payment-methods .form-list:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #CFCFD5;
  border-top: none;
  top: -11px;
  left: 30px; }

.payment-methods .form-list:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #F3F3F4;
  border-top: none;
  top: -10px;
  left: 30px; }

.payment-methods .form-list li:last-child {
  margin-bottom: 0; }

/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 24px;
  height: 24px;
  white-space: nowrap;
  /* Prevent the linebreak in the HTML from causing layout issues */ }
  .please-wait img {
    float: left;
    margin-right: 5px;
    width: 24px; }

/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
  margin: 9px 0;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

.price-box p {
  margin-bottom: 0; }

.price-notice {
  color: #909294; }

.price-box .price {
  color: #141414;
  font-size: 20px;
  line-height: 24px; }

.price-box .price,
.price {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

.price-box .price-label {
  color: #141414;
  white-space: nowrap;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

.price-box .minimal-price-link {
  padding-left: 1em;
  color: #141414;
  display: block;
  /* We want this to show on its own line, otherwise the layout looks funky */ }
  .price-box .minimal-price-link .label {
    color: #909294; }

/* -------------------------------------------- *
 * Price Box - Special
 */
.price-box .old-price,
.price-box .special-price {
  display: inline-block; }
  .price-box .old-price .price-label,
  .price-box .special-price .price-label {
    display: none; }
  .price-box .old-price .price,
  .price-box .special-price .price {
    display: inline-block; }

.price-box .old-price .price {
  color: #909294;
  text-decoration: line-through;
  font-size: 14px;
  line-height: 1.3333;
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.price-box .special-price {
  color: #141414;
  padding-left: 10px; }
  .price-box .special-price .price-label {
    color: #D84D3C; }

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
  display: block; }

span.weee {
  display: block; }

/* -------------------------------------------- *
 * Tier Prices
 */
.product-pricing,
.tier-prices,
.tier-prices-grouped {
  display: inline-block;
  padding: 4px 8px;
  background: #FBF4DE;
  border: 1px solid #E2D4C7;
  margin-top: 9px; }
  .product-pricing li,
  .tier-prices li,
  .tier-prices-grouped li {
    font-size: 11px; }
  .product-pricing .benefit,
  .tier-prices .benefit,
  .tier-prices-grouped .benefit {
    font-style: italic; }
  .product-pricing .price,
  .tier-prices .price,
  .tier-prices-grouped .price {
    font-weight: bold; }

/* ============================================ *
 * Item Options
 * ============================================ */
.item-options {
  font-size: 14px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
  .item-options:after:before, .item-options:after:after {
    content: " ";
    display: table; }
  .item-options:after:after {
    clear: both; }
  .item-options dt {
    float: left;
    clear: left;
    font-weight: 600;
    padding-right: 5px;
    font-style: italic; }
    .item-options dt:after {
      content: ': '; }
  .item-options dd {
    float: left;
    padding-left: 10px;
    margin: 0 0 6px; }

.truncated,
.truncated a.dots {
  cursor: help; }

.truncated a.details {
  cursor: help;
  height: 16px;
  line-height: 16px; }
  .truncated a.details:hover {
    text-decoration: none; }

.truncated .truncated_full_value {
  position: relative;
  z-index: 300; }

.truncated .truncated_full_value .item-options {
  display: none;
  position: absolute;
  z-index: 300;
  width: 200px;
  padding: 8px;
  border: 1px solid #777777;
  background-color: #F6F6F6;
  top: 21px;
  left: -100px; }
  .truncated .truncated_full_value .item-options:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #777777;
    border-top: none;
    left: 97px;
    top: -7px; }

.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px; }

.truncated .show .item-options {
  display: block; }
  .truncated .show .item-options dt {
    display: none; }

.data-table tbody td dl.item-options dt, #my-orders-table tr.bundle.label {
  display: none; }

@media only screen and (max-width: 479px) {
  .truncated {
    cursor: inherit; }
    .truncated a.details {
      display: none; }
    .truncated .truncated_full_value .item-options {
      display: block;
      position: static;
      z-index: 1;
      width: 100%;
      border: none;
      background-color: transparent; }
      .truncated .truncated_full_value .item-options p {
        float: none; }
      .truncated .truncated_full_value .item-options:after {
        display: none; } }

/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
  width: 6.5in;
  margin: 20px;
  background: #FFFFFF; }

/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
  margin: 9px 0; }
  .products-list .add-to-links {
    float: left;
    clear: left;
    width: 24.796%;
    text-align: center;
    margin: 12px 0 0; }
  .add-to-links a {
    color: white;
    line-height: 22px;
    font-size: 11px;
    background: #808080;
    display: inline-block;
    padding: 0 8px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    .add-to-links a:hover {
      text-decoration: none;
      background: #08107B; }

.add-to-links .separator,
.add-to-links .link-wishlist {
  display: none; }

/* -------------------------------------------- *
 * Product Image
 */
.product-image {
  position: relative;
  display: block;
  border: 1px solid #F3F3F4; }
  .products-list .product-image,
  .products-grid .product-image {
    position: static; }

.product-image {
  border: 1px solid transparent; }

@media only screen and (max-width: 768px) {
  body .product-img-box .product-image:hover {
    border-color: #F3F3F4; } }

/* -------------------------------------------- *
 * Ratings
 */
.ratings,
.value {
  margin: 7px 0; }
  li.item .ratings, li.item
  .value {
    margin-top: 17px;
    cursor: pointer; }
  .ratings .rating-box,
  .ratings .rating-links,
  .value .rating-box,
  .value .rating-links {
    margin: 5px 0; }
  .ratings .rating-box,
  .value .rating-box {
    width: 65px;
    height: 13px;
    background-repeat: repeat-x;
    background-position: 0 -615px;
    overflow: hidden; }
    .ratings .rating-box.large,
    .value .rating-box.large {
      width: 124px;
      height: 21px;
      background-position: 0 -829px; }
      li.item .ratings .rating-box.large, li.item
      .value .rating-box.large {
        width: 72px; }
  .ratings .rating-box .rating,
  .value .rating-box .rating {
    float: left;
    height: 12px;
    background-repeat: repeat-x;
    background-position: 0 -600px; }
    .ratings .rating-box .rating.large,
    .value .rating-box .rating.large {
      width: 124px;
      height: 21px;
      background-position: 0 -803px; }
  .ratings .amount,
  .value .amount {
    display: block;
    margin: 5px auto; }
  li.item .ratings .rating-links, li.item
  .value .rating-links {
    display: none; }
  .ratings .rating-links .separator,
  .value .rating-links .separator {
    margin: 0 3px; }
  li.item .ratings .rating-decimal, li.item
  .value .rating-decimal {
    display: none; }

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p {
  margin: 0 0 10px; }

.std ol {
  list-style: decimal outside;
  margin-bottom: 10px; }

.std ol li {
  margin-left: 2em; }

.std ul {
  list-style: disc outside;
  margin-bottom: 10px; }

.std ul li {
  margin-left: 2em; }

.std .note {
  color: #909294;
  font-size: 12px; }

/* -------------------------------------------- *
 * Tabs
 */
.tabs {
  margin-bottom: 10px;
  background: #FFFFFF; }

/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
  margin: 0; }
  .toolbar:after:before, .toolbar:after:after {
    content: " ";
    display: table; }
  .toolbar:after:after {
    clear: both; }
  .toolbar .ba-select-box {
    background: transparent;
    border: none;
    box-shadow: none; }

.toolbar-top {
  padding: 20px 42px;
  border: none;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  z-index: 50; }
  .toolbar-top:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  @media only screen and (max-width: 1224px) {
    .toolbar-top {
      padding: 20px 3.4314%; } }
  .toolbar-top.has-currently {
    margin-bottom: 75px; }
  .toolbar-top .limiter,
  .toolbar-top .pages {
    display: none; }
  .toolbar-top .toolbar {
    border-left: 2px solid #c2c2c2;
    float: right;
    width: 100%;
    width: calc(100% - 149px); }
    .toolbar-top .toolbar:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    @media only screen and (max-width: 768px) {
      .toolbar-top .toolbar {
        width: 50%; } }

.toolbar-bottom {
  clear: both;
  text-align: center;
  padding: 17px 0 60px;
  max-width: 1600px;
  margin: 0 auto; }
  .toolbar-bottom .count-container,
  .toolbar-bottom .sorter,
  .toolbar-bottom .view-mode {
    display: none; }
  .toolbar-bottom .pager {
    display: inline-block;
    vertical-align: top; }
  .toolbar-bottom .limiter {
    display: inline-block;
    vertical-align: top;
    width: 107px;
    margin-right: 34px; }
    @media only screen and (max-width: 768px) {
      .toolbar-bottom .limiter {
        display: none; } }
    .toolbar-bottom .limiter label {
      line-height: 34px;
      vertical-align: top;
      font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      color: #808080;
      text-transform: capitalize;
      padding-right: 6px; }
    .toolbar-bottom .limiter .input-box {
      height: 34px;
      width: 65px;
      display: inline-block;
      vertical-align: top;
      padding: 0; }
      .toolbar-bottom .limiter .input-box .ba-shiv {
        border: none;
        background: #F3F3F4;
        box-shadow: 0px 1px 0px 0px #CFCFD5;
        border-radius: 4px;
        height: 34px;
        text-align: center; }
        .toolbar-bottom .limiter .input-box .ba-shiv .ba-shiv-content {
          line-height: 34px;
          float: none; }
        .toolbar-bottom .limiter .input-box .ba-shiv .ba-arrow {
          background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -111px -72px;
          height: 7px;
          width: 12px;
          top: 13.5px;
          margin: 0; }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
            .toolbar-bottom .limiter .input-box .ba-shiv .ba-arrow {
              background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
              background-size: 300px 1200px; } }

.pager-no-toolbar {
  margin-bottom: 12px; }

.pager-no-toolbar ~ .pager-no-toolbar {
  margin-top: 12px; }

.toolbar,
.pager {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  color: #141414;
  line-height: 34px; }

.toolbar label,
.pager-no-toolbar label {
  font-weight: normal;
  text-transform: uppercase; }

.pager {
  font-size: 16px;
  color: #141414;
  line-height: 21.32px; }
  .toolbar-top .pager {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%); }
    @media only screen and (max-width: 768px) {
      .toolbar-top .pager {
        display: none; } }

.sorter {
  float: left;
  margin: 0 0 0 10px; }
  .toolbar-top.hover .sorter label:before {
    background-position: -53px -702px; }
  .toolbar-top.hover .sorter:hover label:before {
    background-position: 0 -702px; }
  .sorter label {
    width: 142px;
    line-height: 34px;
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 16px;
    padding: 0 16px 0 80px;
    color: #141414;
    text-transform: uppercase; }
    .sorter label:before {
      content: "";
      background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat 0 -702px;
      height: 17px;
      width: 48px;
      position: absolute;
      top: 8px;
      left: 14px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
        .sorter label:before {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }
    .toolbar-top.hover .sorter label {
      color: #e7e7ea; }
  .toolbar-top.hover .sorter:hover label {
    color: #141414; }
  @media only screen and (max-width: 768px) {
    .toolbar-top .sorter {
      margin-left: calc(50% - 71px); } }

.sorter > .sort-by {
  float: left;
  position: relative; }
  .sorter > .sort-by .sort-by-switcher {
    width: 30px;
    height: 30px;
    display: inline-block; }
  .sorter > .sort-by .sort-by-switcher--asc {
    background-position: 4px -542px; }
    .sorter > .sort-by .sort-by-switcher--asc:hover {
      background-position: -46px -542px; }
  .sorter > .sort-by .sort-by-switcher--desc {
    background-position: 4px -567px; }
    .sorter > .sort-by .sort-by-switcher--desc:hover {
      background-position: -46px -567px; }
  .sorter > .sort-by .input-box, .sorter > .sort-by .sort-by-switcher {
    float: left;
    color: #808080;
    text-transform: none; }
  .sorter > .sort-by .input-box {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 5; }
    @media only screen and (max-width: 768px) {
      .wrapper .page .main .sorter > .sort-by .input-box {
        position: absolute; } }
    .sorter > .sort-by .input-box:after {
      content: "";
      width: 100%;
      height: 0;
      background: #525255;
      position: absolute;
      top: 40px;
      left: 0; }
    .sorter > .sort-by .input-box:hover:after {
      height: 6px; }
    .sorter > .sort-by .input-box .ba-shiv {
      opacity: 0;
      line-height: 34px;
      height: 34px; }
    .sorter > .sort-by .input-box .ba-options {
      top: 100%;
      top: calc(100% + 10px);
      background: white;
      border: 1px solid #CFCFD5;
      border-radius: 0;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      padding: 0 0 5px;
      z-index: 10; }
      .sorter > .sort-by .input-box .ba-options:before {
        display: none; }
      @media only screen and (max-width: 768px) {
        .sorter > .sort-by .input-box .ba-options {
          background: #E7E7EA; } }
      .sorter > .sort-by .input-box .ba-options li {
        color: #141414;
        padding: 0 0 0 15px;
        line-height: 34px;
        font-size: 14px;
        font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
        @media only screen and (max-width: 768px) {
          .sorter > .sort-by .input-box .ba-options li {
            line-height: 64px !important;
            padding: 0 0 0 23px;
            color: #141414;
            border-bottom: 1px solid #141414;
            font-size: 14px !important; }
            .sorter > .sort-by .input-box .ba-options li:last-of-type {
              border-bottom: none; } }
        .sorter > .sort-by .input-box .ba-options li.selected {
          color: #08107B; }
        .sorter > .sort-by .input-box .ba-options li:hover {
          background: #CFCFD5;
          color: #08107B; }
          @media only screen and (max-width: 768px) {
            .sorter > .sort-by .input-box .ba-options li:hover {
              color: #08107B; } }
    .sorter > .sort-by .input-box .ba-select:after {
      content: "";
      display: none;
      width: 100%;
      height: 6px;
      background: #525255;
      position: absolute;
      top: 40px;
      left: 0;
      z-index: 15; }
    .sorter > .sort-by .input-box .ba-select.open:after {
      display: block; }

.toolbar .view-mode {
  float: right; }
  @media only screen and (max-width: 768px) {
    .toolbar-top .toolbar .view-mode {
      display: none; } }
  .toolbar .view-mode label {
    line-height: 34px;
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 16px; }
  .toolbar .view-mode .grid,
  .toolbar .view-mode .list {
    float: left;
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -1px -766px;
    height: 27px;
    width: 27px;
    margin-top: 3.5px;
    margin-right: 10px;
    overflow: hidden;
    text-indent: 100%;
    display: inline-block;
    vertical-align: middle; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .toolbar .view-mode .grid,
      .toolbar .view-mode .list {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .toolbar .view-mode .grid {
    opacity: 0.25;
    background-position: -1px -766px; }
  .toolbar .view-mode strong.grid,
  .toolbar .view-mode a.grid:hover {
    background-position: -1px -766px;
    opacity: 1; }
  .toolbar .view-mode .list {
    width: 30px;
    margin-right: 20px;
    opacity: 0.25;
    background-position: -38px -766px; }
  .toolbar .view-mode strong.list,
  .toolbar .view-mode a.list:hover {
    background-position: -38px -766px;
    opacity: 1; }

.pager > .count-container {
  float: left; }
  .pager > .count-container strong {
    font-weight: normal; }

.pager .amount {
  float: left;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  white-space: nowrap;
  margin: 0; }

.pager .limiter {
  float: left;
  height: 30px;
  line-height: 30px; }
  .pager .limiter > label {
    padding-right: 5px; }
    .pager .limiter > label:after {
      content: ':'; }
  .pager .limiter .input-box, .pager .limiter label {
    display: block;
    float: left;
    clear: none;
    color: #808080;
    text-transform: none; }
  .pager .limiter .input-box {
    float: right; }

.pages {
  float: right;
  overflow: hidden;
  margin: 0; }
  .pages strong {
    display: none; }

.pages li {
  float: left; }

.pages a,
.pages .current {
  display: inline-block;
  border: 0;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  white-space: nowrap;
  line-height: 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  color: #777777;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
  .pages a:hover,
  .pages .current:hover {
    color: #08107B;
    text-decoration: none; }

.pages .current,
.pages .current:hover {
  color: #08107B;
  background-color: #FFFFFF;
  cursor: default; }

.pages .next,
.pages .previous {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  position: relative;
  text-align: center; }
  .pages .next:before,
  .pages .previous:before {
    content: "";
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -143px -117px;
    height: 12px;
    width: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .pages .next:before,
      .pages .previous:before {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .pages .next:hover:before,
  .pages .previous:hover:before {
    background-position: -208px -115px; }

.pages .next:before {
  background-position: -144px -99px; }

.pages .next:hover:before {
  background-position: -209px -99px; }

@media only screen and (max-width: 479px) {
  .pager .amount--has-pages {
    display: none; }
  .pages {
    float: left; }
  .limiter label {
    display: none; } }

@media only screen and (max-width: 768px) {
  .col1-layout .sorter,
  .col1-layout .pager {
    width: 100%; }
  .col1-layout .pager {
    float: left;
    clear: both; }
    .col1-layout .pager .pages {
      margin: 0;
      float: none;
      display: inline-block; }
    .col1-layout .pager .count-container {
      float: right; } }

@media only screen and (max-width: 1024px) {
  .col2-left-layout .sorter,
  .col2-left-layout .pager,
  .col2-right-layout .sorter,
  .col2-right-layout .pager,
  .col3-layout .sorter,
  .col3-layout .pager {
    width: 100%; }
  .col2-left-layout .pager,
  .col2-right-layout .pager,
  .col3-layout .pager {
    float: left;
    clear: both; }
    .col2-left-layout .pager .pages,
    .col2-right-layout .pager .pages,
    .col3-layout .pager .pages {
      float: left;
      margin-left: 0; }
    .col2-left-layout .pager .count-container,
    .col2-right-layout .pager .count-container,
    .col3-layout .pager .count-container {
      float: right; } }

/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */
#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
  position: relative;
  cursor: pointer; }
  #checkout-review-table .summary-collapse:before,
  #shopping-cart-totals-table .summary-collapse:before,
  body.customer-account .data-table .summary-collapse:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #08107B;
    border-bottom: none;
    position: static;
    display: inline-block;
    margin-right: 5px; }
  #checkout-review-table .summary-collapse:hover:before,
  #shopping-cart-totals-table .summary-collapse:hover:before,
  body.customer-account .data-table .summary-collapse:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #030733;
    border-bottom: none;
    position: static;
    display: inline-block;
    margin-right: 5px; }

#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #08107B;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px; }

#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #030733;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px; }

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
  margin-bottom: 5px; }

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
  text-align: center; }

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

.no-display {
  display: none !important; }

.nobr,
.nowrap {
  white-space: nowrap; }

.width-full {
  width: 100%; }

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
  display: none; }

.caption-grey {
  /* caption - grey */
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 10px !important;
  color: #4A4A4A !important;
  line-height: 14px !important;
  margin-top: 10px !important;
  padding-bottom: 0 !important; }

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
  margin: 0 0 15px; }

.page-print .print-head .logo {
  float: none;
  max-height: 50px;
  width: auto; }

/* ============================================ *
 * Product Flags
 * ============================================ */
.products-list .item {
  float: right;
  width: 100%; }

.ba-flags-outer-container {
  position: absolute;
  /* change flag position from top of container here */
  top: 8%;
  padding: 3px 0; }
  .ba-flags-outer-container .ba-flag {
    position: relative;
    float: left;
    top: 0;
    margin-top: 3px;
    /* change vertical space between flags using top margin value */
    clear: both;
    padding: 3px 0; }
    .ba-flags-outer-container .ba-flag:first-child {
      margin-top: 0px;
      clear: none; }

.ba-flag {
  z-index: 31;
  /* z-index above image */
  position: absolute;
  color: #fff;
  text-align: center;
  text-transform: uppercase; }
  .ba-flag:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }

.product-img-box,
.products-list .item,
.products-grid .item,
.product-grid-area .img-wrapper,
.quickview-wrapper .img-wrapper,
.product-essential .product-img-box {
  position: relative; }
  @media only screen and (max-width: 479px) {
    .product-img-box .ba-flags-outer-container,
    .products-list .item .ba-flags-outer-container,
    .products-grid .item .ba-flags-outer-container,
    .product-grid-area .img-wrapper .ba-flags-outer-container,
    .quickview-wrapper .img-wrapper .ba-flags-outer-container,
    .product-essential .product-img-box .ba-flags-outer-container {
      top: 14%; } }
  .product-img-box .ba-flags-outer-container,
  .products-list .item .ba-flags-outer-container,
  .products-grid .item .ba-flags-outer-container,
  .product-grid-area .img-wrapper .ba-flags-outer-container,
  .quickview-wrapper .img-wrapper .ba-flags-outer-container,
  .product-essential .product-img-box .ba-flags-outer-container {
    padding: 0;
    top: 20px;
    left: -1px; }
    .product-img-box .ba-flags-outer-container .ba-flag,
    .products-list .item .ba-flags-outer-container .ba-flag,
    .products-grid .item .ba-flags-outer-container .ba-flag,
    .product-grid-area .img-wrapper .ba-flags-outer-container .ba-flag,
    .quickview-wrapper .img-wrapper .ba-flags-outer-container .ba-flag,
    .product-essential .product-img-box .ba-flags-outer-container .ba-flag {
      margin-top: 0;
      margin-bottom: 5px; }
  .product-img-box .ba-flag,
  .products-list .item .ba-flag,
  .products-grid .item .ba-flag,
  .product-grid-area .img-wrapper .ba-flag,
  .quickview-wrapper .img-wrapper .ba-flag,
  .product-essential .product-img-box .ba-flag {
    left: 0;
    width: 75px;
    height: 24px;
    padding-top: 1px;
    /* label: */
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase; }
    .product-img-box .ba-flag:after,
    .products-list .item .ba-flag:after,
    .products-grid .item .ba-flag:after,
    .product-grid-area .img-wrapper .ba-flag:after,
    .quickview-wrapper .img-wrapper .ba-flag:after,
    .product-essential .product-img-box .ba-flag:after {
      border-width: 12px;
      margin-top: -12px; }
    @media only screen and (max-width: 768px) {
      .product-img-box .ba-flag,
      .products-list .item .ba-flag,
      .products-grid .item .ba-flag,
      .product-grid-area .img-wrapper .ba-flag,
      .quickview-wrapper .img-wrapper .ba-flag,
      .product-essential .product-img-box .ba-flag {
        width: 60px;
        height: 16px; }
        .product-img-box .ba-flag:after,
        .products-list .item .ba-flag:after,
        .products-grid .item .ba-flag:after,
        .product-grid-area .img-wrapper .ba-flag:after,
        .quickview-wrapper .img-wrapper .ba-flag:after,
        .product-essential .product-img-box .ba-flag:after {
          border-width: 8px;
          margin-top: -8px; } }

.products-list .item,
.products-grid .item,
.product-grid-area .img-wrapper,
.quickview-wrapper .img-wrapper,
.product-essential .product-img-box {
  position: relative; }
  .products-list .item .ba-flag,
  .products-grid .item .ba-flag,
  .product-grid-area .img-wrapper .ba-flag,
  .quickview-wrapper .img-wrapper .ba-flag,
  .product-essential .product-img-box .ba-flag {
    left: 0;
    width: 75px;
    height: 24px;
    padding-top: 0; }
    .products-list .item .ba-flag:after,
    .products-grid .item .ba-flag:after,
    .product-grid-area .img-wrapper .ba-flag:after,
    .quickview-wrapper .img-wrapper .ba-flag:after,
    .product-essential .product-img-box .ba-flag:after {
      border-width: 12px;
      margin-top: -12px; }

.block-related {
  position: relative; }
  .block-related label.checkbox-label + .item-info .ba-flag {
    left: 20px; }
  .block-related .ba-flag {
    left: 0;
    width: 46px;
    height: 12px;
    font-size: 8px;
    padding: 0; }
    .block-related .ba-flag:after {
      border-width: 6px;
      margin-top: -6px; }

.box-up-sell {
  position: relative; }
  .box-up-sell .products-grid .ba-flag {
    left: 0;
    width: 50px;
    height: 16px;
    font-size: 10px; }
    .box-up-sell .products-grid .ba-flag:after {
      border-width: 8px;
      margin-top: -8px; }

.cart-table .ba-flags-outer-container {
  top: 17%; }

.cart-table td {
  position: relative; }

.cart-table .ba-flag {
  left: 0;
  width: 40px;
  height: 12px;
  font-size: 8px;
  padding-top: 2px; }
  .cart-table .ba-flag:after {
    border-width: 6px;
    margin-top: -6px; }

#cart-sidebar {
  position: relative; }
  #cart-sidebar .ba-flags-outer-container {
    top: 15%; }
  #cart-sidebar .ba-flag {
    left: 0;
    width: 40px;
    height: 12px;
    font-size: 8px;
    padding: 0px; }
    #cart-sidebar .ba-flag:after {
      border-width: 6px;
      margin-top: -6px; }

#wishlist-table td.customer-wishlist-item-image {
  position: relative; }

#wishlist-table .ba-flags-outer-container {
  top: 15%; }

#wishlist-table .ba-flag {
  left: 0;
  width: 40px;
  height: 12px;
  font-size: 8px;
  padding-top: 2px; }
  #wishlist-table .ba-flag:after {
    border-width: 6px;
    margin-top: -6px; }

.compare-table td {
  position: relative; }

.compare-table .ba-flag {
  left: 0;
  width: 40px;
  height: 12px;
  font-size: 8px;
  padding-top: 2px; }
  .compare-table .ba-flag:after {
    border-width: 6px;
    margin-top: -6px; }

#recently-viewed-items li.item {
  position: relative; }

#recently-viewed-items .ba-flag {
  left: 0;
  width: 40px;
  height: 12px;
  font-size: 8px; }
  #recently-viewed-items .ba-flag:after {
    border-width: 6px;
    margin-top: -6px; }

@media only screen and (max-width: 768px) {
  .product-img-box .ba-flag {
    padding-top: 0; } }

.ba-flag[data-color='990000'] {
  background-color: #990000; }
  .ba-flag[data-color='990000']:after {
    border-left-color: #990000 !important; }

.ba-flag[data-color='669900'] {
  background-color: #669900; }
  .ba-flag[data-color='669900']:after {
    border-left-color: #669900 !important; }

.ba-flag[data-color='E9B226'] {
  background-color: #E9B226; }
  .ba-flag[data-color='E9B226']:after {
    border-left-color: #E9B226 !important; }

.ba-flag[data-color='08107B'] {
  background-color: #08107B; }
  .ba-flag[data-color='08107B']:after {
    border-left-color: #08107B !important; }

@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none; } }

.social-login-placholder#show_provider a {
  width: 100%;
  display: block; }
  .social-login-placholder#show_provider a img {
    margin: 15px auto 0; }

@media only screen and (min-width: 769px) {
  .social-login-placholder#show_provider a {
    width: 50%; } }

#checkout-step-login .social-login-placholder#show_provider {
  display: inline-block;
  width: 100%; }

.social-login-placholder #show_provider_small {
  width: 100%;
  margin-top: 20px;
  text-align: center; }
  .social-login-placholder #show_provider_small div#s13_small_providers {
    margin: 0 auto; }
  .social-login-placholder #show_provider_small a {
    display: inline-block; }
  @media only screen and (min-width: 769px) {
    .social-login-placholder #show_provider_small {
      width: 50%; } }
  #checkout-step-login .social-login-placholder #show_provider_small {
    display: inline-block; }

.customer-account-login .footer-container, .checkout-onepage-index:not(.opc-has-progressed-from-login) .footer-container {
  border-top: 60px solid white; }

.customer-account-login .page-title h1, .checkout-onepage-index:not(.opc-has-progressed-from-login) .page-title h1 {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 2%;
  margin-bottom: 40px;
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 29px; }

.customer-account-login #login-form, .customer-account-login #opc-login, .checkout-onepage-index:not(.opc-has-progressed-from-login) #login-form, .checkout-onepage-index:not(.opc-has-progressed-from-login) #opc-login {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .customer-account-login #login-form input, .customer-account-login #opc-login input, .checkout-onepage-index:not(.opc-has-progressed-from-login) #login-form input, .checkout-onepage-index:not(.opc-has-progressed-from-login) #opc-login input {
      width: 100%; } }

.customer-account-login .buttons-set, .checkout-onepage-index:not(.opc-has-progressed-from-login) .buttons-set {
  text-align: left; }
  .customer-account-login .buttons-set button.button, .customer-account-login .buttons-set a.button, .checkout-onepage-index:not(.opc-has-progressed-from-login) .buttons-set button.button, .checkout-onepage-index:not(.opc-has-progressed-from-login) .buttons-set a.button {
    float: none;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 14px;
    padding: 9px 40px; }
    @media only screen and (max-width: 599px) {
      .customer-account-login .buttons-set button.button, .customer-account-login .buttons-set a.button, .checkout-onepage-index:not(.opc-has-progressed-from-login) .buttons-set button.button, .checkout-onepage-index:not(.opc-has-progressed-from-login) .buttons-set a.button {
        padding: 9px 10px;
        font-size: 12px; } }

.customer-account-login .col-1, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 {
  float: right;
  padding-left: 5%;
  min-width: 308px;
  width: 36.3333%;
  border-left: 1px solid #E7E7EA; }
  .customer-account-login .col-1 .buttons-set, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 .buttons-set {
    border-top: 0px; }
  .customer-account-login .col-1:before, .customer-account-login .col-1:after, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1:before, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1:after {
    content: " ";
    display: table; }
  .customer-account-login .col-1:after, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1:after {
    clear: both; }
  .customer-account-login .col-1 .content, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 .content {
    color: #08107B;
    font-style: normal; }
    .customer-account-login .col-1 .content p, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 .content p {
      margin-bottom: 10px; }
  .customer-account-login .col-1 h2, .customer-account-login .col-1 h3, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 h2, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 h3 {
    font-size: 25px;
    line-height: 33px; }
  .customer-account-login .col-1.new-users .create-text a, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1.new-users .create-text a {
    text-transform: none;
    color: #141414;
    text-decoration: underline; }

.customer-account-login .col-2, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 {
  float: right;
  min-width: 308px;
  width: 36.3333%;
  padding-right: 5%;
  padding-left: 5%;
  border-left: 1px solid #E7E7EA; }
  .customer-account-login .col-2 .buttons-set, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 .buttons-set {
    border-top: 0px; }
  .customer-account-login .col-2:before, .customer-account-login .col-2:after, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2:before, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2:after {
    content: " ";
    display: table; }
  .customer-account-login .col-2:after, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2:after {
    clear: both; }
  .customer-account-login .col-2 .form-instructions, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 .form-instructions {
    color: #08107B;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .customer-account-login .col-2 h2, .customer-account-login .col-2 h3, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 h2, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 h3 {
    font-size: 25px;
    line-height: 33px; }
  .customer-account-login .col-2 .form-list label, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 .form-list label {
    font-size: 14px;
    line-height: 18px; }
  .customer-account-login .col-2 .form-list a.f-left, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 .form-list a.f-left {
    text-transform: none;
    color: #141414;
    text-decoration: underline; }

.customer-account-login .social-login-wrapper, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper {
  float: left;
  display: inline-block;
  vertical-align: top;
  width: 27.3333%;
  min-width: 270px;
  padding-right: 3%; }
  .customer-account-login .social-login-wrapper #show_provider a, .customer-account-login .social-login-wrapper #show_provider img, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper #show_provider a, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper #show_provider img {
    width: 100%;
    max-width: 369px; }
  .customer-account-login .social-login-wrapper:before, .customer-account-login .social-login-wrapper:after, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper:before, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper:after {
    content: " ";
    display: table; }
  .customer-account-login .social-login-wrapper:after, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper:after {
    clear: both; }

.customer-account-login .social-login-wrapper, .customer-account-login .col-2, .customer-account-login .col-1, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 {
  padding-bottom: 500em;
  margin-bottom: -500em; }

@media only screen and (max-width: 1029px) {
  .customer-account-login .social-login-wrapper, .customer-account-login .col-2, .customer-account-login .col-1, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 {
    width: 50%;
    padding-bottom: 0;
    margin-bottom: 0; }
  .customer-account-login .page-title h1, .checkout-onepage-index:not(.opc-has-progressed-from-login) .page-title h1 {
    text-align: center;
    padding-left: 0; }
  .customer-account-login .col-2, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 {
    float: left;
    clear: left;
    padding-left: 1%;
    padding-right: 3%;
    border-left: 0;
    border-right: 1px solid #E7E7EA; }
    .customer-account-login .col-2 .content, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 .content {
      border-top: 1px solid #E7E7EA;
      margin-top: 20px;
      padding-top: 20px;
      max-width: 365px; }
  .customer-account-login .social-login-wrapper, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper {
    float: left;
    border-right: 1px solid #E7E7EA;
    padding-right: 0;
    padding-left: 1%; }
    .customer-account-login .social-login-wrapper #show_provider, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper #show_provider {
      float: left;
      width: 94%; }
  .customer-account-login .col-1, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 {
    border-left: 0;
    padding-left: 3%; } }

@media only screen and (max-width: 650px) {
  .customer-account-login .social-login-wrapper, .customer-account-login .col-2, .customer-account-login .col-1, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 {
    width: 70%;
    padding: 0;
    border-right: 0;
    float: none;
    margin: 0 auto;
    display: block;
    padding-left: 0; }
    .customer-account-login .social-login-wrapper .content, .customer-account-login .col-2 .content, .customer-account-login .col-1 .content, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper .content, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 .content, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 .content {
      text-align: center;
      max-width: initial; }
      .customer-account-login .social-login-wrapper .content ul, .customer-account-login .col-2 .content ul, .customer-account-login .col-1 .content ul, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper .content ul, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 .content ul, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 .content ul {
        text-align: left; }
    .customer-account-login .social-login-wrapper .buttons-set, .customer-account-login .col-2 .buttons-set, .customer-account-login .col-1 .buttons-set, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper .buttons-set, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 .buttons-set, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 .buttons-set {
      text-align: center; }
      .customer-account-login .social-login-wrapper .buttons-set button.button, .customer-account-login .col-2 .buttons-set button.button, .customer-account-login .col-1 .buttons-set button.button, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper .buttons-set button.button, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-2 .buttons-set button.button, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 .buttons-set button.button {
        float: none;
        width: 100%; }
  .customer-account-login .social-login-wrapper #show_provider, .checkout-onepage-index:not(.opc-has-progressed-from-login) .social-login-wrapper #show_provider {
    float: none;
    width: 100%; }
  .customer-account-login .col-1 .content, .checkout-onepage-index:not(.opc-has-progressed-from-login) .col-1 .content {
    border-top: 1px solid #E7E7EA;
    margin-top: 20px;
    padding-top: 20px; } }

.account-create {
  max-width: 1600px;
  margin: 0 auto; }
  .account-create .page-title h1 {
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 29px; }
    @media only screen and (max-width: 768px) {
      .account-create .page-title h1 {
        text-align: center;
        margin-top: 10px;
        font-size: 29px;
        line-height: 33px; } }
  .account-create .registration-wrapper {
    overflow: hidden;
    margin-top: 40px;
    max-width: 1224px; }
    .account-create .registration-wrapper:before, .account-create .registration-wrapper:after {
      content: " ";
      display: table; }
    .account-create .registration-wrapper:after {
      clear: both; }
    @media only screen and (max-width: 768px) {
      .account-create .registration-wrapper {
        margin-top: 20px; } }
    .account-create .registration-wrapper form .fieldset {
      margin-left: 5%; }
      @media only screen and (max-width: 768px) {
        .account-create .registration-wrapper form .fieldset {
          margin-left: 0; }
          .account-create .registration-wrapper form .fieldset h3 {
            margin: 20px 10%;
            border-top: 2px solid #E7E7EA;
            padding-top: 30px;
            text-align: center; } }
    .account-create .registration-wrapper p.required {
      float: left;
      clear: both;
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
      font-size: 14px;
      margin-top: 5px;
      margin-left: 0; }
      @media only screen and (max-width: 479px) {
        .account-create .registration-wrapper p.required {
          text-align: center;
          display: block;
          width: 100%; } }
  .account-create #form-validate, .account-create .social-login-wrapper {
    width: 49.5%;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      .account-create #form-validate, .account-create .social-login-wrapper {
        clear: both;
        width: 100%; } }
  .account-create #form-validate {
    float: left; }
    .account-create #form-validate .form-inner-wrapper {
      max-width: 550px; }
      .account-create #form-validate .form-inner-wrapper h3 {
        margin-bottom: 22px; }
      @media only screen and (max-width: 768px) {
        .account-create #form-validate .form-inner-wrapper {
          margin: 0 auto; }
          .account-create #form-validate .form-inner-wrapper h3 {
            margin-bottom: 15px; } }
      @media only screen and (max-width: 599px) {
        .account-create #form-validate .form-inner-wrapper .form-list {
          margin: 0 10%; } }
      .account-create #form-validate .form-inner-wrapper .field label {
        font-size: 14px; }
      @media only screen and (max-width: 599px) {
        .account-create #form-validate .form-inner-wrapper .validation-advice {
          padding-left: 0; } }
      @media only screen and (min-width: 769px) {
        .account-create #form-validate .form-inner-wrapper .validation-advice {
          padding-left: 0; } }
      @media only screen and (min-width: 1113px) {
        .account-create #form-validate .form-inner-wrapper .validation-advice {
          padding-left: 140px; } }
    .account-create #form-validate .buttons-set {
      border: 0; }
      .account-create #form-validate .buttons-set button.button {
        float: left; }
    @media only screen and (max-width: 768px) {
      .account-create #form-validate .buttons-set {
        margin: 12px 0; }
        .account-create #form-validate .buttons-set button.button {
          padding: 9px 48px;
          font-size: 14px;
          margin-left: 0px; } }
    @media only screen and (max-width: 479px) {
      .account-create #form-validate .buttons-set button.button {
        width: 100%; } }
  .account-create .vert-line {
    width: 1%;
    float: left;
    max-width: 1px; }
    .account-create .vert-line span {
      height: 500px;
      width: 1px;
      border-right: 1px solid #E7E7EA;
      padding-bottom: 500em;
      margin-bottom: -500em; }
    @media only screen and (max-width: 768px) {
      .account-create .vert-line {
        display: none; } }
  .account-create .social-login-wrapper {
    float: left; }
    .account-create .social-login-wrapper:before, .account-create .social-login-wrapper:after {
      content: " ";
      display: table; }
    .account-create .social-login-wrapper:after {
      clear: both; }
    @media only screen and (max-width: 768px) {
      .account-create .social-login-wrapper h3 {
        text-align: center;
        font-size: 16px; } }
    .account-create .social-login-wrapper #show_provider {
      width: 95%;
      max-width: 550px;
      float: left; }
      @media only screen and (max-width: 768px) {
        .account-create .social-login-wrapper #show_provider {
          float: none;
          margin: 0 auto; } }
      .account-create .social-login-wrapper #show_provider a, .account-create .social-login-wrapper #show_provider img {
        width: 100%;
        max-width: 369px; }
      .account-create .social-login-wrapper #show_provider a {
        margin: 0 auto; }
  .account-create .rewards-block {
    position: relative;
    margin-top: 40px; }
    .account-create .rewards-block h3, .account-create .rewards-block img.icon {
      display: inline-block;
      margin-bottom: 0; }
    .account-create .rewards-block h3 {
      position: absolute;
      top: 13px;
      left: 70px; }
    .account-create .rewards-block p {
      margin-top: 10px; }
    @media only screen and (max-width: 768px) {
      .account-create .rewards-block {
        text-align: center;
        margin-top: 10px; }
        .account-create .rewards-block h3 {
          position: static;
          display: block;
          margin-top: 10px; }
        .account-create .rewards-block p {
          font-size: 14px;
          line-height: 18px;
          color: #08107B;
          text-align: left; } }
  .account-create .form-instructions a {
    color: #08107B;
    text-transform: none;
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .account-create .form-instructions h4 {
    margin-bottom: 5px; }
  @media only screen and (max-width: 768px) {
    .account-create .form-instructions {
      text-align: center; }
      .account-create .form-instructions h4 {
        font-size: 16px; }
      .account-create .form-instructions p {
        line-height: 17px; } }

.rewards-placeholder {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  color: #08107B;
  background: #E7E7EA;
  min-width: 90px;
  position: relative;
  text-align: right;
  padding: 0 9px 0 25px; }
  .rewards-placeholder:before {
    content: '\e906';
    display: inline-block;
    font-size: 0.8571rem;
    color: #08107B;
    font-family: 'icomoon';
    font-weight: bolder;
    position: absolute;
    left: 7px; }

.rewards-placeholder {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  color: #08107B;
  background: #E7E7EA;
  min-width: 90px;
  position: relative;
  text-align: right;
  padding: 0 9px 0 25px; }
  .rewards-placeholder:before {
    content: '\e906';
    display: inline-block;
    font-size: 0.8571rem;
    color: #08107B;
    font-family: 'icomoon';
    font-weight: bolder;
    position: absolute;
    left: 7px; }

.cms-index-noroute .std {
  padding: 50px 20px; }
  .cms-index-noroute .std .page-head-alt {
    border-bottom: 3px solid #E9B226;
    display: inline-block;
    margin-bottom: 20px; }
  .cms-index-noroute .std img {
    width: 100%; }

.breadcrumbs {
  position: relative; }
  .breadcrumbs ul.share {
    display: none;
    float: right;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .breadcrumbs ul.share a:hover {
      text-decoration: none; }
    @media only screen and (max-width: 768px) {
      .breadcrumbs ul.share {
        right: 12px; } }
    .breadcrumbs ul.share li {
      display: block;
      text-align: center; }
      .breadcrumbs ul.share li span {
        padding: 0;
        line-height: initial;
        float: none;
        display: block; }
        @media only screen and (max-width: 768px) {
          .breadcrumbs ul.share li span {
            line-height: 60px;
            float: right; } }
      .breadcrumbs ul.share li .icon-chat {
        color: #08107B;
        font-size: 1.4286rem;
        padding: 0 0px 6px 0px; }
        @media only screen and (max-width: 768px) {
          .breadcrumbs ul.share li .icon-chat {
            float: right;
            padding: 0 12px 0 8px; } }
  .breadcrumbs .share {
    height: 60px; }
    @media only screen and (min-width: 769px) {
      .breadcrumbs .share {
        height: 42px; } }
    .breadcrumbs .share a {
      max-height: 60px; }
  .breadcrumbs .sa-trackablebutton {
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
    /*display: none;*/
    opacity: 0;
    float: left;
    max-width: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
    .breadcrumbs .sa-trackablebutton li {
      width: 28px;
      height: 28px;
      margin-right: 5px; }
      .breadcrumbs .sa-trackablebutton li input {
        position: static !important;
        left: initial !important;
        top: initial !important; }
  .breadcrumbs.open-share {
    /*.icon-chat {
            margin-top: 24px;
            width: 41px;

            &:before {
                content: '';
                @include sprite-icon(-207px, 0px, 12px, 12px);
                display: block;
            }
        }*/ }
    .breadcrumbs.open-share .share-wrapper {
      float: right; }
    .breadcrumbs.open-share .sa-trackablebutton {
      -webkit-transition: -webkit-transform 200ms ease-in-out;
      transition: -webkit-transform 200ms ease-in-out;
      transition: transform 200ms ease-in-out;
      transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
      display: block;
      max-width: 100%;
      margin-right: -52px;
      margin-top: 11px;
      opacity: 1;
      -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
      transform: translateX(0px);
      background: #F3F3F4; }
      @media only screen and (min-width: 769px) {
        .breadcrumbs.open-share .sa-trackablebutton {
          margin-right: 5px;
          margin-top: 23px;
          -webkit-transform: translatex(63px);
          -ms-transform: translatex(63px);
          transform: translatex(63px); } }
      .breadcrumbs.open-share .sa-trackablebutton li {
        margin-right: 5px;
        margin-top: 4px; }

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
  margin-bottom: 9px; }

.fieldset p.required {
  margin-bottom: 5px;
  float: right;
  font-size: 11px;
  margin-top: 0px; }

.fieldset + .fieldset {
  margin-top: 5px; }

form .legend {
  margin: 0;
  margin-bottom: 10px;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 25px;
  font-style: normal;
  line-height: 29px;
  text-rendering: optimizeSpeed;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px solid #F3F3F4; }
  @media only screen and (max-width: 768px) {
    form .legend {
      font-size: 22px; } }

/* -------------------------------------------- *
 * Input Box
 */
.input-box {
  padding-top: 2px; }
  .input-box:after:before, .input-box:after:after {
    content: " ";
    display: table; }
  .input-box:after:after {
    clear: both; }

li.centinel-logos div.input-box img {
  display: inline;
  vertical-align: middle; }

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
  float: left;
  margin-right: 5px;
  max-width: 100%; }

/* -------------------------------------------- *
 * Labels
 */
label {
  display: inline-block;
  font-size: 12px;
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 14px;
  font-weight: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none; }

label.required:after,
span.required:after {
  content: ' *';
  color: #E9B226;
  font-weight: normal;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 11px; }

label.required em,
span.required em {
  display: none; }

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
  color: #909294;
  font-size: 11px; }

/* -------------------------------------------- *
 * Select
 */
select {
  font-size: 14px; }

select + select {
  margin-left: 5px; }

select[multiple] {
  width: 270px;
  border: 1px solid #CFCFD5;
  font-size: 18px;
  padding: 5px; }

/* -------------------------------------------- *
 * Textarea
 */
textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: 450px;
  padding: 5px; }

/* -------------------------------------------- *
 * Inputs
 */
label.required + .input-box .input-text {
  border: 1px solid #E9B226; }
  label.required + .input-box .input-text.validation-passed {
    border: 1px solid #669900; }
  label.required + .input-box .input-text.validation-failed {
    border: 1px solid #990000; }

.input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #CFCFD5;
  background: #FFFFFF;
  font-size: 14px; }
  .input-text:focus {
    border: 1px solid #CFCFD5;
    outline: none;
    box-shadow: 0px 1px 0px 0px #CFCFD5, 0px 1px 4px 0px rgba(8, 16, 123, 0.25); }
  .input-text.required-entry {
    border: 1px solid #E9B226; }
  .input-text.required-entry[name="giftcard_code"] {
    border: 1px solid #CFCFD5; }
  .input-text.validation-passed {
    border: 1px solid #669900; }
  .input-text.validation-failed {
    border: 1px solid #990000; }

.input-text.validation-failed {
  border-color: #990000; }

.input-text.validation-failed:focus {
  outline-color: tint(#990000, 50%);
  outline: none;
  box-shadow: 0px 1px 0px 0px #CFCFD5, 0px 1px 4px 0px rgba(8, 16, 123, 0.25); }

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  height: 39px;
  padding: 0 8px; }

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  width: 365px;
  max-width: 100%; }

/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type=email],
  input[type=search],
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  select {
    font-size: 16px;
    /* Prevent from zooming on focus */ } }

.ie8 .input-text {
  max-width: none; }

/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=text].qty {
  width: 3em;
  text-align: center;
  vertical-align: middle; }

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {
  color: #909294; }

input:-moz-placeholder {
  color: #909294; }

/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
  position: relative;
  top: -1px;
  display: inline-block; }

.checkbox + label,
.radio + label {
  width: auto;
  max-width: 85%;
  padding: 0 0 0 8px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top; }

/* -------------------------------------------- *
 * Validation
 */
.validation-advice {
  margin: 5px 0 0;
  color: #990000;
  font-size: 10px;
  line-height: 12px; }

p.required {
  margin: 5px 0 0;
  color: #E9B226;
  font-size: 10px;
  line-height: 12px; }

/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li {
  margin-bottom: 12px; }

.form-list select {
  margin-top: 4px;
  width: 365px;
  max-width: 100%; }

.form-list .input-range .input-text {
  width: 74px; }

.form-list .field,
.form-list .wide,
.form-list .control {
  margin-bottom: 12px; }

/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */
.form-list .control,
.sp-methods dt,
#checkout-shipping-method-load .sp-methods dd,
#co-shipping-method-form .sp-methods dd,
.product-options ul.options-list {
  /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */ }
  .form-list .control div.input-box,
  .sp-methods dt div.input-box,
  #checkout-shipping-method-load .sp-methods dd div.input-box,
  #co-shipping-method-form .sp-methods dd div.input-box,
  .product-options ul.options-list div.input-box {
    display: inline;
    float: left; }
    .form-list .control div.input-box:after,
    .sp-methods dt div.input-box:after,
    #checkout-shipping-method-load .sp-methods dd div.input-box:after,
    #co-shipping-method-form .sp-methods dd div.input-box:after,
    .product-options ul.options-list div.input-box:after {
      display: none; }
  .form-list .control input.radio,
  .form-list .control input.checkbox,
  .sp-methods dt input.radio,
  .sp-methods dt input.checkbox,
  #checkout-shipping-method-load .sp-methods dd input.radio,
  #checkout-shipping-method-load .sp-methods dd input.checkbox,
  #co-shipping-method-form .sp-methods dd input.radio,
  #co-shipping-method-form .sp-methods dd input.checkbox,
  .product-options ul.options-list input.radio,
  .product-options ul.options-list input.checkbox {
    float: left;
    margin-right: -40px;
    margin-top: 10px;
    margin-left: 15px; }
  .form-list .control label,
  .sp-methods dt label,
  #checkout-shipping-method-load .sp-methods dd label,
  #co-shipping-method-form .sp-methods dd label,
  .product-options ul.options-list label {
    color: #141414;
    background-color: #F3F3F4;
    padding: 5px 10px;
    display: inline-block;
    width: auto;
    max-width: none;
    min-width: 250px;
    float: none;
    padding: 6px 10px 6px 40px;
    font-size: 12px;
    color: #808080;
    background-color: transparent; }
    .form-list .control label:hover,
    .sp-methods dt label:hover,
    #checkout-shipping-method-load .sp-methods dd label:hover,
    #co-shipping-method-form .sp-methods dd label:hover,
    .product-options ul.options-list label:hover {
      background-color: shade(#F3F3F4, 3%); }
    .form-list .control label.checked,
    .sp-methods dt label.checked,
    #checkout-shipping-method-load .sp-methods dd label.checked,
    #co-shipping-method-form .sp-methods dd label.checked,
    .product-options ul.options-list label.checked {
      color: #08107B; }
  .form-list .control .no-display + label,
  .sp-methods dt .no-display + label,
  #checkout-shipping-method-load .sp-methods dd .no-display + label,
  #co-shipping-method-form .sp-methods dd .no-display + label,
  .product-options ul.options-list .no-display + label {
    padding-left: 10px;
    background-color: transparent; }
    .form-list .control .no-display + label:hover,
    .sp-methods dt .no-display + label:hover,
    #checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
    #co-shipping-method-form .sp-methods dd .no-display + label:hover,
    .product-options ul.options-list .no-display + label:hover {
      background-color: transparent; }

.product-options ul.options-list label,
.col2-set .form-list .control label {
  min-width: inherit;
  width: 250px;
  max-width: 100%; }

.form-list .control.remember-me-box label {
  width: auto;
  max-width: none;
  min-width: inherit; }

.form-list .control {
  margin-top: 10px; 
  clear: both; }
  .form-list .control label {
    float: none; }
  .form-list .control .radio,
  .form-list .control .checkbox {
    margin-right: 6px; }
  .form-list .control .input-box {
    clear: none;
    display: inline-block;
    width: auto;
    padding: 0; }

form .form-instructions {
  font-style: italic;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #909294; }

/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
  text-indent: -9999px; }

/* ============================================ *
 * Data Table
 * ============================================ */
.data-table {
  width: 100%; }

.data-table td,
.data-table th {
  padding: 10px;
  vertical-align: top; }

.data-table th {
  background: #F3F3F4;
  text-transform: uppercase;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  line-height: 1.4;
  white-space: nowrap; }

.data-table thead th,
.data-table tbody td {
  border-bottom: 1px solid #CFCFD5; }

.data-table tbody td,
.data-table tfoot td {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

.data-table tfoot tr {
  background: #F3F3F4; }

.data-table tbody td .item-options {
  margin-left: 20px;
  margin-top: 10px; }
  .data-table tbody td .item-options dt:after {
    content: ':'; }

/* ============================================ *
 * Generic Info Table
 * ============================================ */
.info-box {
  border: 1px solid #CFCFD5;
  padding: 12px 15px;
  margin: 0 0 15px; }
  .info-box h2 {
    font-weight: bold;
    font-size: 13px; }

.info-table th,
.info-table td {
  vertical-align: top; }

.info-table th {
  font-weight: bold;
  padding: 4px 20px 4px 0; }

.info-table td {
  padding: 4px 0; }

/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */
.zebra-table tr:first-child,
.zebra-table th:first-child {
  border-top: 1px solid #CFCFD5; }

.zebra-table td,
.zebra-table th {
  border-bottom: 1px solid #CFCFD5;
  padding: 6px;
  background-color: transparent; }

.zebra-table tr {
  background-color: #F3F3F4; }

.zebra-table tr:nth-child(odd) {
  background-color: #fff; }

/* ============================================ *
 * Linearize Table
 * ============================================ */
@media only screen and (max-width: 479px) {
  .linearize-table {
    /* Helpers */ }
    .linearize-table tr,
    .linearize-table th,
    .linearize-table td {
      display: block; }
    .linearize-table thead th {
      border-right: 0;
      border-left: 0; }
    .linearize-table thead th.lin-hide {
      display: none; }
    .linearize-table thead th:nth-child(1n+2) {
      display: none; }
    .linearize-table tbody tr {
      position: relative;
      border-bottom: 1px solid #CFCFD5; }
    .linearize-table tbody td {
      padding: 0 10px 4px;
      border-right: 0;
      border-bottom: 0; }
    .linearize-table tbody td.lin-hide {
      display: none; }
    .linearize-table tbody td:first-child {
      padding-top: 10px; }
    .linearize-table tbody td:first-child,
    .linearize-table tbody td:first-child h3 {
      font-weight: bold; }
    .linearize-table tbody td[data-rwd-label] {
      text-align: left;
      padding-left: 30px; }
    .linearize-table tbody td[data-rwd-label]:before {
      content: attr(data-rwd-label) ":";
      font-size: 11px;
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
      padding-right: 5px;
      text-transform: uppercase; }
    .linearize-table tfoot tr {
      display: block;
      text-align: right; }
    .linearize-table tfoot tr:after:before, .linearize-table tfoot tr:after:after {
      content: " ";
      display: table; }
    .linearize-table tfoot tr:after:after {
      clear: both; }
    .linearize-table tfoot td {
      display: block;
      float: left; }
    .linearize-table tfoot td.lin-hide {
      display: none; }
    .linearize-table tfoot td:nth-child(odd) {
      clear: left;
      width: 60%; }
    .linearize-table tfoot td:nth-child(even) {
      text-align: left;
      width: 40%; }
    .linearize-table .linearize-hide {
      display: none; }
    .linearize-table .linearize-unpad {
      padding: 0; }
    .linearize-table .linearize-show {
      display: block; } }

@media only screen and (max-width: 599px) {
  .linearize-table-large {
    /* Helpers */ }
    .linearize-table-large tr,
    .linearize-table-large th,
    .linearize-table-large td {
      display: block; }
    .linearize-table-large thead th {
      border-right: 0;
      border-left: 0; }
    .linearize-table-large thead th.lin-hide {
      display: none; }
    .linearize-table-large thead th:nth-child(1n+2) {
      display: none; }
    .linearize-table-large tbody tr {
      position: relative;
      border-bottom: 1px solid #CFCFD5; }
    .linearize-table-large tbody td {
      padding: 0 10px 4px;
      border-right: 0;
      border-bottom: 0; }
    .linearize-table-large tbody td.lin-hide {
      display: none; }
    .linearize-table-large tbody td:first-child {
      padding-top: 10px; }
    .linearize-table-large tbody td:first-child,
    .linearize-table-large tbody td:first-child h3 {
      font-weight: bold; }
    .linearize-table-large tbody td[data-rwd-label] {
      text-align: left;
      padding-left: 30px; }
    .linearize-table-large tbody td[data-rwd-label]:before {
      content: attr(data-rwd-label) ":";
      font-size: 11px;
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
      padding-right: 5px;
      text-transform: uppercase; }
    .linearize-table-large tfoot tr {
      display: block;
      text-align: right; }
    .linearize-table-large tfoot tr:after:before, .linearize-table-large tfoot tr:after:after {
      content: " ";
      display: table; }
    .linearize-table-large tfoot tr:after:after {
      clear: both; }
    .linearize-table-large tfoot td {
      display: block;
      float: left; }
    .linearize-table-large tfoot td.lin-hide {
      display: none; }
    .linearize-table-large tfoot td:nth-child(odd) {
      clear: left;
      width: 60%; }
    .linearize-table-large tfoot td:nth-child(even) {
      text-align: left;
      width: 40%; }
    .linearize-table-large .linearize-hide {
      display: none; }
    .linearize-table-large .linearize-unpad {
      padding: 0; }
    .linearize-table-large .linearize-show {
      display: block; } }

@media only screen and (min-width: 600px) {
  .linearize-table .linearize-collapse {
    display: none; } }

/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*/
/* MOVED to fonts.scss to keep all font face declarations in one place */
.fields {
  clear: both;
  margin-left: 0; }
  .fields:before, .fields:after {
    content: " ";
    display: table; }
  .fields:after {
    clear: both; }
  .fields .field label {
    float: left;
    width: 100%;
    margin-bottom: 6px; }
  .fields div.field:nth-child(3) {
    clear: both; }

.input-custom {
  position: absolute;
  left: -999em; }

.select-custom {
  float: left;
  clear: both;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  float: left;
  cursor: pointer;
  -webkit-appearance: menulist-button;
  width: 100%;
  height: 32px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.custom-shiv {
  float: left;
  clear: both;
  width: 100%;
  height: 32px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  padding: 0 30px 0 15px;
  font: normal 1em/30px "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background-color: #fafafa;
  background-image: -webkit-linear-gradient(top, #fff, #fafafa);
  background-image: linear-gradient(to bottom, #fff, #fafafa);
  background-repeat: repeat-x;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fff)', endColorstr='argb(#fafafa)', GradientType=0)";
  color: #333333;
  position: relative;
  cursor: pointer;
  letter-spacing: 1px;
  border-radius: 5px; }
  .custom-shiv span:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    content: '';
    font-family: "SSStandard";
    line-height: 36px;
    display: block;
    text-align: center; }

.select-container {
  padding-top: 0;
  position: relative;
  display: inline-block; }
  .select-container.validation-error .custom-shiv {
    background-color: #990000;
    background-image: -webkit-linear-gradient(top, #b30000, #990000);
    background-image: linear-gradient(to bottom, #b30000, #990000);
    background-repeat: repeat-x;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#b30000)', endColorstr='argb(#990000)', GradientType=0)";
    text-shadow: 0 2px 0 #b30000; }
  .select-container.validation-error:hover .custom-shiv {
    background: #990000; }
  .select-container:hover .custom-shiv {
    color: #08107B; }
  .select-container.validation-error:hover .custom-shiv {
    color: #333333; }
  .select-container.disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  .select-container.small {
    top: 4px; }
    .select-container.small .select-custom {
      height: 18px; }
    .select-container.small .custom-shiv {
      display: inline-block;
      height: 18px;
      line-height: 18px;
      font-size: 0.8571em;
      text-transform: none;
      padding-right: 26px;
      padding-left: 5px; }
      .select-container.small .custom-shiv span:after {
        width: 26px;
        height: 18px;
        font-size: 12px;
        line-height: 22px; }

.ff label.radio-label:before, .ff label.checkbox-label:before, .ff span.label.radio-label:before, .ff span.label.checkbox-label:before {
  line-height: 21px; }

span.label.checkbox-label:before,
label.checkbox-label:before {
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

label.radio-label, label.checkbox-label, span.label.radio-label, span.label.checkbox-label {
  position: relative;
  line-height: 20px;
  cursor: pointer;
  padding: 0 0 0 30px !important; }
  label.radio-label:before, label.checkbox-label:before, span.label.radio-label:before, span.label.checkbox-label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    background-color: #fff;
    border: 1px solid #CFCFD5;
    color: #08107B;
    font-family: "SSStandard";
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.75); }
  label.radio-label:hover:before, label.checkbox-label:hover:before, span.label.radio-label:hover:before, span.label.checkbox-label:hover:before {
    background-color: #f2f2f2; }
  label.radio-label.disabled, label.checkbox-label.disabled, span.label.radio-label.disabled, span.label.checkbox-label.disabled {
    pointer-events: none;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
    label.radio-label.disabled:before, label.checkbox-label.disabled:before, span.label.radio-label.disabled:before, span.label.checkbox-label.disabled:before {
      background-color: #f2f2f2; }

label.radio-label:before, span.label.radio-label:before {
  border-radius: 50%; }

label.radio-label.checked:before, span.label.radio-label.checked:before {
  content: '●'; }

label.checkbox-label.checked:before, span.label.checkbox-label.checked:before {
  content: '␡'; }

span.label.radio-label label, span.label.checkbox-label label {
  padding: 0; }

.form-list .select-container {
  display: block;
  width: 100%;
  clear: both; }

.form-list select {
  margin-top: 0;
  width: 100%; }

.box-related .checkbox-label {
  float: left;
  margin-top: 36px;
  margin-right: 10px; }

.shipping #co-shipping-method-form .sp-methods dd label.radio-label {
  border: 0;
  font-style: normal; }

.opc .select-container {
  width: 365px; }
  .opc .select-container.v-fix {
    width: auto;
    clear: none; }
  .opc .select-container select {
    margin-top: 0;
    width: 100%; }

.customer-address-form .form-list .select-container {
  width: 365px; }

.reset {
  clear: none; }

/*===============================================
=            Employee Payment Method            =
===============================================*/
#dd_method_edp_pay {
  margin-left: 35px; }
  #dd_method_edp_pay ul {
    margin-top: 10px;
    padding-left: 0;
    position: relative;
    min-height: 110px; }
    #dd_method_edp_pay ul li.control {
      position: absolute; }
      #dd_method_edp_pay ul li.control:first-of-type {
        position: absolute;
        top: 40px; }
      #dd_method_edp_pay ul li.control:last-of-type {
        position: absolute;
        top: 15px; }
    #dd_method_edp_pay ul label {
      float: left;
      margin: 4px 0; }
      #dd_method_edp_pay ul label::last-of-type {
        clear: left; }
    #dd_method_edp_pay ul .validation-advice {
      position: absolute;
      top: 55px;
      clear: left; }

/*-----  End of Employee Payment Method  ------*/
.ba-select-input {
  left: -999em;
  position: absolute; }

.ba-select-box {
  position: relative;
  background: #F3F3F4;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-clip: padding-box;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25); }
  .ba-select-box.open .ba-options {
    display: block; }
  .ba-select-box.open.ba-over .ba-shiv, .ba-select-box.open.ba-thumbnail .ba-shiv {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0); }

.ba-select {
  display: inline-block;
  width: 100%; }
  .ba-select.open {
    z-index: 9999;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; }

.ba-shiv {
  border: 0px solid #fff;
  color: #333333;
  cursor: pointer;
  float: left;
  font: 400 14px/18.66px "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  height: 39px;
  padding: 0 40px 0 10px;
  position: relative;
  width: 100%; }
  .ba-shiv .ba-shiv-content {
    color: #909294;
    display: inline-block;
    font: 400 14px/18.66px "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 39px;
    height: 100%;
    float: left;
    overflow: hidden; }
  .ba-shiv .ba-arrow {
    background-position: -111px -72px;
    width: 14px;
    height: 11px;
    display: block;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    position: absolute; }

.ba-options {
  background-color: #fafafa;
  background-image: -webkit-linear-gradient(top, #fff, #fafafa);
  background-image: linear-gradient(to bottom, #fff, #fafafa);
  background-repeat: repeat-x;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fff)', endColorstr='argb(#fafafa)', GradientType=0)";
  display: none;
  position: absolute;
  z-index: 9999;
  top: 39px;
  left: 0;
  width: 100%;
  width: auto;
  min-width: 100%;
  padding: 0px;
  border: 1px solid #fff;
  cursor: pointer !important; }
  .ba-options ul {
    list-style: none;
    margin: 0;
    width: 100%;
    float: left; }
    .ba-options ul li {
      padding: 4px 12px 4px 12px;
      margin: 0;
      float: left;
      width: 100%;
      clear: both;
      cursor: pointer;
      font: 300 1em/30px "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
      color: #333333;
      white-space: nowrap; }
      .ba-options ul li:hover {
        background: #F3F3F4;
        border-right: 1px solid #CFCFD5;
        border-left: 1px solid #CFCFD5;
        padding-left: 11px; }
      .ba-options ul li:last-child {
        border-bottom: 1px solid #CFCFD5; }
        .ba-options ul li:last-child:hover {
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          background-clip: padding-box; }
      .ba-options ul li span {
        font-style: normal; }
      .ba-options ul li.selected {
        color: #08107B;
        background: #E7E7EA;
        border-right: 1px solid #CFCFD5;
        border-left: 1px solid #CFCFD5;
        padding-left: 11px; }
        .ba-options ul li.selected:last-child {
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          background-clip: padding-box; }

.ba-select-close {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 9998; }

.ba-over .ba-options {
  display: block;
  visibility: hidden;
  background: none;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  border: 0; }
  .ba-over .ba-options:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale3d(1, 0, 1);
            transform: scale3d(1, 0, 1);
    -webkit-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    background-color: #fafafa;
    background-image: -webkit-linear-gradient(top, #fff, #fafafa);
    background-image: linear-gradient(to bottom, #fff, #fafafa);
    background-repeat: repeat-x;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fff)', endColorstr='argb(#fafafa)', GradientType=0)";
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid #fff;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s; }
  .ba-over .ba-options ul {
    border-top: 1px solid #CFCFD5; }
    .ba-over .ba-options ul li {
      opacity: 0;
      -webkit-transition: opacity 0.4s;
      transition: opacity 0.4s;
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
      margin: 0; }
      .ba-over .ba-options ul li:first-child {
        opacity: 1; }

.ba-over.open ul li {
  opacity: 1; }

.ba-over.open .ba-options {
  visibility: visible; }
  .ba-over.open .ba-options:before {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    z-index: -1; }

.ba-select-box.ba-left .ba-options, .ba-select-box.ba-right .ba-options, .ba-select-box.ba-under .ba-options {
  display: block;
  float: left;
  width: auto;
  min-width: 0;
  position: absolute;
  left: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
  transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; }
  .ba-select-box.ba-left .ba-options:after, .ba-select-box.ba-right .ba-options:after, .ba-select-box.ba-under .ba-options:after {
    position: absolute;
    display: block;
    visibility: visible;
    content: " ";
    text-indent: -999em; }

.ba-select-box.ba-left.open .ba-options, .ba-select-box.ba-right.open .ba-options, .ba-select-box.ba-under.open .ba-options {
  opacity: 1;
  visibility: visible; }
  .ba-select-box.ba-left.open .ba-options:after, .ba-select-box.ba-right.open .ba-options:after, .ba-select-box.ba-under.open .ba-options:after {
    visibility: visible;
    opacity: 1; }

.ba-select-box.ba-left.open .ba-shiv, .ba-select-box.ba-right.open .ba-shiv, .ba-select-box.ba-under.open .ba-shiv {
  color: #fff;
  border-color: #666666;
  background-color: #4d4d4d;
  background-image: -webkit-linear-gradient(top, #666666, #4d4d4d);
  background-image: linear-gradient(to bottom, #666666, #4d4d4d);
  background-repeat: repeat-x;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#666666)', endColorstr='argb(#4d4d4d)', GradientType=0)"; }

.ba-select-box.ba-left.open .ba-shiv-content, .ba-select-box.ba-right.open .ba-shiv-content, .ba-select-box.ba-under.open .ba-shiv-content {
  color: #fff; }

.ba-left .ba-options, .ba-right .ba-options {
  top: 50%; }

.ba-left .ba-options {
  -webkit-transform: translate3d(30%, 0, 0);
          transform: translate3d(30%, 0, 0); }

.ba-left .ba-options:after {
  content: "  ";
  display: block;
  right: -14px;
  background: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/blueacorn/super-selects/super-selects-sprite.png") no-repeat -73px -2px;
  width: 14px;
  height: 20px;
  top: 50%;
  margin-top: -10px; }

.ba-left.open .ba-options {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.ba-left.open .ba-arrow {
  background-position: -36px -77px;
  width: 10px;
  height: 15px;
  margin-top: -8px; }

.ba-right .ba-options {
  -webkit-transform: translate3d(-30%, 0, 0);
          transform: translate3d(-30%, 0, 0); }

.ba-right .ba-options:after {
  content: "   ";
  display: block;
  left: -14px;
  background: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/blueacorn/super-selects/super-selects-sprite.png") no-repeat -70px -35px;
  width: 14px;
  height: 20px;
  top: 50%;
  margin-top: -10px; }

.ba-right.open .ba-options {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.ba-right.open .ba-arrow {
  background-position: -36px -37px;
  width: 10px;
  height: 15px;
  margin-top: -8px; }

.ba-under .ba-options {
  top: 100%;
  width: 100%;
  -webkit-transform: scale(0.85) translate3d(0, -10%, 0);
          transform: scale(0.85) translate3d(0, -10%, 0); }
  .ba-under .ba-options:after {
    content: "    ";
    top: -14px;
    left: 50%;
    margin-left: -10px;
    width: 19px;
    height: 14px;
    background: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/blueacorn/super-selects/super-selects-sprite.png") no-repeat -68px -68px; }

.ba-under.open .ba-options {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
          transform: scale(1) translate3d(0, 0, 0); }

.ba-under.open .ba-arrow {
  background-position: -34px 0; }

.ba-thumbnail .ba-options {
  background: none;
  display: block;
  visibility: hidden;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  border: 0; }
  .ba-thumbnail .ba-options:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale3d(1, 0, 1);
            transform: scale3d(1, 0, 1);
    -webkit-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    background-color: #fafafa;
    background-image: -webkit-linear-gradient(top, #fff, #fafafa);
    background-image: linear-gradient(to bottom, #fff, #fafafa);
    background-repeat: repeat-x;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fff)', endColorstr='argb(#fafafa)', GradientType=0)";
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid #fff;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s; }

.ba-thumbnail .ba-shiv {
  height: 52px;
  padding-left: 0; }
  .ba-thumbnail .ba-shiv .ba-shiv-content, .ba-thumbnail .ba-shiv .ba-img-span, .ba-thumbnail .ba-shiv .ba-img {
    float: left;
    line-height: 50px;
    margin-right: 5px; }
  .ba-thumbnail .ba-shiv .ba-arrow:after {
    height: 52px;
    line-height: 52px; }

.ba-thumbnail ul li {
  padding: 5px;
  width: 20%;
  clear: none;
  float: left;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
  .ba-thumbnail ul li.first-child {
    width: 100%; }

.ba-thumbnail .ba-img-span {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-position: 50% 50%;
  background-size: 100% auto;
  border-radius: 5px; }

.ba-thumbnail .ba-opt-content {
  float: left;
  clear: both;
  width: 100%; }

.ba-thumbnail.open ul li {
  opacity: 1; }

.ba-thumbnail.open .ba-options {
  visibility: visible; }
  .ba-thumbnail.open .ba-options:before {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    z-index: -1; }

.ba-overlay.open .ba-shiv {
  box-shadow: 0 0 0 rgba(255, 255, 255, 0); }

.ba-overlay .ba-options {
  top: 50%;
  background: none;
  display: block;
  visibility: hidden;
  overflow: hidden;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  border: 0;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s; }
  .ba-overlay .ba-options:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale3d(1, 0, 1);
            transform: scale3d(1, 0, 1);
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    background-color: #fafafa;
    background-image: -webkit-linear-gradient(top, #fff, #fafafa);
    background-image: linear-gradient(to bottom, #fff, #fafafa);
    background-repeat: repeat-x;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fff)', endColorstr='argb(#fafafa)', GradientType=0)";
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid #fff;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s; }

.ba-overlay.open .ba-options {
  visibility: visible;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1); }
  .ba-overlay.open .ba-options:before {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    z-index: -1; }

.ba-overlay + .ba-select-close {
  background: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/blueacorn/super-selects/overlay-background.png") 0 0 repeat; }

.ba-fullscreen .ba-options {
  display: block;
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  background: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/blueacorn/super-selects/overlay-background-white.png") 0 0 repeat;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; }
  .ba-fullscreen .ba-options ul {
    position: absolute;
    top: 50%;
    width: 100%; }
    .ba-fullscreen .ba-options ul li {
      opacity: 0;
      -webkit-transform: translate3d(30%, 0, 0);
              transform: translate3d(30%, 0, 0);
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }
    .ba-fullscreen .ba-options ul li span {
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 20px;
      color: #08107B;
      border-bottom: 2px solid rgba(255, 255, 255, 0); }
      .ba-fullscreen .ba-options ul li span:hover {
        border-bottom: 2px solid #141414;
        color: #141414; }
    .ba-fullscreen .ba-options ul li.selected span {
      border-bottom: 2px solid #08107B; }

.ba-fullscreen.open .ba-options {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; }
  .ba-fullscreen.open .ba-options li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.ba-fullscreen + .ba-select-close {
  position: fixed;
  left: auto;
  right: 20px;
  top: 20px;
  width: 50px;
  height: 50px;
  z-index: 9999;
  cursor: pointer; }
  .ba-fullscreen + .ba-select-close:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: "␡";
    color: #141414;
    font-family: "SSStandard";
    font-size: 40px;
    text-align: right; }

.ba-fullthumb .ba-shiv {
  line-height: 30px; }
  .ba-fullthumb .ba-shiv .ba-color-name, .ba-fullthumb .ba-shiv .ba-shiv-content {
    display: inline-block; }
  .ba-fullthumb .ba-shiv .ba-color-box {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    position: relative;
    top: 5px;
    display: none;
    float: left; }

.ba-fullthumb.setup .ba-shiv .ba-color-box {
  display: inline-block; }

.ba-fullthumb.setup .ba-shiv .ba-shiv-content {
  margin-left: 5px; }

.ba-fullthumb .ba-options {
  display: block;
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  background: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/blueacorn/super-selects/overlay-background.png") 0 0 repeat;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s; }
  .ba-fullthumb .ba-options ul {
    width: 100%;
    padding: 20px; }
    .ba-fullthumb .ba-options ul li {
      white-space: normal; }
    .ba-fullthumb .ba-options ul li span {
      font-size: 32px;
      line-height: 40px;
      color: #08107B;
      border-bottom: 2px solid rgba(255, 255, 255, 0); }
      .ba-fullthumb .ba-options ul li span:hover {
        border-bottom: 2px solid #141414;
        color: #141414; }
  .ba-fullthumb .ba-options li {
    padding: 0;
    margin-left: 2.4414%;
    width: 18.0469%;
    margin-bottom: 20px;
    clear: none;
    float: left;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
    height: 95%;
    opacity: 0; }
    .ba-fullthumb .ba-options li:nth-child(5n + 1) {
      margin-left: 0;
      clear: both; }
    .ba-fullthumb .ba-options li.first {
      display: none; }
    .ba-fullthumb .ba-options li.selected .ba-color-box {
      position: relative; }
      .ba-fullthumb .ba-options li.selected .ba-color-box:before {
        content: "✓";
        font: normal 32px/38px "SSStandard";
        color: #fff;
        width: 32px;
        height: 32px;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -16px;
        margin-top: -16px; }
  .ba-fullthumb .ba-options .ba-img-span, .ba-fullthumb .ba-options .ba-color-box {
    display: inline-block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    min-height: 100px;
    background-position: 50% 50%;
    background-size: 100% auto; }
  .ba-fullthumb .ba-options .ba-color-box {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-clip: padding-box; }
  .ba-fullthumb .ba-options .ba-opt-content {
    width: 100%; }

.ba-fullthumb.open .ba-options {
  visibility: visible;
  opacity: 1; }
  .ba-fullthumb.open .ba-options li {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1; }

.ba-color-name {
  width: 100%;
  font-size: 16px; }

.validation-error .ba-select-box {
  background-color: #990000;
  background-image: -webkit-linear-gradient(top, #b30000, #990000);
  background-image: linear-gradient(to bottom, #b30000, #990000);
  background-repeat: repeat-x;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#b30000)', endColorstr='argb(#990000)', GradientType=0)";
  border-color: #990000;
  border-radius: 4px; }
  .validation-error .ba-select-box:hover {
    background: #990000; }
  .validation-error .ba-select-box.open {
    z-index: 9999;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-clip: padding-box; }

.validation-error .ba-shiv .ba-arrow {
  background-position: -176px -72px; }

.validation-error .ba-left .ba-shiv, .validation-error .ba-right .ba-shiv, .validation-error .ba-under .ba-shiv {
  text-shadow: none; }

.validation-error .ba-left .ba-options:after {
  background-position: -103px -2px; }

.validation-error .ba-right .ba-options:after {
  background-position: -100px -35px; }

.validation-error .ba-under .ba-options:after {
  background-position: -98px -68px; }

.validation-error .ba-options li, .validation-error .ba-shiv-content, .validation-error .ba-shiv-content:hover {
  color: #fff; }

.validation-error .ba-options li:hover {
  color: #333333 !important; }

.validation-error .ba-options:before {
  background-color: #990000;
  background-image: -webkit-linear-gradient(top, #b30000, #990000);
  background-image: linear-gradient(to bottom, #b30000, #990000);
  background-repeat: repeat-x;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#b30000)', endColorstr='argb(#990000)', GradientType=0)";
  text-shadow: 0 2px 0 #b30000;
  border-color: #990000; }
  .validation-error .ba-options:before:hover {
    background: #990000; }

.validation-error .ba-over .ba-options, .validation-error .ba-thumbnail .ba-options {
  background: none;
  border: 0;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0); }

.validation-error .ba-fullscreen .ba-options, .validation-error .ba-fullthumb .ba-options {
  background: rgba(255, 255, 255, 0.9);
  border: 0;
  text-shadow: none; }

.validation-error .ba-fullthumb .ba-options {
  background: rgba(0, 0, 0, 0.75); }

.ba-select-container.sm .ba-shiv {
  height: 24px;
  padding: 0 30px 0 10px;
  font: 400 14px/18.66px "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.ba-select-container.sm .ba-shiv-content {
  font: 400 14px/18.66px "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 23px; }

.ba-select-container.sm .ba-arrow:after {
  font-size: 12px;
  width: 24px;
  height: 24px;
  line-height: 27px; }

.ba-select-container.sm .ba-options ul li {
  margin: 0;
  padding: 0;
  font: 400 14px/18.66px "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.ba-select .ba-options:before {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: none;
  border: 1px solid #CFCFD5; }

.ie #cybersource_card_processing_cc_type_exp_div > .input-box .open .ba-options {
  height: auto;
  max-height: 100%; }
  .ie #cybersource_card_processing_cc_type_exp_div > .input-box .open .ba-options ul {
    max-height: 300px !important;
    background-color: #CFCFD5; }

/**
 * Hides an element with "mobile" class on desktop, sets it to @param $displayType on mobile.
 */
/**
 * Hides element on mobile
 */
.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

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

@-webkit-keyframes bounce {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes bounce {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-blur-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }

@keyframes fade-blur-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }

@-webkit-keyframes grow-in {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes grow-in {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes bounce-fade {
  0%, 3%, 15%, 25% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  11% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  18% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounce-fade {
  0%, 3%, 15%, 25% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  11% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  18% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounce-triangle {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
    -ms-transform: translateY(-20px) rotate(-45deg);
    transform: translateY(-20px) rotate(-45deg); }
  50% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); } }

@keyframes bounce-triangle {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
    -ms-transform: translateY(-20px) rotate(-45deg);
    transform: translateY(-20px) rotate(-45deg); }
  50% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes shake {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px); }
  50% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px); } }

@keyframes shake {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px); }
  50% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px); } }

@-webkit-keyframes tooltip-fade-in {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes tooltip-fade-in {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes map-heart-fade {
  0% {
    top: -15px;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0; }
  15% {
    opacity: 1; }
  20% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  40% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  60% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  80% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  85% {
    opacity: 1; }
  100% {
    top: -40px;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); } }

@keyframes map-heart-fade {
  0% {
    top: -15px;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0; }
  15% {
    opacity: 1; }
  20% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  40% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  60% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  80% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  85% {
    opacity: 1; }
  100% {
    top: -40px;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); } }

@-webkit-keyframes map-cloud-one {
  0% {
    left: 30%; }
  15% {
    left: 0%; }
  65% {
    left: 100%; }
  100% {
    left: 30%; } }

@keyframes map-cloud-one {
  0% {
    left: 30%; }
  15% {
    left: 0%; }
  65% {
    left: 100%; }
  100% {
    left: 30%; } }

@-webkit-keyframes map-cloud-two {
  0% {
    left: 75%; }
  12.5% {
    left: 100%; }
  62.5% {
    left: 0%; }
  100% {
    left: 75%; } }

@keyframes map-cloud-two {
  0% {
    left: 75%; }
  12.5% {
    left: 100%; }
  62.5% {
    left: 0%; }
  100% {
    left: 75%; } }

@-webkit-keyframes map-hotspot-blip {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); } }

@keyframes map-hotspot-blip {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); } }

@-webkit-keyframes map-drawing-float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  75% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes map-drawing-float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  75% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 69px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 69px; }
  100% {
    top: 59px; } }

@keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 69px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 69px; }
  100% {
    top: 59px; } }

@-webkit-keyframes fip-on {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes fip-on {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes fade-in-slide-up-lower {
  0% {
    opacity: 0;
    top: 70px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 70px; }
  100% {
    top: 60px; } }

@keyframes fade-in-slide-up-lower {
  0% {
    opacity: 0;
    top: 70px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 70px; }
  100% {
    top: 60px; } }

@-webkit-keyframes fade-out-slide-down {
  0% {
    opacity: 1;
    top: 50px; }
  19% {
    opacity: 1; }
  20% {
    opacity: 0;
    top: 60px; }
  100% {
    top: 60px; } }

@keyframes fade-out-slide-down {
  0% {
    opacity: 1;
    top: 50px; }
  19% {
    opacity: 1; }
  20% {
    opacity: 0;
    top: 60px; }
  100% {
    top: 60px; } }

@-webkit-keyframes dropdown-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes dropdown-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); } }

@-webkit-keyframes grow-fade-in {
  0% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes grow-fade-in {
  0% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes continue-bounce {
  0%, 20%, 50%, 80%, 100% {
    bottom: 0; }
  40% {
    bottom: 12px; }
  60% {
    bottom: 6px; } }

@keyframes continue-bounce {
  0%, 20%, 50%, 80%, 100% {
    bottom: 0; }
  40% {
    bottom: 12px; }
  60% {
    bottom: 6px; } }

@media only screen and (max-width: 768px) {
  .wrapper.overflow-hidden {
    overflow: hidden; }
  .page {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
    left: 0;
    overflow: hidden; }
    .page.open-menu {
      left: 90%; }
    .page.open-minicart {
      left: -90%; }
    .page[class*="open-"] {
      overflow: visible; }
    .catalog-product-view .page.open-menu .product-menu-close, .catalog-product-view .page.open-minicart .product-menu-close {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: black;
      opacity: 0.5;
      z-index: 100;
      -webkit-transition: opacity 300ms ease;
      transition: opacity 300ms ease; }
    .page .product-menu-close {
      display: none; }
  .catalog-product-view.open-menu, .catalog-product-view.open-minicart {
    overflow: hidden; }
    .catalog-product-view.open-menu #header, .catalog-product-view.open-minicart #header {
      position: static; }
    .catalog-product-view.open-menu .wrapper, .catalog-product-view.open-minicart .wrapper {
      overflow: scroll;
      -webkit-overflow-scrolling: touch; }
  .page-header #header-nav {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    position: absolute;
    top: 0;
    left: -90%;
    width: 90%;
    height: 100%;
    background-color: white;
    z-index: 999; }
    .page-header #header-nav .open-menu {
      left: 0; }
  .page-header #header-cart {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 90%;
    height: 100%; } }
  @media only screen and (max-width: 768px) and (max-width: 768px) {
    .page-header #header-cart {
      display: none; }
      .open-minicart .page-header #header-cart {
        display: block; } }

@media only screen and (max-width: 768px) {
    .page-header #header-cart .open-menu {
      left: 10%; } }

.skip-link-close {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 111%;
  background: black;
  opacity: 0;
  z-index: 100;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  pointer-events: none; }
  @media only screen and (max-width: 768px) {
    .skip-link-close {
      display: none; } }
  .skip-link-close:before {
    content: "";
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -109px 0;
    height: 12px;
    width: 12px;
    display: none;
    position: absolute;
    right: 100%;
    right: calc(100% + 24px);
    top: 24px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .skip-link-close:before {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
    .open-minicart .skip-link-close:before {
      right: auto;
      left: 100%;
      left: calc(100% + 24px); }
  .skip-link-close:hover:before {
    background-position: -207px 0; }
  .skip-link-close:after {
    content: "";
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
    width: 60px;
    height: 60px;
    border-left: 1px solid #B7B7BB; }
    .open-minicart .skip-link-close:after {
      border-right: 1px solid #B7B7BB;
      border-left: none;
      right: auto;
      left: 100%; }
  [class*="open-"] .skip-link-close {
    opacity: 0.5;
    pointer-events: inherit; }
    [class*="open-"] .skip-link-close:before, [class*="open-"] .skip-link-close:after {
      display: block; }
  @media only screen and (max-width: 768px) {
    .open-minicart .skip-link-close {
      width: 111%;
      display: block; } }
  @media only screen and (max-width: 768px) {
    .open-menu .skip-link-close {
      display: block; } }
  .minicart-wrapper > .skip-link-close {
    left: 0;
    opacity: 0;
    width: 60px;
    height: 60px; }
    .minicart-wrapper > .skip-link-close:before, .minicart-wrapper > .skip-link-close:after {
      display: none; }

.page .header-language-container {
  position: relative;
  cursor: pointer;
  display: block; }
  @media only screen and (max-width: 768px) {
    .page .header-language-container {
      display: none; } }
  .ecommerce-disabled .page .header-language-container {
    float: right; }
  .page .header-language-container.mobile {
    display: none; }
    @media only screen and (max-width: 768px) {
      .page .header-language-container.mobile {
        display: block;
        width: 100%;
        text-align: inherit;
        border-top: 1px solid #CFCFD5;
        border-bottom: 1px solid #CFCFD5;
        padding: 0; } }
    .page .header-language-container.mobile h5.select-country {
      display: inline-block;
      font-size: 14px;
      margin: 0 0 0 15px; }
  @media only screen and (max-width: 768px) {
    .page .header-language-container:before {
      content: "";
      position: absolute;
      height: 3px;
      width: 0%;
      max-width: 0;
      top: 60px;
      left: 0;
      background: #777777;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
      .ie8 .page .header-language-container:before {
        display: none; } }
  @media only screen and (max-width: 768px) {
    .page .header-language-container.active:before {
      width: 100%;
      max-width: 100%; } }
  .page .header-language-container.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  @media only screen and (min-width: 769px) {
    .page .header-language-container.active .store-language-container ul:hover a.active {
      background-color: #E7E7EA; }
      .page .header-language-container.active .store-language-container ul:hover a.active:hover {
        background: #E7E7EA; } }
  .page .header-language-container.active .store-language-container ul a:hover {
    background-color: #F3F3F4; }
  .page .header-language-container:after {
    content: "";
    display: inline-block;
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -144px -72px;
    height: 7px;
    width: 12px;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .page .header-language-container:after {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
    @media only screen and (max-width: 768px) {
      .page .header-language-container:after {
        position: absolute;
        top: 24px;
        right: 25px; } }
  .page .header-language-container:hover:after {
    background-position: -209px -72px; }
    @media only screen and (max-width: 768px) {
      .page .header-language-container:hover:after {
        background-position: -144px -72px; } }
  .page .header-language-container .icon {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -1px -677px;
    height: 12px;
    width: 16px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .page .header-language-container .icon {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
    .page .header-language-container .icon.america {
      background-position: -1px -677px; }
    .page .header-language-container .icon.canada {
      background-position: -27px -677px; }
    .page .header-language-container .icon.brazil {
      background-position: -53px -677px; }
    .page .header-language-container .icon.latin-america {
      background-position: -80px -677px; }
    .page .header-language-container .icon[data-active-country="america"] {
      background-position: -1px -677px; }
    .page .header-language-container .icon[data-active-country="canada"] {
      background-position: -27px -677px; }
    .page .header-language-container .icon[data-active-country="brazil"] {
      background-position: -53px -677px; }
    .page .header-language-container .icon[data-active-country="latin-america"] {
      background-position: -80px -677px; }
  @media only screen and (max-width: 768px) {
    .page .header-language-container > .icon {
      margin-left: 25px; } }
  .page .header-language-container.active .store-language-container {
    display: block; }
  .page .header-language-container .store-language-container {
    display: none;
    position: absolute;
    width: 228px;
    right: 0;
    top: 100%;
    z-index: 200;
    background: white;
    border: 1px solid #CFCFD5;
    text-align: left;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-clip: padding-box; }
    @media only screen and (max-width: 768px) {
      .page .header-language-container .store-language-container {
        width: 100%;
        border: none;
        position: static;
        display: block;
        right: auto;
        top: auto; } }
    @media only screen and (max-width: 768px) {
      .page .header-language-container .store-language-container ul {
        background: #F3F3F4;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 500ms linear;
        transition: all 500ms linear; } }
    .page .header-language-container .store-language-container li {
      list-style: none;
      line-height: 38px; }
      .page .header-language-container .store-language-container li .icon {
        margin-right: 12px; }
      .page .header-language-container .store-language-container li a {
        display: block;
        padding: 0 0 0 12px;
        line-height: 38px;
        color: #141414;
        text-transform: none; }
        @media only screen and (max-width: 768px) {
          .page .header-language-container .store-language-container li a {
            padding: 0 25px;
            line-height: 48px;
            -webkit-transition: all 100ms linear;
            transition: all 100ms linear;
            -webkit-transform: rotateX(90deg);
            -ms-transform: rotateX(90deg);
            transform: rotateX(90deg);
            -webkit-transform-origin: center top;
                -ms-transform-origin: center top;
                    transform-origin: center top;
            background: rgba(1, 1, 1, 0.3); } }
        .page .header-language-container .store-language-container li a:hover {
          background: #E7E7EA;
          text-decoration: none; }
        .page .header-language-container .store-language-container li a.active {
          background: #E7E7EA; }
      @media only screen and (max-width: 768px) {
        .page .header-language-container .store-language-container li:nth-of-type(2) a {
          -webkit-transition-delay: 100ms;
                  transition-delay: 100ms; }
        .page .header-language-container .store-language-container li:nth-of-type(3) a {
          -webkit-transition-delay: 200ms;
                  transition-delay: 200ms; }
        .page .header-language-container .store-language-container li:nth-of-type(4) a {
          -webkit-transition-delay: 300ms;
                  transition-delay: 300ms; }
        .page .header-language-container .store-language-container li:nth-of-type(5) a {
          -webkit-transition-delay: 400ms;
                  transition-delay: 400ms; }
        .page .header-language-container .store-language-container li:nth-of-type(6) a {
          -webkit-transition-delay: 500ms;
                  transition-delay: 500ms; }
        .page .header-language-container .store-language-container li:nth-of-type(7) a {
          -webkit-transition-delay: 600ms;
                  transition-delay: 600ms; }
        .page .header-language-container .store-language-container li:nth-of-type(8) a {
          -webkit-transition-delay: 700ms;
                  transition-delay: 700ms; }
        .page .header-language-container .store-language-container li:nth-of-type(9) a {
          -webkit-transition-delay: 800ms;
                  transition-delay: 800ms; }
        .page .header-language-container .store-language-container li:nth-of-type(10) a {
          -webkit-transition-delay: 900ms;
                  transition-delay: 900ms; }
        .page .header-language-container .store-language-container li:nth-of-type(11) a {
          -webkit-transition-delay: 1000ms;
                  transition-delay: 1000ms; } }
  @media only screen and (max-width: 768px) {
    .page .header-language-container.active ul {
      max-height: 420px; }
      .page .header-language-container.active ul li a {
        background: rgba(1, 1, 1, 0);
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg); } }

.navigation-line {
  position: absolute;
  bottom: 0;
  height: 3px;
  left: 0;
  background: #E9B226;
  width: 0px;
  z-index: 5;
  pointer-events: none; }

/*
**  Hide navigation line when search input is open (on desktop)
*/
@media only screen and (min-width: 769px) {
  .open-search .navigation-line {
    display: none; } }

.nav-primary li a img.mm-icon, .shop-menu a img.mm-icon {
  background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icons.png) no-repeat 0 -203px;
  height: 50px;
  width: 76px;
  /*    &.stylus-compacts { background-position: 0px -1153px;  }*/
  /* New class - update in CMS block */
  /* New class - update in CMS block */ }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .nav-primary li a img.mm-icon, .shop-menu a img.mm-icon {
      background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icons@2x.png);
      background-size: 152px 1850px; } }
  .nav-primary li a img.mm-icon.cameras, .shop-menu a img.mm-icon.cameras {
    background-position: 0px 0px; }
  .nav-primary li a img.mm-icon.om-d, .shop-menu a img.mm-icon.om-d {
    background-position: 0px -50px; }
  .nav-primary li a img.mm-icon.pen, .shop-menu a img.mm-icon.pen {
    background-position: 0px -100px; }
  .nav-primary li a img.mm-icon.air, .shop-menu a img.mm-icon.air {
    background-position: 0px -350px; }
  .nav-primary li a img.mm-icon.lenses, .shop-menu a img.mm-icon.lenses {
    background-position: 0px -150px; }
  .nav-primary li a img.mm-icon.tough-underwater, .shop-menu a img.mm-icon.tough-underwater {
    background-position: 0px -200px; }
  .nav-primary li a img.mm-icon.underwater, .shop-menu a img.mm-icon.underwater {
    background-position: 0px -250px; }
  .nav-primary li a img.mm-icon.accessories-cameras, .shop-menu a img.mm-icon.accessories-cameras {
    background-position: 0px -300px; }
  .nav-primary li a img.mm-icon.audio-overview, .shop-menu a img.mm-icon.audio-overview {
    background-position: 0px -400px; }
  .nav-primary li a img.mm-icon.digital-recorders, .shop-menu a img.mm-icon.digital-recorders {
    background-position: 0px -450px; }
  .nav-primary li a img.mm-icon.music-recorders, .shop-menu a img.mm-icon.music-recorders {
    background-position: 0px -500px; }
  .nav-primary li a img.mm-icon.professional-dictation, .shop-menu a img.mm-icon.professional-dictation {
    background-position: 0px -550px; }
  .nav-primary li a img.mm-icon.transcription-devices, .shop-menu a img.mm-icon.transcription-devices {
    background-position: 0px -600px; }
  .nav-primary li a img.mm-icon.accessories-audio, .shop-menu a img.mm-icon.accessories-audio {
    background-position: 0px -650px; }
  .nav-primary li a img.mm-icon.shop-overview, .shop-menu a img.mm-icon.shop-overview {
    background-position: 0px -700px; }
  .nav-primary li a img.mm-icon.shop-cameras, .shop-menu a img.mm-icon.shop-cameras {
    background-position: 0px -750px; }
  .nav-primary li a img.mm-icon.shop-lenses, .shop-menu a img.mm-icon.shop-lenses {
    background-position: 0px -800px; }
  .nav-primary li a img.mm-icon.shop-audio, .shop-menu a img.mm-icon.shop-audio {
    background-position: 0px -850px; }
  .nav-primary li a img.mm-icon.shop-binoculars, .shop-menu a img.mm-icon.shop-binoculars {
    background-position: 0px -900px; }
  .nav-primary li a img.mm-icon.shop-accessories, .shop-menu a img.mm-icon.shop-accessories {
    background-position: 0px -950px; }
  .nav-primary li a img.mm-icon.certified-reconditioned, .shop-menu a img.mm-icon.certified-reconditioned {
    background-position: 0px -1000px; }
  .nav-primary li a img.mm-icon.shop-deals, .shop-menu a img.mm-icon.shop-deals {
    background-position: 0px -1050px; }
  .nav-primary li a img.mm-icon.shop-rewards, .shop-menu a img.mm-icon.shop-rewards {
    background-position: 0px -1100px; }
  .nav-primary li a img.mm-icon.user-gallery, .shop-menu a img.mm-icon.user-gallery {
    background-position: 0px -1150px; }
  .nav-primary li a img.mm-icon.learn-center, .shop-menu a img.mm-icon.learn-center {
    background-position: 0px -1200px; }
  .nav-primary li a img.mm-icon.software, .shop-menu a img.mm-icon.software {
    background-position: 0px -1250px; }
  .nav-primary li a img.mm-icon.lens-selector, .shop-menu a img.mm-icon.lens-selector {
    background-position: 0px -1300px; }
  .nav-primary li a img.mm-icon.olympus-pros, .shop-menu a img.mm-icon.olympus-pros {
    background-position: 0px -1350px; }
  .nav-primary li a img.mm-icon.events, .shop-menu a img.mm-icon.events {
    background-position: 0px -1400px; }

.nav-primary li a img {
  margin-bottom: 12px; }
  @media only screen and (max-width: 768px) {
    .nav-primary li a img {
      display: none; } }

.footer-social .social-link {
  line-height: 122px; }
  @media only screen and (max-width: 768px) {
    .footer-social .social-link {
      line-height: 97px; } }
  @media only screen and (max-width: 599px) {
    .footer-social .social-link {
      line-height: 46px; } }
  .footer-social .social-link:after {
    content: "";
    width: 0;
    height: 0;
    display: block; }
  .footer-social .social-link img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -209px -419px;
    height: 23px;
    width: 21px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.facebook img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -209px -419px;
    height: 21px;
    width: 21px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.facebook img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.facebook:hover img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -242px -419px;
    height: 21px;
    width: 21px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.facebook:hover img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.twitter img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -209px -450px;
    height: 18px;
    width: 22px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.twitter img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.twitter:hover img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -242px -450px;
    height: 18px;
    width: 22px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.twitter:hover img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.youtube img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -209px -478px;
    height: 24px;
    width: 20px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.youtube img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.youtube:hover img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -242px -478px;
    height: 24px;
    width: 20px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.youtube:hover img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.instagram img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -209px -513px;
    height: 21px;
    width: 21px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.instagram img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.instagram:hover img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -242px -513px;
    height: 21px;
    width: 21px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.instagram:hover img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.google img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -209px -544px;
    height: 23px;
    width: 22px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.google img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.google:hover img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -242px -544px;
    height: 23px;
    width: 22px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.google:hover img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.tumblr img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -210px -577px;
    height: 23px;
    width: 13px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.tumblr img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.tumblr:hover img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -243px -577px;
    height: 23px;
    width: 13px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.tumblr:hover img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.flickr img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -210px -610px;
    height: 21px;
    width: 21px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.flickr img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.flickr:hover img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -243px -610px;
    height: 21px;
    width: 21px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.flickr:hover img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.pinterest img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -209px -641px;
    height: 23px;
    width: 18px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.pinterest img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .footer-social .social-link.pinterest:hover img {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -242px -641px;
    height: 23px;
    width: 18px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .footer-social .social-link.pinterest:hover img {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }

.minicart-wrapper .you-save {
  font-size: 10px;
  color: #08107B;
  line-height: 12px;
  text-align: center;
  padding-bottom: 3px; }

.tab-container {
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  position: relative;
  overflow: hidden; }
  .tab-container:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  @media only screen and (max-width: 768px) {
    .callout .tab-container {
      margin-top: -35px; } }
  .tab-container:after {
    content: "";
    display: block;
    padding-bottom: 50%;
    padding-bottom: calc(50% - 60px); }
    @media only screen and (min-width: 1200px) {
      .tab-container:after {
        padding-bottom: 540px; } }
    @media only screen and (max-width: 768px) {
      .tab-container:after {
        display: none; } }
  .tab-container ul {
    list-style: none; }
  .tab-container .tab-controls {
    background: white;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 8; }
    .tab-container .tab-controls:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .tab-container .tab-controls .tab-navigation-line {
      position: absolute;
      height: 3px;
      width: 0px;
      left: 0;
      bottom: 0;
      background: #E9B226; }
    .tab-container .tab-controls .tabs {
      max-width: 1200px;
      margin: 0 auto;
      background: none;
      position: relative; }
      .tab-container .tab-controls .tabs:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0; }
      .tab-container .tab-controls .tabs:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 100%;
        background: white; }
      .tab-container .tab-controls .tabs li {
        float: left;
        display: block;
        color: #141414;
        font-size: 12px;
        text-transform: uppercase;
        font-style: normal;
        line-height: 60px;
        cursor: pointer;
        margin: 0;
        text-align: center;
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-controls .tabs li {
            display: none; } }
        .tab-container .tab-controls .tabs li.mobile {
          display: none; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-controls .tabs li.mobile {
              display: block; } }
        .tab-container .tab-controls .tabs li span {
          display: inline-block;
          line-height: 14px;
          vertical-align: middle; }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-controls .tabs li {
            display: none; } }
        .tab-container .tab-controls .tabs li.mobile {
          display: none; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-controls .tabs li.mobile {
              display: block; } }
  .tab-container .tab-content {
    clear: both;
    margin: 0; }
    .tab-container .tab-content li {
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .tab-container .tab-content li.active:before {
          content: "";
          display: block;
          padding-top: 100%;
          padding-top: calc(100% - 60px); } }
      .tab-container .tab-content li.active .tab-image {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0);
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-content li.active .tab-image {
            display: block; } }
      .tab-container .tab-content li.active .content-box {
        opacity: 0.95;
        pointer-events: inherit;
        z-index: 8;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-content li.active .content-box {
            display: block; } }
      .tab-container .tab-content li .tab-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transition: all 900ms ease;
        transition: all 900ms ease;
        opacity: 0; }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-content li .tab-image {
            position: static;
            display: none;
            margin-top: -100%;
            -webkit-animation: fade-blur-in 300ms forwards;
            animation: fade-blur-in 300ms forwards; } }
      .tab-container .tab-content li .content-box {
        position: absolute;
        bottom: 4.57%;
        bottom: 4.5752%;
        left: 8.1699%;
        margin: 0;
        background: white;
        width: 80%;
        max-width: 392px;
        padding: 2.9412%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        -webkit-transition: all 900ms ease;
        transition: all 900ms ease; }
        @media only screen and (min-width: 1200px) {
          .tab-container .tab-content li .content-box {
            bottom: 70px;
            padding: 36px; } }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-content li .content-box {
            display: none;
            position: relative;
            left: auto;
            right: auto;
            bottom: auto;
            width: 100%;
            max-width: 100%;
            padding: 24px; }
            .tab-container .tab-content li .content-box h4 {
              margin-bottom: 5px; } }
        @media only screen and (max-width: 599px) {
          .tab-container .tab-content li .content-box {
            padding: 12px; } }
        .tab-container .tab-content li .content-box.content-flash div.after:before {
          -webkit-transform: rotate(225deg);
          -ms-transform: rotate(225deg);
          transform: rotate(225deg); }
        .tab-container .tab-content li .content-box div.after {
          display: none !important; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box div.after {
              display: block !important;
              padding-left: 24px;
              text-transform: uppercase;
              color: #777777;
              font-size: 14px;
              font-style: normal;
              line-height: 14px;
              margin-top: 0;
              position: relative; } }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box div.after:before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              bottom: 1px;
              background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -109px -19px;
              height: 12px;
              width: 12px;
              -webkit-transition: -webkit-transform 500ms ease-in-out;
              transition: -webkit-transform 500ms ease-in-out;
              transition: transform 500ms ease-in-out;
              transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out; } }
  @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
    .tab-container .tab-content li .content-box div.after:before {
      background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
      background-size: 300px 1200px; } }
          @media only screen and (max-width: 599px) {
            .tab-container .tab-content li .content-box div.after:before {
              bottom: 1px;
              left: 0; } }
        .tab-container .tab-content li .content-box.left {
          left: 8.1699%; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box.left {
              left: auto; } }
        .tab-container .tab-content li .content-box.middle {
          left: calc(50% - 196px); }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box.middle {
              left: auto; } }
        .tab-container .tab-content li .content-box.right {
          left: auto;
          right: 8.1699%; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box.right {
              right: auto; } }
        .tab-container .tab-content li .content-box .title {
          font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-size: 25px;
          color: #141414;
          letter-spacing: 3px;
          line-height: 33px;
          text-transform: uppercase; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box .title {
              font-size: 1.5714rem;
              letter-spacing: 0; }
              .tab-container .tab-content li .content-box .title ~ * {
                display: none; } }
          @media only screen and (min-width: 769px) {
            .tab-container .tab-content li .content-box .title {
              font-size: 16px;
              line-height: 22px; } }
          @media only screen and (min-width: 1000px) {
            .tab-container .tab-content li .content-box .title {
              font-size: 25px;
              line-height: 33px; } }
        .tab-container .tab-content li .content-box p {
          font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-size: 14px;
          font-style: normal;
          color: #141414;
          line-height: 18px;
          padding-bottom: 18px;
          margin-bottom: 0; }
          @media only screen and (min-width: 769px) {
            .tab-container .tab-content li .content-box p {
              font-size: 11px;
              line-height: 15px; } }
          @media only screen and (min-width: 1000px) {
            .tab-container .tab-content li .content-box p {
              font-size: 14px;
              line-height: 18px; } }
        .tab-container .tab-content li .content-box .button {
          display: inline-block;
          font-size: 14px;
          font-style: normal;
          color: white;
          line-height: 37px;
          padding: 0 24px; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box .button {
              display: none;
              margin-bottom: 15px; } }

div.igo-wrapper {
  text-align: center; }
  div.igo-wrapper h2 {
    position: relative;
    display: block; }
    div.igo-wrapper h2:after {
      content: "";
      position: absolute;
      border-bottom: 3px solid #E9B226;
      width: 172px;
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto; }
  div.igo-wrapper a.shop-all {
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    color: #08107B; }
  div.igo-wrapper .tab-container {
    border: 1px solid #CFCFD5;
    max-height: 390px;
    max-width: 1010px;
    margin: 36px auto 0px; }
    div.igo-wrapper .tab-container .tab-content li {
      opacity: 0;
      display: none; }
      div.igo-wrapper .tab-container .tab-content li.active {
        opacity: 1;
        display: block; }
        @media only screen and (max-width: 768px) {
          div.igo-wrapper .tab-container .tab-content li.active:before {
            display: none; } }
  div.igo-wrapper .igo-outer-block {
    margin-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #CFCFD5;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
    transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out; }
    div.igo-wrapper .igo-outer-block.visible {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    @media only screen and (max-width: 768px) {
      div.igo-wrapper .igo-outer-block {
        padding-bottom: 6px; } }

body.simple div.igo-wrapper {
  border-top: 1px solid #CFCFD5; }
  body.simple div.igo-wrapper .igo-outer-block {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: 0;
    padding-top: 0; }
    body.simple div.igo-wrapper .igo-outer-block .tab-container {
      margin: 60px auto 0px; }

/*
* iGoDigital SASS Partial for the Olympus team
*/
.igo-wrapper {
  text-align: center; }

/* -------------------------------------------- *
* Back to Top link
*/
.b2top-wrap {
  text-align: center;
  display: none;
  padding-bottom: 22px;
  padding-top: 22px;
  border-top: 1px solid #CFCFD5;
  background: #ffffff; }
  @media only screen and (max-width: 599px) {
    .b2top-wrap {
      display: block; } }
  .b2top-wrap #top-link {
    font-size: 14px;
    color: #777777;
    line-height: 17px; }
    .b2top-wrap #top-link:before {
      content: "";
      display: inline-block;
      background-position: -111px -85px;
      width: 12px;
      height: 8px;
      position: relative;
      top: -1px;
      background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -111px -85px;
      height: 8px;
      width: 12px;
      margin-right: 5px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
        .b2top-wrap #top-link:before {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }

.tab-container {
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  position: relative;
  overflow: hidden; }
  .tab-container:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  @media only screen and (max-width: 768px) {
    .callout .tab-container {
      margin-top: -35px; } }
  .tab-container:after {
    content: "";
    display: block;
    padding-bottom: 50%;
    padding-bottom: calc(50% - 60px); }
    @media only screen and (min-width: 1200px) {
      .tab-container:after {
        padding-bottom: 540px; } }
    @media only screen and (max-width: 768px) {
      .tab-container:after {
        display: none; } }
  .tab-container ul {
    list-style: none; }
  .tab-container .tab-controls {
    background: white;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 8; }
    .tab-container .tab-controls:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .tab-container .tab-controls .tab-navigation-line {
      position: absolute;
      height: 3px;
      width: 0px;
      left: 0;
      bottom: 0;
      background: #E9B226; }
    .tab-container .tab-controls .tabs {
      max-width: 1200px;
      margin: 0 auto;
      background: none;
      position: relative; }
      .tab-container .tab-controls .tabs:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0; }
      .tab-container .tab-controls .tabs:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 100%;
        background: white; }
      .tab-container .tab-controls .tabs li {
        float: left;
        display: block;
        color: #141414;
        font-size: 12px;
        text-transform: uppercase;
        font-style: normal;
        line-height: 60px;
        cursor: pointer;
        margin: 0;
        text-align: center;
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-controls .tabs li {
            display: none; } }
        .tab-container .tab-controls .tabs li.mobile {
          display: none; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-controls .tabs li.mobile {
              display: block; } }
        .tab-container .tab-controls .tabs li span {
          display: inline-block;
          line-height: 14px;
          vertical-align: middle; }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-controls .tabs li {
            display: none; } }
        .tab-container .tab-controls .tabs li.mobile {
          display: none; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-controls .tabs li.mobile {
              display: block; } }
  .tab-container .tab-content {
    clear: both;
    margin: 0; }
    .tab-container .tab-content li {
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .tab-container .tab-content li.active:before {
          content: "";
          display: block;
          padding-top: 100%;
          padding-top: calc(100% - 60px); } }
      .tab-container .tab-content li.active .tab-image {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0);
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-content li.active .tab-image {
            display: block; } }
      .tab-container .tab-content li.active .content-box {
        opacity: 0.95;
        pointer-events: inherit;
        z-index: 8;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-content li.active .content-box {
            display: block; } }
      .tab-container .tab-content li .tab-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transition: all 900ms ease;
        transition: all 900ms ease;
        opacity: 0; }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-content li .tab-image {
            position: static;
            display: none;
            margin-top: -100%;
            -webkit-animation: fade-blur-in 300ms forwards;
            animation: fade-blur-in 300ms forwards; } }
      .tab-container .tab-content li .content-box {
        position: absolute;
        bottom: 4.57%;
        bottom: 4.5752%;
        left: 8.1699%;
        margin: 0;
        background: white;
        width: 80%;
        max-width: 392px;
        padding: 2.9412%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        -webkit-transition: all 900ms ease;
        transition: all 900ms ease; }
        @media only screen and (min-width: 1200px) {
          .tab-container .tab-content li .content-box {
            bottom: 70px;
            padding: 36px; } }
        @media only screen and (max-width: 768px) {
          .tab-container .tab-content li .content-box {
            display: none;
            position: relative;
            left: auto;
            right: auto;
            bottom: auto;
            width: 100%;
            max-width: 100%;
            padding: 24px; }
            .tab-container .tab-content li .content-box h4 {
              margin-bottom: 5px; } }
        @media only screen and (max-width: 599px) {
          .tab-container .tab-content li .content-box {
            padding: 12px; } }
        .tab-container .tab-content li .content-box.content-flash div.after:before {
          -webkit-transform: rotate(225deg);
          -ms-transform: rotate(225deg);
          transform: rotate(225deg); }
        .tab-container .tab-content li .content-box div.after {
          display: none !important; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box div.after {
              display: block !important;
              padding-left: 24px;
              text-transform: uppercase;
              color: #777777;
              font-size: 14px;
              font-style: normal;
              line-height: 14px;
              margin-top: 0;
              position: relative; } }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box div.after:before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              bottom: 1px;
              background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -109px -19px;
              height: 12px;
              width: 12px;
              -webkit-transition: -webkit-transform 500ms ease-in-out;
              transition: -webkit-transform 500ms ease-in-out;
              transition: transform 500ms ease-in-out;
              transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out; } }
  @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
    .tab-container .tab-content li .content-box div.after:before {
      background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
      background-size: 300px 1200px; } }
          @media only screen and (max-width: 599px) {
            .tab-container .tab-content li .content-box div.after:before {
              bottom: 1px;
              left: 0; } }
        .tab-container .tab-content li .content-box.left {
          left: 8.1699%; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box.left {
              left: auto; } }
        .tab-container .tab-content li .content-box.middle {
          left: calc(50% - 196px); }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box.middle {
              left: auto; } }
        .tab-container .tab-content li .content-box.right {
          left: auto;
          right: 8.1699%; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box.right {
              right: auto; } }
        .tab-container .tab-content li .content-box .title {
          font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-size: 25px;
          color: #141414;
          letter-spacing: 3px;
          line-height: 33px;
          text-transform: uppercase; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box .title {
              font-size: 1.5714rem;
              letter-spacing: 0; }
              .tab-container .tab-content li .content-box .title ~ * {
                display: none; } }
          @media only screen and (min-width: 769px) {
            .tab-container .tab-content li .content-box .title {
              font-size: 16px;
              line-height: 22px; } }
          @media only screen and (min-width: 1000px) {
            .tab-container .tab-content li .content-box .title {
              font-size: 25px;
              line-height: 33px; } }
        .tab-container .tab-content li .content-box p {
          font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-size: 14px;
          font-style: normal;
          color: #141414;
          line-height: 18px;
          padding-bottom: 18px;
          margin-bottom: 0; }
          @media only screen and (min-width: 769px) {
            .tab-container .tab-content li .content-box p {
              font-size: 11px;
              line-height: 15px; } }
          @media only screen and (min-width: 1000px) {
            .tab-container .tab-content li .content-box p {
              font-size: 14px;
              line-height: 18px; } }
        .tab-container .tab-content li .content-box .button {
          display: inline-block;
          font-size: 14px;
          font-style: normal;
          color: white;
          line-height: 37px;
          padding: 0 24px; }
          @media only screen and (max-width: 768px) {
            .tab-container .tab-content li .content-box .button {
              display: none;
              margin-bottom: 15px; } }

@media only screen and (max-width: 768px) {
  .catalog-product-view .breadcrumbs li.mobile {
    display: block; }
    .catalog-product-view .breadcrumbs li.mobile a:before {
      display: none;
      background: none; } }

@media only screen and (max-width: 768px) {
  .breadcrumbs li {
    display: none; }
    .breadcrumbs li.mobile {
      display: block; }
      .breadcrumbs li.mobile a:before {
        background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -110px -115px;
        height: 14px;
        width: 7px;
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px; } }
      @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
        .breadcrumbs li.mobile a:before {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }

@media only screen and (max-width: 768px) {
    .breadcrumbs li span {
      display: none; } }

table.products-table {
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 3.9216%;
  text-align: center; }
  @media only screen and (min-width: 1200px) {
    table.products-table {
      margin-bottom: 48px; } }
  table.products-table thead td {
    padding: 0 12px 14px; }
    @media only screen and (max-width: 768px) {
      table.products-table thead td {
        display: block;
        padding: 0 24px;
        margin-bottom: 25px; } }
  table.products-table tbody {
    border: 1px solid #E7E7EA; }
    @media only screen and (max-width: 768px) {
      table.products-table tbody {
        display: none; } }
    table.products-table tbody tr {
      border-top: 1px solid #E7E7EA; }
      table.products-table tbody tr:first-child {
        border-top: none; }
      table.products-table tbody tr:nth-of-type(even) {
        background: #F3F3F4; }
        table.products-table tbody tr:nth-of-type(even) td:first-child {
          background: #E7E7EA; }
      table.products-table tbody tr td {
        border-left: 1px solid #E7E7EA;
        padding: 8px 1.9608%;
        height: 60px; }
        @media only screen and (min-width: 1024px) {
          table.products-table tbody tr td {
            padding: 8px 24px; } }
        table.products-table tbody tr td:first-child {
          border-left: none;
          text-align: left;
          background: #F3F3F4;
          font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
          color: #141414; }
  table.products-table td > span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 18px; }
  table.products-table .product-info {
    display: inline-block;
    vertical-align: top; }
  table.products-table .product-details ul {
    margin: 10px 0; }
  table.products-table .product-details li {
    font-style: normal;
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 5px; }
    @media only screen and (max-width: 768px) {
      table.products-table .product-details li {
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; } }
  table.products-table .product-details .button {
    padding-left: 15px;
    padding-right: 15px; }
  table.products-table .product-image {
    border: none;
    display: block;
    margin: 0 auto;
    max-width: 100%; }
  table.products-table .product-name {
    font-size: 18.5px;
    color: #141414;
    line-height: 24px; }
    table.products-table .product-name a {
      color: #141414; }
    table.products-table .product-name a:hover {
      text-decoration: none; }
  table.products-table .product-price {
    font-size: 14px;
    color: #141414;
    line-height: 18px;
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
    table.products-table .product-price .price-text {
      display: inline-block;
      font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      padding-right: 7px; }
  table.products-table .swatches {
    list-style: none;
    margin: 7px 0 7px; }
    table.products-table .swatches li {
      display: inline-block;
      margin: 0;
      cursor: pointer; }
      table.products-table .swatches li span {
        display: block;
        width: 24px;
        height: 18px; }
      table.products-table .swatches li.active span {
        border: 2px solid #E9B226; }
      table.products-table .swatches li:not(.active):hover span {
        border: 2px solid #E9B226; }

.products-list li.item .swatch {
  padding-left: 3%;
  float: left;
  position: absolute;
  left: 24.796%; }

li.item .swatches {
  list-style: none;
  margin: 0;
  padding-bottom: 7px; }
  .products-list li.item .swatches {
    float: none; }
  li.item .swatches li {
    display: inline-block;
    margin: 0;
    cursor: pointer; }
    li.item .swatches li span {
      display: block;
      width: 24px;
      height: 18px; }
    li.item .swatches li.active span {
      border: 2px solid #E9B226; }
    li.item .swatches li:not(.active):hover span {
      border: 2px solid #E9B226; }

.products-table-title {
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 25px;
  color: #141414;
  letter-spacing: 3px;
  line-height: 33px;
  margin: 4.902% 0 3.6765%;
  text-align: center;
  text-transform: uppercase; }
  @media only screen and (min-width: 1200px) {
    .products-table-title {
      margin: 60px 0 45px; } }
  @media only screen and (max-width: 768px) {
    .products-table-title {
      margin-top: 30px;
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; } }

.icon.checkmark {
  display: inline-block;
  background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -111px -397px;
  height: 12px;
  width: 12px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .icon.checkmark {
      background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
      background-size: 300px 1200px; } }

div.igo-wrapper {
  text-align: center; }
  div.igo-wrapper h2 {
    position: relative;
    display: block; }
    div.igo-wrapper h2:after {
      content: "";
      position: absolute;
      border-bottom: 3px solid #E9B226;
      width: 172px;
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto; }
  div.igo-wrapper a.shop-all {
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    color: #08107B; }
  div.igo-wrapper .tab-container {
    border: 1px solid #CFCFD5;
    max-height: 390px;
    max-width: 1010px;
    margin: 36px auto 0px; }
    div.igo-wrapper .tab-container .tab-content li {
      opacity: 0;
      display: none; }
      div.igo-wrapper .tab-container .tab-content li.active {
        opacity: 1;
        display: block; }
        @media only screen and (max-width: 768px) {
          div.igo-wrapper .tab-container .tab-content li.active:before {
            display: none; } }
  div.igo-wrapper .igo-outer-block {
    margin-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #CFCFD5;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
    transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out; }
    div.igo-wrapper .igo-outer-block.visible {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    @media only screen and (max-width: 768px) {
      div.igo-wrapper .igo-outer-block {
        padding-bottom: 6px; } }

body.simple div.igo-wrapper {
  border-top: 1px solid #CFCFD5; }
  body.simple div.igo-wrapper .igo-outer-block {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: 0;
    padding-top: 0; }
    body.simple div.igo-wrapper .igo-outer-block .tab-container {
      margin: 60px auto 0px; }

/*
* iGoDigital SASS Partial for the Olympus team
*/
.igo-wrapper {
  text-align: center; }

/* -------------------------------------------- *
* Back to Top link
*/
.b2top-wrap {
  text-align: center;
  display: none;
  padding-bottom: 22px;
  padding-top: 22px;
  border-top: 1px solid #CFCFD5;
  background: #ffffff; }
  @media only screen and (max-width: 599px) {
    .b2top-wrap {
      display: block; } }
  .b2top-wrap #top-link {
    font-size: 14px;
    color: #777777;
    line-height: 17px; }
    .b2top-wrap #top-link:before {
      content: "";
      display: inline-block;
      background-position: -111px -85px;
      width: 12px;
      height: 8px;
      position: relative;
      top: -1px;
      background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -111px -85px;
      height: 8px;
      width: 12px;
      margin-right: 5px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
        .b2top-wrap #top-link:before {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }

/* ============================================ *
 * Global
 * ============================================ */
html,
body {
  height: 100%; }

.wrapper {
  min-width: 320px;
  min-height: 100%;
  margin: 0 auto;
  background: #FFFFFF; }

.wrapper:after:before, .wrapper:after:after {
  content: " ";
  display: table; }

.wrapper:after:after {
  clear: both; }

/* ============================================ *
 * Header
 * ============================================ */
.page-header {
  max-width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #CFCFD5;
  position: relative;
  z-index: 200; }
  @media only screen and (max-width: 768px) {
    .page-header {
      position: static; } }

.page-header-container {
  max-width: 1600px;
  margin: 0 auto; }
  .page-header-container:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .ie8 .open-search .page-header-container {
    position: relative; }

.page-header {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

/* ============================================ *
 * Logo
 * ============================================ */
.logo {
  display: block;
  float: left;
  line-height: 60px;
  width: 199px;
  z-index: 5;
  position: relative;
  padding-left: 23px; }
  .ie8 .logo {
    width: 16.3132%; }
  @media only screen and (max-width: 1024px) {
    .logo {
      width: 174px;
      padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .logo {
      padding: 0;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
  .logo img {
    display: inline-block;
    vertical-align: middle;
    width: 146px;
    margin: 16px 14px 14px; }
  .logo .small {
    display: inline-block; }
  .logo .large {
    display: none; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .logo .small {
      display: none; }
    .logo .large {
      display: inline-block; } }

/* ============================================ *
 * Skip Links
 * ============================================ */
.skip-links {
  float: right;
  width: 180px; }
  @media only screen and (max-width: 768px) {
    .skip-links {
      width: 100%; } }
  .ie8 .skip-links {
    width: 14.6819%; }

/* -------------------------------------------- *
 * Skip - Link
 */
.skip-link {
  border-left: 1px solid #CFCFD5;
  position: relative;
  float: left;
  width: 33.3%;
  background: #FFFFFF;
  color: #141414;
  line-height: 60px;
  text-align: center;
  z-index: 11; }
  @media only screen and (max-width: 768px) {
    .skip-link {
      width: 60px; } }

a.skip-link {
  text-decoration: none; }

/* -------------------------------------------- *
 * Skip Link - Active
 */
@media only screen and (max-width: 768px) {
  .skip-link.skip-active {
    color: inherit; }
  .skip-link.skip-active span {
    color: inherit; } }

/* -------------------------------------------- *
 * Skip Link - Icon
 */
.skip-link .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle; }

/* -------------------------------------------- *
 * Skip Link - Label
 */
.skip-link .label {
  display: none; }

@media only screen and (min-width: 500px) {
  .skip-link .label {
    display: inline; } }

/* ============================================ *
 * Skip Content
 * ============================================ */
.skip-content {
  display: none; }

.skip-content.skip-active {
  display: block;
  background: #EDEDED; }
  @media only screen and (max-width: 768px) {
    .skip-content.skip-active {
      background: none; } }

/* ============================================ *
 * Global Header Navigation
 * ============================================ */
@media only screen and (max-width: 768px) {
  #header-account li a,
  .nav-primary a.level0 {
    padding: 0 25px;
    text-align: left;
    color: #141414;
    text-transform: uppercase;
    line-height: 30px; }
  #header-account li:last-child a,
  .nav-primary li.level0:last-child a.level0 {
    border-bottom: 0; }
  a.level0 {
    cursor: pointer; }
    a.level0.has-children:after {
      content: "";
      display: inline-block;
      float: right;
      margin-top: 30px;
      background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -144px -72px;
      height: 7px;
      width: 12px;
      -webkit-transition: -webkit-transform 300ms ease;
      transition: -webkit-transform 300ms ease;
      transition: transform 300ms ease;
      transition: transform 300ms ease, -webkit-transform 300ms ease; } }
    @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
      a.level0.has-children:after {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }

@media only screen and (max-width: 768px) {
  .menu-active > a.level0:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .no-touch #header-account a:hover,
  .no-touch .nav-primary a:hover {
    background-color: #F3F3F4;
    text-decoration: none; } }
  @media only screen and (max-width: 768px) and (max-width: 768px) {
    .no-touch #header-account a:hover,
    .no-touch .nav-primary a:hover {
      background: none; } }

@media only screen and (max-width: 768px) {
  #header-nav .nav-primary > li {
    border-top: 1px solid #CFCFD5; } }

.account-cart-wrapper {
  position: absolute;
  top: 0px;
  right: 0px; }
  @media only screen and (max-width: 768px) {
    .account-cart-wrapper {
      position: static; } }

/* ============================================ *
 * Nav - Skip Link
 * ============================================ */
.category-shop #nav:after {
  border-bottom: none; }

div.cover.menu-active {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

#nav {
  float: left; }
  @media only screen and (max-width: 768px) {
    #nav {
      float: none;
      margin-top: 60px; } }
  #nav:after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    height: 0;
    background: #F3F3F4;
    z-index: 2;
    left: 0;
    top: 60px;
    -webkit-transition: height 150ms ease;
    transition: height 150ms ease;
    border-top: 1px solid #CFCFD5; }
  @media only screen and (min-width: 769px) {
    #nav.menu-active:after {
      height: 124px;
      border-bottom: 1px solid #CFCFD5; } }
  #nav.ie10 li.level0 ul {
    background: #F3F3F4; }
  #nav .nav-primary li.level0 ul li.level1 {
    opacity: 1;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; }
  #nav .nav-primary li.level0 ul li.level1.active {
    opacity: 0.4; }

.skip-nav {
  width: 40%; }
  @media only screen and (max-width: 768px) {
    .skip-nav {
      width: 60px;
      border-right: 1px solid #CFCFD5; } }
  .skip-nav:not(.skip-active):hover {
    text-decoration: none; }
    .skip-nav:not(.skip-active):hover .icon {
      background-position: -46px 4px; }
      @media only screen and (max-width: 768px) {
        .skip-nav:not(.skip-active):hover .icon {
          background-position: -50px 0px;
          margin-top: 2px;
          width: 18px;
          height: 14px; } }

.skip-nav .label {
  display: inline; }

.skip-nav .icon {
  background-position: 4px 4px; }
  @media only screen and (max-width: 768px) {
    .skip-nav .icon {
      background-position: 0px 0px;
      margin-top: 2px;
      width: 18px;
      height: 14px; } }

@media only screen and (min-width: 769px) {
  .skip-nav {
    display: none; } }

/* ============================================ *
 * Nav - Skip Content
 * ============================================ */
#header-nav {
  display: block;
  /* Force visibility */
  float: left;
  width: 69.0049%;
  width: calc(100% - 380px); }
  #header-nav:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  @media only screen and (min-width: 769px) {
    #header-nav {
      max-height: 60px;
      overflow: hidden; } }
  .ie8 #header-nav {
    width: 69.0049%; }

/* ============================================ *
 * Nav Primary
 * ============================================ */
.nav-primary {
  display: block; }

/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary a {
  text-decoration: none;
  position: relative;
  display: block;
  color: #141414;
  line-height: 60px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  text-transform: none; }

.nav-primary .menu-active > ul.level1,
.nav-primary li.level0 li.sub-menu-active > ul {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  pointer-events: inherit;
  z-index: 4; }
  .ie8 .nav-primary .menu-active > ul.level1, .ie8
  .nav-primary li.level0 li.sub-menu-active > ul {
    display: block; }

.nav-primary li.level0 {
  float: left; }
  @media only screen and (max-width: 768px) {
    .nav-primary li.level0 {
      float: none; } }
  .nav-primary li.level0 > a {
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      .nav-primary li.level0 > a {
        padding: 0 25px; } }

/* ============================================ *
 * Small Viewports - Accordion Style Menu
 * ============================================ */
@media only screen and (max-width: 768px) {
  .nav-primary a.level0,
  .nav-primary a {
    line-height: 65px; }
  .nav-primary li.level0 ul {
    display: block;
    max-height: 0;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    overflow: hidden;
    padding: 0; }
  .nav-primary li.level0.menu-active ul, .nav-primary li.level0.menu-active ul.small-menu {
    max-height: 500px;
    padding: 10px 0 20px; }
  .nav-primary li.level1:nth-of-type(2) a h5 {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms; }
  .nav-primary li.level1:nth-of-type(3) a h5 {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms; }
  .nav-primary li.level1:nth-of-type(4) a h5 {
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms; }
  .nav-primary li.level1:nth-of-type(5) a h5 {
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms; }
  .nav-primary li.level1:nth-of-type(6) a h5 {
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms; }
  .nav-primary li.level1:nth-of-type(7) a h5 {
    -webkit-transition-delay: 600ms;
            transition-delay: 600ms; }
  .nav-primary li.level1:nth-of-type(8) a h5 {
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms; }
  .nav-primary li.level1:nth-of-type(9) a h5 {
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms; }
  .nav-primary li.level1:nth-of-type(10) a h5 {
    -webkit-transition-delay: 900ms;
            transition-delay: 900ms; }
  .nav-primary li.level1:nth-of-type(11) a h5 {
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms; }
  .nav-primary li.level1 a h5 {
    padding: 0 15px 0 25px;
    line-height: 48px;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
    background: rgba(1, 1, 1, 0.3); }
  .nav-primary .menu-active li.level1 a h5 {
    background: rgba(1, 1, 1, 0);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg); }
  .nav-primary h5, .nav-primary .h5 {
    margin: 0; } }

/* ============================================ *
 * Large Viewports - Dropdown Menu
 * ============================================ */
.ie10 .nav-primary .li.level0 ul {
  height: 90px; }

@media only screen and (min-width: 769px) {
  .nav-primary {
    /* Default styles for 1+ drop-down menus */ }
    .nav-primary li.level0:after {
      content: "";
      display: block;
      position: absolute;
      top: -1px;
      left: 0;
      width: 100%;
      height: 101%;
      height: calc(100% + 1px);
      background: white;
      z-index: 4;
      pointer-events: none; }
    .nav-primary a.level0 {
      padding: 0 23.5px;
      font-size: 12px;
      color: #141414;
      line-height: 60px;
      -webkit-transition: all 0ms ease;
      transition: all 0ms ease; }
    .no-touch .nav-primary:hover a.level0 {
      color: #CFCFD5; }
    .no-touch .nav-primary:hover li.level0:hover a.level0 {
      color: #141414; }
    .nav-primary li.level0,
    .nav-primary a.level0 {
      display: inline-block;
      z-index: 5; }
    .nav-primary li.level0 {
      /*background: white; */ }
    .no-touch .nav-primary a:hover, .no-touch
    .nav-primary li:hover > a {
      color: #777777; }
    .no-touch .nav-primary > li.level0:hover > a {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
    .nav-primary > li.level0.menu-active > a {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
    .nav-primary li.level0.menu-active ul {
      /*z-index: 2;*/
      height: 124px; }
    .nav-primary li.level0 ul {
      overflow: hidden;
      background: #FBFBFB;
      border: solid 1px #CFCFD5;
      position: absolute;
      left: 0;
      top: 60px;
      /* Height of ".nav-primary a.level0" */
      width: 100%;
      height: 0;
      /* ie fix, set height to 0 until parent is hovered and .menu-active class added */
      padding: 0 1.9576% 0;
      display: block;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
      transform: translateY(-60px);
      opacity: 0;
      pointer-events: none;
      z-index: 3;
      background: transparent;
      text-align: justify;
      border: 0px; }
      .ie8 .nav-primary li.level0 ul {
        display: none; }
      .nav-primary li.level0 ul:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0; }
      .nav-primary li.level0 ul.small-menu {
        padding: 0 14.0294% 0; }
      .open-search .nav-primary li.level0 ul:before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(-1px);
        left: 0;
        left: calc(-1px);
        width: 100%;
        width: calc(100% + 2px);
        height: 100%;
        height: calc(100% + 2px);
        background: black;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        z-index: 5; }
      .nav-primary li.level0 ul li {
        display: inline-block;
        text-align: center;
        border: none;
        vertical-align: middle;
        width: 76px;
        height: 88px; } }
      @media only screen and (min-width: 769px) and (min-width: 1601px) {
        .nav-primary li.level0 ul li {
          width: 122px; } }

@media only screen and (min-width: 769px) {
        .nav-primary li.level0 ul li.divider {
          height: 124px;
          background: #CFCFD5;
          width: 1px;
          margin-top: -23px; }
          html:not(.ie8) .nav-primary li.level0 ul li.divider {
            margin-top: -35px;
            -webkit-transform: translateY(10px);
            -ms-transform: translateY(10px);
            transform: translateY(10px); } }
          @media only screen and (min-width: 769px) and (max-width: 1024px) {
            html:not(.ie8) .nav-primary li.level0 ul li.divider {
              -webkit-transform: translateY(20px);
              -ms-transform: translateY(20px);
              transform: translateY(20px); } }

@media only screen and (min-width: 769px) {
      .nav-primary li.level0 ul a {
        border: none; }
      .nav-primary li.level0 ul h5 {
        margin: 0;
        color: #777777; }
      .nav-primary li.level0 ul img {
        /*width: 72px;*/
        margin: 0 auto 12px; }
    .nav-primary .level0.force-menu-active ~ ul {
      -webkit-transform: translateY(0px) !important;
      -ms-transform: translateY(0px) !important;
      transform: translateY(0px) !important;
      opacity: 1;
      pointer-events: inherit;
      z-index: 2;
      display: none; }
      .ie8 .nav-primary .level0.force-menu-active ~ ul {
        display: block; } }

.nav-primary li.level0.menu-active ul, .nav-primary li.level0.force ul {
  display: block;
  height: 123px; }
  @media only screen and (max-width: 768px) {
    .nav-primary li.level0.menu-active ul, .nav-primary li.level0.force ul {
      height: auto; } }
  @media only screen and (min-width: 769px) {
    .nav-primary li.level0.menu-active ul, .nav-primary li.level0.force ul {
      padding-top: 23px;
      border-top: 1px solid #CFCFD5;
      background-color: #F3F3F4; }
      .nav-primary li.level0.menu-active ul.small-menu, .nav-primary li.level0.force ul.small-menu {
        padding-top: 23px; } }
  @media only screen and (max-width: 1024px) {
    .nav-primary li.level0.menu-active ul.small-menu, .nav-primary li.level0.force ul.small-menu {
      padding-top: 14px; } }

@media only screen and (max-width: 768px) {
  .nav-primary li.level0.menu-active a.level0:before, .nav-primary li.level0.force a.level0:before {
    width: 100%;
    max-width: 100%; } }

@media only screen and (max-width: 768px) {
  .nav-primary li.level0 a.level0:before {
    content: "";
    position: absolute;
    width: 0%;
    max-width: 0;
    bottom: 0;
    left: 0;
    background: #777777;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
    .ie8 .nav-primary li.level0 a.level0:before {
      display: none; } }

@media only screen and (max-width: 1024px) {
  .nav-primary li.level0 a.level0 {
    padding: 0 9px; } }

@media only screen and (max-width: 768px) {
  .nav-primary li.level0 a.level0 {
    padding: 0 25px; } }

@media only screen and (min-width: 1201px) {
  .nav-primary li.level0.small ul {
    padding-left: calc(50% - 524px);
    padding-right: calc(50% - 524px); } }

@media only screen and (max-width: 1024px) {
  .nav-primary li.level0 ul {
    padding: 14px 12px 0; } }

@media only screen and (min-width: 1601px) {
  .nav-primary li.level0 ul {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px); } }

@media only screen and (max-width: 768px) {
  .nav-primary li.level0 ul {
    padding: 0;
    background: #F3F3F4; } }

@media only screen and (max-width: 1024px) {
  .nav-primary li.level0 ul.small-menu {
    padding: 14px 12px 0; } }

@media only screen and (min-width: 1601px) {
  .nav-primary li.level0 ul.small-menu {
    padding-left: calc(50% - 486px);
    padding-right: calc(50% - 486px); } }

@media only screen and (max-width: 768px) {
  .nav-primary li.level0 ul.small-menu {
    padding: 0; } }

@media only screen and (max-width: 768px) {
  .nav-primary li.level0 ul h5, .nav-primary li.level0 ul .h5 {
    color: #777777; }
    .nav-primary li.level0 ul h5:hover, .nav-primary li.level0 ul .h5:hover {
      color: #525255; } }

#header-account-mobile {
  display: none; }
  @media only screen and (max-width: 768px) {
    #header-account-mobile {
      display: block; }
      #header-account-mobile ul {
        background: #F3F3F4;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        -webkit-transition: all 500ms linear;
        transition: all 500ms linear; }
      #header-account-mobile.active ul {
        max-height: 420px;
        padding: 10px 0 20px; }
      #header-account-mobile.logged-in .icon {
        background: none;
        position: relative;
        margin: 0 10px 0 0; }
        #header-account-mobile.logged-in .icon:after {
          content: attr(data-user-initials);
          position: absolute;
          color: white;
          top: 0;
          left: -3px;
          line-height: 16px;
          font-size: 18px;
          letter-spacing: 1px; }
      #header-account-mobile:hover:after, #header-account-mobile.skip-active:after {
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3); }
      #header-account-mobile.skip-active:after {
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3); }
      .ie8 #header-account-mobile.skip-active {
        background: #08107B; }
      #header-account-mobile .icon {
        background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -172px -300px;
        height: 19px;
        width: 17px;
        z-index: 5;
        position: relative;
        display: inline-block;
        margin-right: 8px;
        vertical-align: middle;
        margin-bottom: 6px; } }
    @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
      #header-account-mobile .icon {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  @media only screen and (max-width: 768px) {
      #header-account-mobile .title {
        background-color: #08107B;
        color: white;
        text-transform: uppercase;
        font-weight: 300;
        line-height: 60px;
        padding: 0 25px;
        border-top: 1px solid #CFCFD5;
        cursor: pointer;
        position: relative; }
        #header-account-mobile .title:after {
          content: "";
          display: inline-block;
          float: right;
          margin-top: 27px;
          background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -176px -72px;
          height: 7px;
          width: 12px;
          -webkit-transition: -webkit-transform 300ms ease;
          transition: -webkit-transform 300ms ease;
          transition: transform 300ms ease;
          transition: transform 300ms ease, -webkit-transform 300ms ease; } }
      @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
        #header-account-mobile .title:after {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }
  @media only screen and (max-width: 768px) {
        #header-account-mobile .title:before {
          content: "";
          position: absolute;
          height: 3px;
          width: 0%;
          max-width: 0;
          bottom: 0;
          left: 0;
          background: #E9B226;
          -webkit-transition: all 300ms ease;
          transition: all 300ms ease; }
          .ie8 #header-account-mobile .title:before {
            display: none; }
      #header-account-mobile.active .title:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #header-account-mobile.active .title:before {
        width: 100%;
        max-width: 100%; }
      #header-account-mobile li:nth-of-type(2) a {
        -webkit-transition-delay: 100ms;
                transition-delay: 100ms; }
      #header-account-mobile li:nth-of-type(3) a {
        -webkit-transition-delay: 200ms;
                transition-delay: 200ms; }
      #header-account-mobile li:nth-of-type(4) a {
        -webkit-transition-delay: 300ms;
                transition-delay: 300ms; }
      #header-account-mobile li:nth-of-type(5) a {
        -webkit-transition-delay: 400ms;
                transition-delay: 400ms; }
      #header-account-mobile li:nth-of-type(6) a {
        -webkit-transition-delay: 500ms;
                transition-delay: 500ms; }
      #header-account-mobile li:nth-of-type(7) a {
        -webkit-transition-delay: 600ms;
                transition-delay: 600ms; }
      #header-account-mobile li:nth-of-type(8) a {
        -webkit-transition-delay: 700ms;
                transition-delay: 700ms; }
      #header-account-mobile li:nth-of-type(9) a {
        -webkit-transition-delay: 800ms;
                transition-delay: 800ms; }
      #header-account-mobile li:nth-of-type(10) a {
        -webkit-transition-delay: 900ms;
                transition-delay: 900ms; }
      #header-account-mobile li:nth-of-type(11) a {
        -webkit-transition-delay: 1000ms;
                transition-delay: 1000ms; }
      #header-account-mobile li a {
        line-height: 48px;
        background: #F3F3F4;
        color: #141414;
        padding: 0 25px;
        display: block;
        width: 100%;
        text-decoration: none;
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: center top;
            -ms-transform-origin: center top;
                transform-origin: center top;
        background: rgba(1, 1, 1, 0.3); }
      #header-account-mobile.active li a {
        background: rgba(1, 1, 1, 0);
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg); } }

/* ============================================ *
 * Search - Skip Link
 * ============================================ */
@media only screen and (max-width: 768px) {
  .skip-search {
    display: none; } }

.skip-search:not(.skip-active):hover .icon {
  background-position: -46px -146px; }

.skip-search .icon {
  background-position: 4px -146px; }

@media only screen and (min-width: 769px) {
  .skip-search {
    display: none; } }

/* ============================================ *
 * Search - Skip Content
 * ============================================ */
#header-search {
  display: block;
  width: calc(100% - 885px);
  max-width: 385px;
  background: white;
  position: absolute;
  left: 701px;
  top: 0;
  height: 60px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 11; }
  @media only screen and (min-width: 1601px) {
    #header-search {
      left: 44%; } }
  @media only screen and (max-width: 1024px) {
    #header-search {
      width: calc(100% - 735px);
      left: 528px; } }
  @media only screen and (max-width: 800px) {
    #header-search {
      width: calc(100% - 690px); } }
  @media only screen and (max-width: 768px) {
    #header-search {
      left: 0;
      width: 100%;
      top: 0;
      position: absolute;
      max-width: 100%;
      max-width: calc(100% - 60px); } }
  .ie8 #header-search {
    right: 11.25%;
    left: auto;
    z-index: 1; }
  .open-search #header-search {
    left: 200px;
    width: 50%;
    max-width: 100%;
    width: calc(100% - 380px); }
    @media only screen and (min-width: 1601px) {
      .open-search #header-search {
        position: absolute;
        margin: 0px auto;
        left: 0px;
        right: 0px;
        max-width: 1224px; } }
    @media only screen and (max-width: 1024px) {
      .open-search #header-search {
        width: calc(100% - 373px);
        left: 170px; } }
    @media only screen and (max-width: 768px) {
      .open-search #header-search {
        left: 0;
        width: 100%;
        max-width: calc(100% - 60px); } }
    .ie8 .open-search #header-search {
      z-index: 10;
      right: 180px;
      left: 200px; }

.main-container, .footer-container {
  position: relative; }

.page.open-search {
  position: relative; }

div.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: black;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  z-index: 190; }
  @media only screen and (max-width: 768px) {
    div.cover {
      display: none; } }
  .open-search div.cover {
    top: 60px;
    opacity: 0.5;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 768px) {
      .open-search div.cover {
        display: none; } }

/* ============================================ *
 * Search Input
 * ============================================ */
#search_mini_form .input-box {
  position: relative;
  padding-top: 0; }
  #search_mini_form .input-box:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 0%;
    max-width: 0;
    bottom: 0;
    left: 0;
    background: #E9B226;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
    .ie8 #search_mini_form .input-box:after {
      display: none; }
  #search_mini_form .input-box span.cancel {
    display: none;
    position: absolute;
    color: #909294;
    top: 20px;
    right: -52px; }
    #search_mini_form .input-box span.cancel:hover {
      cursor: pointer;
      color: #08107B; }
  .open-search #search_mini_form .input-box {
    max-width: 395px; }
    @media only screen and (min-width: 769px) {
      .open-search #search_mini_form .input-box {
        margin-left: 20px; } }
    @media only screen and (max-width: 768px) {
      .open-search #search_mini_form .input-box {
        max-width: 100%;
        width: 100%; } }
    .open-search #search_mini_form .input-box:after {
      width: 100%;
      max-width: 100%; }
    .open-search #search_mini_form .input-box span.cancel {
      display: block; }
      @media only screen and (max-width: 845px) {
        .open-search #search_mini_form .input-box span.cancel {
          display: none; } }
  .open-menu #search_mini_form .input-box {
    max-width: 100%;
    width: 100%; }

#header-search span#search2 {
  display: none;
  text-indent: -9999px;
  width: 16px;
  height: 17px;
  position: absolute;
  left: 30px;
  top: 20px;
  z-index: 150;
  cursor: pointer; }
  .open-search #header-search span#search2 {
    display: block; }
  @media only screen and (max-width: 768px) {
    #header-search span#search2 {
      left: 25px; } }
  #header-search span#search2:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat 0px -149px;
    height: 17px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      #header-search span#search2:before {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }

#search_mini_form label {
  display: block;
  text-indent: -9999px;
  width: 16px;
  height: 17px;
  position: absolute;
  left: 21px;
  top: 20px;
  z-index: 150;
  cursor: pointer; }
  .open-search #search_mini_form label {
    display: none; }
  @media only screen and (max-width: 1024px) {
    #search_mini_form label {
      left: 19px; } }
  @media only screen and (max-width: 768px) {
    #search_mini_form label {
      left: 25px; } }
  #search_mini_form label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat 0px -149px;
    height: 17px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      #search_mini_form label:before {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }

#search {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 40px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  display: none;
  border: none;
  font-size: 16px;
  color: #ffffff;
  line-height: 100%; }
  #search.placeholder {
    color: white;
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      #search.placeholder {
        color: #808080;
        font-weight: 100; } }
  #search::-moz-placeholder {
    color: white;
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      #search::-moz-placeholder {
        color: #808080;
        font-weight: 100; } }
  #search:-ms-input-placeholder {
    color: white;
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      #search:-ms-input-placeholder {
        color: #808080;
        font-weight: 100; } }
  #search::-webkit-input-placeholder {
    color: white;
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      #search::-webkit-input-placeholder {
        color: #808080;
        font-weight: 100; } }
  #search::-ms-clear {
    display: none; }
  #search:focus, #search:active {
    outline: none;
    /*@include placeholder() { color: $c-medium-gray; }*/ }
    #search:focus:after, #search:active:after {
      width: 100%; }
    .ie8 #search:focus, .ie8 #search:active {
      border-bottom: 4px solid #E9B226; }
  .open-search #search {
    display: block;
    text-indent: initial;
    color: #141414; }
    .open-search #search.placeholder {
      color: #909294; }
    .open-search #search::-moz-placeholder {
      color: #909294; }
    .open-search #search:-ms-input-placeholder {
      color: #909294; }
    .open-search #search::-webkit-input-placeholder {
      color: #909294; }
  .open-menu #search {
    display: block; }
  @media only screen and (max-width: 768px) {
    #search {
      padding-left: 52px; } }
  .ie8 #search, .ie9 #search {
    line-height: 60px; }

#search_mini_form .search-button {
  display: none;
  position: absolute;
  top: 17px;
  right: 7px;
  background: #808080;
  padding: 0;
  text-align: center;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-animation: fade-in 300ms ease forwards;
  animation: fade-in 300ms ease forwards;
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
  opacity: 0;
  font-size: 15px; }
  #search_mini_form .search-button span {
    line-height: 24px;
    display: block;
    width: 44px; }
  .open-search #search_mini_form .search-button {
    display: block; }
    @media only screen and (max-width: 768px) {
      .open-search #search_mini_form .search-button {
        display: none; } }
  #search_mini_form .search-button:hover, #search_mini_form .search-button:active {
    background: #08107B; }

/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */
.skip-account {
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .skip-account {
      display: none; } }
  .skip-account.logged-in:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 9px;
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -260px -1160px;
    height: 40px;
    width: 40px;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 1; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .skip-account.logged-in:after {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .skip-account.logged-in .icon {
    background: none;
    position: relative; }
    .skip-account.logged-in .icon:after {
      content: attr(data-user-initials);
      position: absolute;
      color: white;
      top: 0;
      left: -3px;
      line-height: 16px;
      font-size: 18px;
      letter-spacing: 1px; }
  .skip-account.logged-in:hover .icon, .skip-account.logged-in.skip-active .icon {
    margin: 0; }
  .no-touch .skip-account:hover:after, .no-touch .skip-account.skip-active:after {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3); }
  .no-touch .skip-account:hover .icon, .no-touch .skip-account.skip-active .icon {
    background-position: -49px -48px;
    margin-right: 2px; }
  .skip-account.logged-in:hover .icon, .skip-account.logged-in.skip-active .icon {
    margin-right: 0; }
  .touch .skip-account.skip-active:after {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3); }
  .ie8 .touch .skip-account.skip-active {
    background: #08107B; }
  .skip-account .icon {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat 0 -48px;
    height: 19px;
    width: 17px;
    z-index: 5;
    position: relative; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .skip-account .icon {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }

@media only screen and (min-width: 769px) {
  .skip-account {
    vertical-align: top;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase; }
  #header-account.skip-active {
    background: #FBFBFB;
    border: solid 1px #CFCFD5;
    background: white;
    display: block;
    position: absolute;
    z-index: 200;
    top: 60px;
    right: 120px;
    width: 200px;
    padding: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-clip: padding-box; } }
  @media only screen and (min-width: 769px) and (min-width: 1601px) {
    #header-account.skip-active {
      right: calc(50% - 681px); } }

/* -------------------------------------------- *
 * Account Links
 */
#header-account {
  padding: 5px 0; }

#header-account a {
  color: #141414;
  padding-left: 12px;
  position: relative;
  display: block;
  line-height: 38px;
  text-align: left; }
  #header-account a:hover {
    color: #08107B;
    background: #F3F3F4;
    text-decoration: none; }

#header-account a:hover {
  color: #777777; }

/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */
.skip-cart {
  overflow: hidden;
  border-left: 1px solid #CFCFD5;
  width: 100%;
  display: block;
  position: relative; }
  .skip-cart:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 9px;
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -260px -1160px;
    height: 40px;
    width: 40px;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    z-index: 1; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .skip-cart:after {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
  .no-touch .skip-cart:hover:after, .no-touch .skip-cart.skip-active:after {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3); }
  .ie8 .no-touch .skip-cart:hover, .ie8 .no-touch .skip-cart.skip-active {
    background: #08107B; }
  .touch .skip-cart.skip-active:after {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3); }
  .ie8 .touch .skip-cart.skip-active {
    background: #08107B; }
  .skip-cart .icon {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -172px -326px;
    height: 19px;
    width: 20px;
    margin-right: 2px;
    z-index: 5;
    position: relative; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .skip-cart .icon {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }

@media only screen and (min-width: 769px) {
  #header-cart.skip-active {
    background: #FBFBFB;
    border: solid 1px #CFCFD5;
    display: block;
    position: absolute;
    z-index: 200;
    top: 60px;
    right: 0;
    width: 287px;
    background: white; } }

/* -------------------------------------------- *
 * Skip Cart Notifier
 */
.skip-cart .count {
  border-radius: 7px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  display: inline-block;
  top: 8px;
  right: 12px;
  position: absolute;
  z-index: 5;
  width: auto;
  height: 16px;
  background: #777777;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  padding: 0 5px; }

.skip-link.skip-active .count {
  color: white; }

.skip-cart.no-count .count {
  display: none; }

@media only screen and (max-width: 499px) {
  .skip-cart .count {
    margin-left: -12px; } }

.skip-cart .count.empty {
  display: none; }

/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty {
  padding: 20px;
  text-align: center; }

/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */
.cart-menu .actions {
  overflow: hidden;
  padding: 15px; }

.cart-menu .actions .button {
  float: left;
  width: 48%; }

.cart-menu .actions .button + .button {
  margin-left: 4%; }

/* Subtotal */
.cart-menu .subtotal {
  padding: 0 15px 15px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.2; }

/* List */
.mini-cart-list {
  margin-bottom: 5px; }

.mini-cart-list li {
  position: relative;
  min-height: 90px;
  padding: 15px 15px 15px 90px;
  border-top: 1px solid #CFCFD5;
  font-size: 12px;
  line-height: 1.35; }

.mini-cart-list .product-name {
  display: inline-block; }

.mini-cart-list .product-image {
  position: absolute;
  left: 15px;
  top: 15px; }

.mini-cart-list .product-image img {
  width: 60px;
  height: 60px; }

.mini-cart-list .has-options {
  margin-bottom: 0;
  color: #909294;
  font-size: 11px; }

/* Too full - additional items will be shown in cart */
.cart-menu .last-added {
  padding: 10px 15px 15px;
  border-top: 1px solid #CFCFD5;
  font-size: 12px; }

.footer-container {
  background-color: #E7E7EA;
  padding: 0;
  clear: both; }

.footer {
  clear: both;
  width: 100%;
  margin: 0 auto; }
  .footer .footer-top {
    width: 100%;
    border-bottom: 1px #FFF solid; }
    .footer .footer-top:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
  .footer .footer-social-container {
    width: 50%;
    border-right: 1px #FFF solid;
    text-align: right;
    float: left; }
    @media only screen and (max-width: 768px) {
      .footer .footer-social-container {
        width: 100%;
        float: none;
        border-right: none;
        border-bottom: 1px solid white; } }
  .footer .footer-social {
    max-width: 800px;
    padding: 0 11.5196%;
    display: inline-block;
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 1024px) {
      .footer .footer-social {
        padding: 0; } }
    @media only screen and (max-width: 768px) {
      .footer .footer-social {
        max-width: 100%;
        padding: 0 36px; } }
    @media only screen and (max-width: 599px) {
      .footer .footer-social {
        padding: 14px; } }
    .footer .footer-social ul {
      display: inline-block;
      text-align: justify;
      max-height: 122px;
      overflow: hidden;
      margin: 0 auto;
      width: 100%;
      max-width: 330px; }
      @media only screen and (max-width: 1024px) {
        .footer .footer-social ul {
          display: block; } }
      @media only screen and (max-width: 768px) {
        .footer .footer-social ul {
          max-width: 100%;
          max-height: 97px; } }
      @media only screen and (max-width: 599px) {
        .footer-container .footer .footer-social ul {
          max-height: inherit; }
          .footer-container .footer .footer-social ul:after {
            visibility: hidden;
            display: block;
            content: "";
            clear: both;
            height: 0; } }
      .footer .footer-social ul:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0;
        line-height: 0; }
      .footer .footer-social ul li {
        display: inline-block;
        vertical-align: middle; }
        @media only screen and (max-width: 599px) {
          .footer .footer-social ul li {
            width: 25%;
            text-align: center;
            float: left; } }
        .footer .footer-social ul li a img {
          vertical-align: middle;
          display: inline-block;
          height: 20px;
          width: 20px; }
  .footer .footer-subscribe {
    width: 50%;
    text-align: left;
    float: left; }
    @media only screen and (max-width: 768px) {
      .footer .footer-subscribe {
        width: 100%;
        float: none; } }
    .footer .footer-subscribe .block-subscribe {
      max-width: 800px;
      display: inline-block;
      width: 100%;
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .footer .footer-subscribe .block-subscribe {
          max-width: 100%; } }
      .footer .footer-subscribe .block-subscribe .block-content {
        max-width: 424px;
        margin: 0 auto;
        text-align: center;
        padding-top: 22px; }
        @media only screen and (max-width: 768px) {
          .footer .footer-subscribe .block-subscribe .block-content {
            padding-bottom: 22px; } }
      .footer .footer-subscribe .block-subscribe label {
        font-size: 18px;
        color: #141414;
        line-height: 24px;
        font-weight: normal;
        margin-bottom: 12px; }
      .footer .footer-subscribe .block-subscribe .input-box {
        padding: 0;
        width: 66.75%;
        display: inline-block;
        vertical-align: top;
        margin-right: 6px; }
        @media only screen and (max-width: 1024px) {
          .footer .footer-subscribe .block-subscribe .input-box {
            width: 57.5%; } }
        .footer .footer-subscribe .block-subscribe .input-box input {
          width: 100%;
          height: 38px;
          line-height: 38px;
          padding-left: 12px;
          border-radius: 4px;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */ }
          .footer .footer-subscribe .block-subscribe .input-box input.placeholder {
            font-size: 14px;
            color: #909294;
            line-height: 40px; }
          .footer .footer-subscribe .block-subscribe .input-box input::-moz-placeholder {
            font-size: 14px;
            color: #909294;
            line-height: 40px; }
          .footer .footer-subscribe .block-subscribe .input-box input:-ms-input-placeholder {
            font-size: 14px;
            color: #909294;
            line-height: 40px; }
          .footer .footer-subscribe .block-subscribe .input-box input::-webkit-input-placeholder {
            font-size: 14px;
            color: #909294;
            line-height: 40px; }
      .footer .footer-subscribe .block-subscribe .actions {
        margin: 0;
        width: 25.7282%;
        display: inline-block;
        vertical-align: top; }
        .footer .footer-subscribe .block-subscribe .actions button {
          width: 100%;
          padding: 0;
          line-height: 37px;
          border-radius: 4px;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */
          font-size: 14px;
          background: #08107B; }
          .footer .footer-subscribe .block-subscribe .actions button:hover {
            background: #000059; }
  .footer .footer-bottom {
    max-width: 1600px;
    margin: 0 auto; }
  .footer .footer-links-container {
    position: relative;
    padding: 2.9412% 4.902%;
    clear: both;
    text-align: justify; }
    @media only screen and (max-width: 1024px) {
      .footer .footer-links-container {
        padding: 3.5156% 5.8594%; } }
    @media only screen and (max-width: 479px) {
      .footer .footer-links-container {
        padding: 13px 18px 18px; } }
    .footer .footer-links-container:after {
      content: "";
      display: inline-block;
      width: 100%;
      height: 0; }
      @media only screen and (max-width: 1024px) {
        .footer .footer-links-container:after {
          display: none; } }
    .footer .footer-links-container ul {
      display: inline-block;
      width: auto;
      max-width: 160px;
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
      font-size: 12px;
      vertical-align: top; }
      @media only screen and (max-width: 768px) {
        .footer .footer-links-container ul {
          display: block;
          max-width: 385px;
          margin: 0 auto; } }
      .footer .footer-links-container ul.active .title:after {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg); }
      .footer .footer-links-container ul.active .sublist-wrapper {
        max-height: 700px; }
      .footer .footer-links-container ul li {
        margin-bottom: 10px; }
        @media only screen and (max-width: 768px) {
          .footer .footer-links-container ul li {
            font-size: 14px;
            line-height: 34px;
            margin: 0; } }
        .footer .footer-links-container ul li.title {
          text-transform: uppercase;
          color: #000; }
          @media only screen and (max-width: 768px) {
            .footer .footer-links-container ul li.title {
              line-height: 54px; }
              .footer .footer-links-container ul li.title:after {
                content: "";
                display: inline-block;
                float: right;
                margin-top: 20px;
                background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -142px -19px;
                height: 15px;
                width: 15px;
                -webkit-transition: -webkit-transform 300ms ease;
                transition: -webkit-transform 300ms ease;
                transition: transform 300ms ease;
                transition: transform 300ms ease, -webkit-transform 300ms ease; } }
    @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
      .footer .footer-links-container ul li.title:after {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }
        .footer .footer-links-container ul li.sublist-wrapper {
          max-height: 0;
          overflow: hidden;
          -webkit-transition: max-height 600ms ease;
          transition: max-height 600ms ease; }
        .footer .footer-links-container ul li a {
          color: #777777;
          text-transform: none; }
    .footer .footer-links-container .security-badges {
      background-color: #FFF;
      width: 190px;
      padding: 24px 36px;
      max-width: 190px; }
      .footer .footer-links-container .security-badges:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0; }
      @media only screen and (max-width: 1024px) {
        .footer .footer-links-container .security-badges {
          padding: 12px 40px;
          display: block;
          max-width: 367px;
          width: 100%;
          margin: 10px auto 0; } }
      @media only screen and (max-width: 768px) {
        .footer .footer-links-container .security-badges {
          max-width: 375px;
          padding: 24px 60px; } }
      @media only screen and (max-width: 479px) {
        .footer .footer-links-container .security-badges {
          max-width: 284px;
          padding: 24px 23px; } }
      .footer .footer-links-container .security-badges li {
        margin: 0; }
        @media only screen and (max-width: 1024px) {
          .footer .footer-links-container .security-badges li {
            float: right; } }
        .footer .footer-links-container .security-badges li:first-child {
          margin-bottom: 24px; }
          @media only screen and (max-width: 1024px) {
            .footer .footer-links-container .security-badges li:first-child {
              float: left;
              margin: 0; } }
  .footer .justify-fix {
    display: none; }
    @media only screen and (max-width: 1024px) {
      .footer .justify-fix {
        display: inline-block; } }
    @media only screen and (max-width: 479px) {
      .footer .justify-fix {
        display: none; } }

address.copyright {
  text-align: center;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #777777;
  margin-bottom: 60px; }
  @media only screen and (max-width: 768px) {
    address.copyright {
      margin-bottom: 36px; } }
  address.copyright .date, address.copyright a {
    display: inline-block;
    margin-left: 8px;
    color: #777777; }
    address.copyright .date:before, address.copyright a:before {
      content: "|";
      display: inline-block;
      margin-right: 8px;
      font-size: 12px; }
  @media only screen and (max-width: 599px) {
    address.copyright .date:before {
      display: none; } }
  @media only screen and (max-width: 599px) {
    address.copyright .company-copy {
      display: block;
      line-height: 26px; } }

.footer-container ~ .tagline img {
  width: 196px;
  display: block;
  margin: 36px auto 24px; }
  @media only screen and (max-width: 599px) {
    .footer-container ~ .tagline img {
      width: 154px;
      margin: 23px auto 16px; } }

/* ================================================= *
 * General Product List Styles (not module-specific)
 * ================================================= */
/* -------------------------------------------- *
 * Product List General
 */
.category-title h1,
body.catalogsearch-result-index .page-title h1 {
  border-bottom: none;
  text-align: center;
  /* OLYMPUS CAMERAS: */
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 40px;
  letter-spacing: 5px;
  line-height: 48px;
  padding-bottom: 15px;
  position: relative;
  margin: 5% 0 3%; }
  .category-title h1:after,
  body.catalogsearch-result-index .page-title h1:after {
    content: "";
    background: #E9B226;
    position: absolute;
    height: 3px;
    width: 50%;
    max-width: 192px;
    bottom: 0;
    left: 25%;
    left: calc(50% - 96px); }

.category-image {
  margin-bottom: 10px; }

.products-list .action .button,
.products-grid .actions .button {
  white-space: normal; }

/* -------------------------------------------- *
 * Product Name
 */
h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
  margin: 0;
  margin-bottom: 0.5em;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 33px;
  font-style: normal;
  line-height: 38px;
  text-rendering: optimizeLegibility;
  font-size: 12px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.4; }
  @media only screen and (max-width: 768px) {
    h2.product-name,
    h3.product-name,
    h4.product-name,
    h5.product-name,
    p.product-name {
      font-size: 29px; } }
  h2.product-name a,
  h3.product-name a,
  h4.product-name a,
  h5.product-name a,
  p.product-name a {
    color: #141414; }
    h2.product-name a:hover,
    h3.product-name a:hover,
    h4.product-name a:hover,
    h5.product-name a:hover,
    p.product-name a:hover {
      color: #777777;
      text-decoration: none; }

.products-grid .product-name,
.products-list .product-name {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 12px; }
  .products-grid .product-name a,
  .products-list .product-name a {
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #08107B;
    line-height: 16px; }

/* ============================================ *
 * Product Grid
 * ============================================ */
.products-grid {
  position: relative;
  max-width: 1000px;
  margin: 12px auto 0;
  padding: 0 12px; }
  .products-grid:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }

.products-grid:after:before, .products-grid:after:after {
  content: " ";
  display: table; }

.products-grid:after:after {
  clear: both; }

.products-grid > li {
  position: relative;
  margin-bottom: 12px;
  text-align: center;
  border: 1px solid #CFCFD5;
  padding: 34px; }
  @media only screen and (max-width: 599px) {
    .products-grid > li {
      padding: 20px; } }
  @media only screen and (max-width: 479px) {
    .products-grid > li {
      padding: 12px; } }
  .products-grid > li:after:before, .products-grid > li:after:after {
    content: " ";
    display: table; }
  .products-grid > li:after:after {
    clear: both; }
  .products-grid > li .actions a[title*="View Details"] {
    display: none; }

.products-grid .product-image {
  width: 100%;
  margin-bottom: 15px; }
  @media only screen and (max-width: 479px) {
    .products-grid .product-image {
      max-width: 61.0738%;
      margin: 0 auto; } }

.products-grid .product-image img {
  width: 100%;
  height: auto; }
  .products-grid .product-image img:hidden {
    display: none; }

.widget-new-products .products-grid .product-image {
  width: 75%;
  margin-bottom: 15px;
  margin-left: 10%; }

.product-info .product-tagline {
  /* Product tag line: */
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #141414;
  line-height: 16px; }

.rewards-placeholder {
  display: inline-block;
  min-width: 90px;
  margin: 5px auto 0;
  line-height: 20px;
  font-size: 12px;
  color: #08107B;
  background: #E7E7EA;
  padding: 0 9px 0 25px; }
  .products-list .rewards-placeholder {
    float: right; }
    .products-list .rewards-placeholder:after {
      content: "";
      clear: both; }

.product-primary .short-description {
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  color: #141414;
  line-height: 18.64px;
  margin-top: 7px; }

.products-grid .product-info {
  position: relative; }

.products-grid .actions {
  margin-top: 20px;
  width: 100%; }

.products-grid .ratings .rating-box {
  margin: 0 auto; }

.products-grid .ratings .amount {
  display: none; }

.products-grid .price-box {
  color: #909294;
  font-size: 12px;
  margin: 15px 0 5px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #141414;
  line-height: 18px; }
  .products-grid .price-box .price {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit; }

.products-grid .ratings ~ .price-box {
  margin-top: 7px; }

.products-grid .price-box, .products-list .price-box {
  cursor: pointer; }

.price-valid {
  color: #08107B;
  font-size: 10px;
  padding-bottom: 9px; }
  @media only screen and (max-width: 479px) {
    .price-valid {
      text-align: center;
      padding-bottom: 5px; } }

.products-grid .add-to-links {
  margin-bottom: 0; }
  @media only screen and (max-width: 768px) {
    .products-grid .add-to-links {
      display: none; } }

/* Config: Two columns + flexible gutter */
.products-grid > li {
  float: left;
  width: 47.7273%;
  margin-right: 4.5455%; }
  @media only screen and (max-width: 479px) {
    .products-grid > li {
      width: 100%;
      margin-right: 0; } }

.products-grid > li:nth-child(odd) {
  clear: left; }

.products-grid > li:nth-child(even) {
  margin-right: 0; }

.products-grid .product-image {
  margin-bottom: 15px; }
  .products-grid .product-image:before, .products-grid .product-image:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none; }
  .products-grid .product-image:before {
    background-color: white;
    opacity: 0.8;
    z-index: 2; }
  .products-grid .product-image:after {
    background-image: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/opc-ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3; }
  .products-grid .product-image.loading {
    position: relative; }
    .products-grid .product-image.loading:before, .products-grid .product-image.loading:after {
      display: block; }

@media only screen and (min-width: 480px) {
  /* Config: Three columns + flexible gutter */
  .products-grid {
    /* Undo two-column config */
    /* Set three-column config */ }
    .products-grid > li:nth-child(odd) {
      clear: none; }
    .products-grid > li:nth-child(even) {
      margin-right: 2.1739%; }
    .products-grid > li {
      width: 31.8841%;
      margin-right: 2.1739%; }
    .products-grid > li:nth-child(3n+1) {
      clear: left; }
    .products-grid > li:nth-child(3n) {
      margin-right: 0; } }

@media only screen and (min-width: 1000px) {
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-4-col > li:nth-child(odd) {
    clear: none; }
  .products-grid--max-4-col > li:nth-child(3n+1) {
    clear: none; }
  .products-grid--max-4-col > li:nth-child(even),
  .products-grid--max-4-col > li:nth-child(3n) {
    margin-right: 1.2931%; }
  /* Set column config */
  .products-grid--max-4-col > li {
    margin-right: 1.2931%; }
  .products-grid--max-4-col > li {
    width: 24.0302%;
    margin-right: 1.2931%; }
  .products-grid--max-4-col > li:nth-child(4n+1) {
    clear: left; }
  .products-grid--max-4-col > li:nth-child(4n) {
    margin-right: 0; }
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-5-col > li:nth-child(odd) {
    clear: none; }
  .products-grid--max-5-col > li:nth-child(3n+1) {
    clear: none; }
  .products-grid--max-5-col > li:nth-child(even),
  .products-grid--max-5-col > li:nth-child(3n) {
    margin-right: 1.2931%; }
  /* Set column config */
  .products-grid--max-5-col > li {
    margin-right: 1.2931%; }
  .products-grid--max-5-col > li {
    width: 18.9655%;
    margin-right: 1.2931%; }
  .products-grid--max-5-col > li:nth-child(5n+1) {
    clear: left; }
  .products-grid--max-5-col > li:nth-child(5n) {
    margin-right: 0; }
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-6-col > li:nth-child(odd) {
    clear: none; }
  .products-grid--max-6-col > li:nth-child(3n+1) {
    clear: none; }
  .products-grid--max-6-col > li:nth-child(even),
  .products-grid--max-6-col > li:nth-child(3n) {
    margin-right: 1.2931%; }
  /* Set column config */
  .products-grid--max-6-col > li {
    margin-right: 1.2931%; }
  .products-grid--max-6-col > li {
    width: 15.5891%;
    margin-right: 1.2931%; }
  .products-grid--max-6-col > li:nth-child(6n+1) {
    clear: left; }
  .products-grid--max-6-col > li:nth-child(6n) {
    margin-right: 0; } }

/* ============================================ *
 * Product List
 * ============================================ */
.ios .catalog-category-view .products-list > li.item .desktop-review,
.ios .catalog-category-search .products-list > li.item .desktop-review {
  padding-top: 4px; }

.catalog-category-view .products-list,
.catalog-category-search .products-list {
  max-width: 1000px;
  padding: 0 12px;
  margin: 12px auto 20px; }
  .catalog-category-view .products-list > li,
  .catalog-category-search .products-list > li {
    margin: 0;
    padding: 24px 0;
    border-bottom: 1px solid #F3F3F4;
    clear: both; }
    .catalog-category-view .products-list > li:after,
    .catalog-category-search .products-list > li:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .catalog-category-view .products-list > li.item .ratings .amount,
    .catalog-category-search .products-list > li.item .ratings .amount {
      display: none; }
    .catalog-category-view .products-list > li.item .mobile-review,
    .catalog-category-search .products-list > li.item .mobile-review {
      display: none; }
    .catalog-category-view .products-list > li.item .name-container,
    .catalog-category-search .products-list > li.item .name-container {
      margin-bottom: 32px; }
    .catalog-category-view .products-list > li.item .price-box,
    .catalog-category-search .products-list > li.item .price-box {
      position: relative;
      top: -2px;
      line-height: 14px;
      display: block; }
    .catalog-category-view .products-list > li.item .desktop-review,
    .catalog-category-search .products-list > li.item .desktop-review {
      display: block;
      line-height: 12px;
      position: relative;
      top: -5px;
      padding-bottom: 2px; }
    @media only screen and (max-width: 768px) {
      .catalog-category-view .products-list > li.item .add-to-links,
      .catalog-category-search .products-list > li.item .add-to-links {
        display: none; } }
    @media only screen and (max-width: 599px) {
      .catalog-category-view .products-list > li.item .rewards-placeholder,
      .catalog-category-search .products-list > li.item .rewards-placeholder {
        float: none;
        margin: 0; }
      .catalog-category-view .products-list > li.item .button.btn-small,
      .catalog-category-search .products-list > li.item .button.btn-small {
        display: none; }
      .catalog-category-view .products-list > li.item .product-secondary .price-box .old-price, .catalog-category-view .products-list > li.item .product-secondary .price-box .special-price,
      .catalog-category-search .products-list > li.item .product-secondary .price-box .old-price,
      .catalog-category-search .products-list > li.item .product-secondary .price-box .special-price {
        float: none; } }
    @media only screen and (max-width: 479px) {
      .catalog-category-view .products-list > li.item,
      .catalog-category-search .products-list > li.item {
        border: 1px solid #CFCFD5;
        padding: 12px;
        width: 100%;
        display: block;
        float: left;
        clear: none;
        margin-bottom: 12px; }
        .catalog-category-view .products-list > li.item:nth-child(odd),
        .catalog-category-search .products-list > li.item:nth-child(odd) {
          clear: both; }
        .catalog-category-view .products-list > li.item:nth-child(even),
        .catalog-category-search .products-list > li.item:nth-child(even) {
          clear: both;
          margin-right: 12px; }
        .catalog-category-view .products-list > li.item .desktop-review,
        .catalog-category-view .products-list > li.item .short-description,
        .catalog-category-view .products-list > li.item .add-to-links,
        .catalog-category-search .products-list > li.item .desktop-review,
        .catalog-category-search .products-list > li.item .short-description,
        .catalog-category-search .products-list > li.item .add-to-links {
          display: none; }
        .catalog-category-view .products-list > li.item .mobile-review,
        .catalog-category-search .products-list > li.item .mobile-review {
          display: block; }
        .catalog-category-view .products-list > li.item .product-image,
        .catalog-category-search .products-list > li.item .product-image {
          float: none;
          width: 100%;
          max-width: 61.0738%;
          margin: 0 auto 15px auto; }
        .catalog-category-view .products-list > li.item .product-shop,
        .catalog-category-view .products-list > li.item .swatch,
        .catalog-category-view .products-list > li.item .price-box,
        .catalog-category-search .products-list > li.item .product-shop,
        .catalog-category-search .products-list > li.item .swatch,
        .catalog-category-search .products-list > li.item .price-box {
          float: none;
          position: static;
          text-align: center;
          padding-left: 0;
          width: 100%; }
        .catalog-category-view .products-list > li.item .product-shop,
        .catalog-category-search .products-list > li.item .product-shop {
          padding-bottom: 20px; }
        .catalog-category-view .products-list > li.item .name-container,
        .catalog-category-search .products-list > li.item .name-container {
          margin-bottom: 0; }
        .catalog-category-view .products-list > li.item .rewards-placeholder,
        .catalog-category-view .products-list > li.item .product-name,
        .catalog-category-view .products-list > li.item .product-tagline,
        .catalog-category-search .products-list > li.item .rewards-placeholder,
        .catalog-category-search .products-list > li.item .product-name,
        .catalog-category-search .products-list > li.item .product-tagline {
          text-align: center;
          float: none;
          margin: 0 auto; }
        .catalog-category-view .products-list > li.item .product-name,
        .catalog-category-view .products-list > li.item .product-name a,
        .catalog-category-view .products-list > li.item .product-tagline,
        .catalog-category-search .products-list > li.item .product-name,
        .catalog-category-search .products-list > li.item .product-name a,
        .catalog-category-search .products-list > li.item .product-tagline {
          line-height: 16px;
          font-size: 12px; }
        .catalog-category-view .products-list > li.item .product-tagline,
        .catalog-category-search .products-list > li.item .product-tagline {
          margin-bottom: 0 !important; }
        .catalog-category-view .products-list > li.item .price-box,
        .catalog-category-search .products-list > li.item .price-box {
          font-size: 14px;
          line-height: 18px; }
          .catalog-category-view .products-list > li.item .price-box .price,
          .catalog-category-search .products-list > li.item .price-box .price {
            font-size: 1rem; }
        .catalog-category-view .products-list > li.item .ratings,
        .catalog-category-search .products-list > li.item .ratings {
          text-align: center;
          margin-top: 17px;
          margin-bottom: 0px; }
          .catalog-category-view .products-list > li.item .ratings .rating-box,
          .catalog-category-search .products-list > li.item .ratings .rating-box {
            margin: 0 auto; }
          .catalog-category-view .products-list > li.item .ratings .amount,
          .catalog-category-search .products-list > li.item .ratings .amount {
            display: none; }
        .catalog-category-view .products-list > li.item .savings-story,
        .catalog-category-search .products-list > li.item .savings-story {
          text-align: center; } }
    @media only screen and (max-width: 599px) {
      .catalog-category-view .products-list > li.item,
      .catalog-category-search .products-list > li.item {
        width: 100%; } }
    .catalog-category-view .products-list > li .product-image,
    .catalog-category-search .products-list > li .product-image {
      float: left;
      width: 24.796%; }
      .catalog-category-view .products-list > li .product-image img,
      .catalog-category-search .products-list > li .product-image img {
        width: 100%;
        max-width: 100%; }
  .catalog-category-view .products-list > li:last-child,
  .catalog-category-search .products-list > li:last-child {
    padding-bottom: 0;
    border-bottom: none; }

.products-list .product-shop {
  float: right;
  width: 75.204%;
  padding-left: 3%; }
  .products-list .product-shop .product-name {
    margin-bottom: 0; }
  .products-list .product-shop .ratings {
    margin: 0; }
    .products-list .product-shop .ratings .rating-box {
      display: inline-block;
      margin: 0; }
  .products-list .product-shop .price-box {
    margin: 0; }
  .products-list .product-shop .price-box .price {
    font-size: 14px;
    line-height: 18px; }
  .products-list .product-shop .action {
    margin: 9px 0; }
  .products-list .product-shop .desc {
    margin-top: 9px; }
  .products-list .product-shop .product-primary,
  .products-list .product-shop .desc {
    float: left;
    width: 65%;
    overflow: hidden; }
  .products-list .product-shop .product-secondary {
    float: right;
    width: 35%;
    text-align: right;
    clear: right; }
  .products-list .product-shop .link-learn {
    float: right;
    margin-top: 20px;
    clear: both; }

@media only screen and (max-width: 1279px) {
  .products-list .product-shop .product-primary,
  .products-list .product-shop .desc {
    float: left;
    width: 60%;
    padding-right: 20px; }
  .products-list .product-shop .product-secondary {
    float: right;
    width: 40%; } }

@media only screen and (max-width: 599px) {
  .products-list .product-shop .price-box .special-price {
    padding-left: 0; }
  .products-list .product-shop .product-primary,
  .products-list .product-shop .product-secondary,
  .products-list .product-shop .desc {
    float: none;
    width: 100%;
    padding-right: 0;
    text-align: center; } }

/* ============================================ *
 * Mini Product List
 * ============================================ */
.mini-products-list .product-image {
  float: left;
  min-width: 50px; }

.mini-products-list .product-details {
  margin-left: 60px; }

.mini-products-list .product-details .product-name {
  padding-top: 10px; }

.mini-products-list li {
  margin-bottom: 10px;
  clear: both; }
  .mini-products-list li:after:before, .mini-products-list li:after:after {
    content: " ";
    display: table; }
  .mini-products-list li:after:after {
    clear: both; }

.mini-products-images-list:after:before, .mini-products-images-list:after:after {
  content: " ";
  display: table; }

.mini-products-images-list:after:after {
  clear: both; }

.mini-products-images-list li.item {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 5px 10px 0; }
  .mini-products-images-list li.item:nth-child(even) {
    padding-right: 0;
    padding-left: 5px; }
  .mini-products-images-list li.item .product-image {
    display: block; }
    .mini-products-images-list li.item .product-image img {
      width: 100%;
      max-width: 100%; }

/* ============================================ *
 * Catalog - List
 * ============================================ */
.category-info-container {
  background-size: cover;
  background-position: center center;
  padding: 38px 0 49px;
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
  position: relative; }
  @media only screen and (max-width: 768px) {
    .category-info-container {
      padding: 38px 0 69px; } }
  .category-info-container:not(.has-image) {
    background-image: none !important; }
  .category-info-container.has-image {
    color: white;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); }
    .category-info-container.has-image h1, .category-info-container.has-image a {
      color: white; }
  .category-info-container a {
    text-decoration: underline;
    text-transform: none; }
  .category-info-container .category-info {
    max-width: 560px;
    margin: 0 auto;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .category-info-container .category-info .category-description {
        padding: 0 20px; } }
  .category-info-container p {
    margin-bottom: 12px; }
  .category-info-container h1 {
    /* OLYMPUS CAMERAS: */
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 40px;
    letter-spacing: 5px;
    line-height: 48px;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 12px; }
    @media only screen and (max-width: 768px) {
      .category-info-container h1 {
        font-size: 29px;
        line-height: 38.65px;
        padding-bottom: 22px; } }
    .category-info-container h1:after {
      content: "";
      height: 3px;
      width: 50%;
      max-width: 192px;
      background: #E9B226;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media only screen and (max-width: 768px) {
        .category-info-container h1:after {
          height: 4px; } }
  .category-info-container .category-icon {
    display: inline-block;
    margin-bottom: 8px; }

/* ============================================ *
 * Layered Navigation
 * ============================================ */
.block-layered-nav {
  margin: 0; }
  .block-layered-nav .close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer; }
    .block-layered-nav .close:after {
      content: "";
      background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -109px 0;
      height: 12px;
      width: 12px;
      display: block; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
        .block-layered-nav .close:after {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }
    .block-layered-nav .close:hover:after {
      background-position: -207px 0; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .close {
        display: none; } }
  .block-layered-nav .block-title {
    width: 138px;
    float: left;
    padding: 0 14px 0 65px;
    line-height: 34px;
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    position: relative;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .block-title {
        margin-left: calc(25% - 69px); } }
    .block-layered-nav .block-title span {
      font-size: 16px;
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
      text-transform: uppercase; }
    .block-layered-nav .block-title:after {
      content: "";
      width: 100%;
      height: 0;
      background: #525255;
      position: absolute;
      top: 40px;
      left: 0; }
    html:not(.touch) .block-layered-nav .block-title:hover:after {
      height: 6px; }
    .block-layered-nav .block-title:before {
      content: "";
      background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -1px -728px;
      height: 24px;
      width: 36px;
      display: block;
      position: absolute;
      top: 6px;
      left: 11px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
        .block-layered-nav .block-title:before {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }
    .toolbar-top.hover:not(.filter-open) .block-layered-nav .block-title strong, .toolbar-top.hover:not(.filter-open) .block-layered-nav .block-title strong span {
      color: #e7e7ea; }
    .toolbar-top.hover:not(.filter-open) .block-layered-nav .block-title:before {
      background-position: -42px -728px; }
    .toolbar-top.hover:not(.filter-open) .block-layered-nav .block-title:hover strong, .toolbar-top.hover:not(.filter-open) .block-layered-nav .block-title:hover strong span {
      color: #141414; }
    .toolbar-top.hover:not(.filter-open) .block-layered-nav .block-title:hover:before {
      background-position: -1px -728px; }
    .toolbar-top.hover:not(.filter-open) .block-layered-nav .block-title:hover:after {
      height: 6px; }
    .toolbar-top.filter-open .block-layered-nav .block-title .sorter .sort-by label {
      color: #e7e7ea; }
      .toolbar-top.filter-open .block-layered-nav .block-title .sorter .sort-by label:before {
        background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -53px -702px; }
    .toolbar-top.filter-open .block-layered-nav .block-title strong, .toolbar-top.filter-open .block-layered-nav .block-title strong span {
      color: #141414; }
    .toolbar-top.filter-open .block-layered-nav .block-title:before {
      background-position: -1px -728px; }
    .toolbar-top.filter-open .block-layered-nav .block-title:after {
      height: 6px; }

.toolbar-top.filter-open:not(.hover) .sorter .sort-by label {
  color: #e7e7ea; }
  .toolbar-top.filter-open:not(.hover) .sorter .sort-by label:before {
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -53px -702px; }

.block-layered-nav .block-subtitle--filter {
  display: none;
  margin: 0;
  margin-bottom: 10px;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 18.5px;
  font-style: normal;
  line-height: 21px;
  text-rendering: optimizeSpeed;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #CFCFD5;
  position: relative;
  background-color: #F3F3F4;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .block-layered-nav .block-subtitle--filter {
      font-size: 16px; } }
  .block-layered-nav .block-subtitle--filter:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #777777;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px; }
  .block-layered-nav .block-subtitle--filter:hover {
    background-color: shade(#F3F3F4, 3%); }

.block-layered-nav .block-content {
  position: absolute;
  width: 100%;
  left: 0;
  top: 66px;
  margin: 0;
  background: #E7E7EA;
  z-index: 10;
  display: block;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }
  .block-layered-nav .block-content .toggle-tabs {
    display: none; }
  .block-layered-nav .block-content > dl > dt {
    margin: 0;
    margin-bottom: 10px;
    color: #141414;
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 18.5px;
    font-style: normal;
    line-height: 21px;
    text-rendering: optimizeSpeed;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #CFCFD5;
    position: relative;
    background-color: #F3F3F4;
    display: block; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .block-content > dl > dt {
        font-size: 16px; } }
    .block-layered-nav .block-content > dl > dt:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      display: block;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      border-top: 4px solid #777777;
      border-bottom: none;
      left: 10px;
      top: 50%;
      margin-top: -3px; }
    .block-layered-nav .block-content > dl > dt:hover {
      background-color: shade(#F3F3F4, 3%); }
  .block-layered-nav .block-content > dl > dd {
    padding: 12px;
    margin: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #CFCFD5; }
  .block-layered-nav .block-content > dl > dd:last-child {
    border-width: 0 1px 1px 1px; }
  @media only screen and (max-width: 768px) {
    .block-layered-nav .block-content {
      padding: 0 22px;
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; } }
  .block-layered-nav .block-content.active {
    max-height: 1800px;
    padding: 2.451% 0 2.451% 1.8791%;
    border-bottom: 2px solid #909294; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .block-content.active {
        max-height: 5000px;
        padding: 0 22px 44px;
        border-bottom: 0; } }

.block-layered-nav .actions ~ .block-content {
  top: 142px; }

.block-layered-nav dl dt {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #141414;
  line-height: 30px;
  text-transform: uppercase;
  border-bottom: 2px solid #909294;
  margin-bottom: 7px; }
  @media only screen and (max-width: 768px) {
    .block-layered-nav dl dt {
      font-size: 15px;
      line-height: 63px;
      margin: 0;
      border-bottom: 1px solid #141414;
      position: relative; }
      .block-layered-nav dl dt:after, .block-layered-nav dl dt:before {
        content: "";
        width: 11px;
        height: 1px;
        position: absolute;
        right: 0;
        top: 31px;
        background: #141414;
        -webkit-transition: all 600ms;
        transition: all 600ms; }
      .block-layered-nav dl dt:before {
        height: 11px;
        width: 1px;
        top: 26px;
        right: 5px; }
      .block-layered-nav dl dt.active:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .block-layered-nav dl dt.active:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); } }

.block-layered-nav dl dd {
  margin-bottom: 30px;
  border-bottom: 1px solid #909294; }
  @media only screen and (max-width: 768px) {
    .block-layered-nav dl dd {
      margin: 0;
      display: none;
      border-bottom: 0; } }
  .block-layered-nav dl dd ol {
    max-height: 110px;
    overflow: auto;
    display: block; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav dl dd ol {
        max-height: inherit;
        margin-top: 12px; } }
    .block-layered-nav dl dd ol::-webkit-scrollbar {
      width: 11px;
      height: 0; }
    .block-layered-nav dl dd ol::-webkit-scrollbar-track {
      background: #CFCFD5;
      border: 1px solid #E7E7EA; }
    .block-layered-nav dl dd ol::-webkit-scrollbar-thumb {
      background: #525255; }
  .block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a {
    display: block;
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    color: #141414;
    line-height: 22px;
    text-transform: capitalize; }
    .block-layered-nav dl dd ol > li > span:hover, .block-layered-nav dl dd ol > li > a:hover {
      text-decoration: none;
      color: #08107B; }
  .block-layered-nav dl dd ol > li > a .count {
    display: none; }

.block-layered-nav dl .layer-item {
  width: 23%;
  margin-right: 2%;
  display: inline-block;
  float: left; }
  .block-layered-nav dl .layer-item .price {
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(2) a {
    -webkit-transition-delay: 70ms;
            transition-delay: 70ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(3) a {
    -webkit-transition-delay: 140ms;
            transition-delay: 140ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(4) a {
    -webkit-transition-delay: 210ms;
            transition-delay: 210ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(5) a {
    -webkit-transition-delay: 280ms;
            transition-delay: 280ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(6) a {
    -webkit-transition-delay: 350ms;
            transition-delay: 350ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(7) a {
    -webkit-transition-delay: 420ms;
            transition-delay: 420ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(8) a {
    -webkit-transition-delay: 490ms;
            transition-delay: 490ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(9) a {
    -webkit-transition-delay: 560ms;
            transition-delay: 560ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(10) a {
    -webkit-transition-delay: 630ms;
            transition-delay: 630ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(11) a {
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms; }
  .block-layered-nav dl .layer-item ol li:nth-of-type(12) a {
    -webkit-transition-delay: 770ms;
            transition-delay: 770ms; }
  .block-layered-nav dl .layer-item ol li a {
    -webkit-transition: all 70ms linear;
    transition: all 70ms linear;
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
    background: rgba(1, 1, 1, 0.3); }
    .block-layered-nav dl .layer-item ol li a:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 768px) {
    .block-layered-nav dl .layer-item {
      width: 100%;
      float: none;
      margin: 0; } }

.block-layered-nav .active dl .layer-item ol li a {
  background: rgba(1, 1, 1, 0);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg); }

@media only screen and (max-width: 768px) {
  .sidebar .block.block-layered-nav {
    border-bottom: none; }
  .block-layered-nav .block-content > dl > dt {
    cursor: pointer;
    border-bottom-width: 0; }
    .block-layered-nav .block-content > dl > dt:hover {
      color: #777777; }
    .block-layered-nav .block-content > dl > dt:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      display: block;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 4px solid #777777;
      border-right: none; }
    .block-layered-nav .block-content > dl > dt.last {
      border-bottom-width: 1px; }
  .block-layered-nav .block-content > dl > dd {
    display: none; }
  .block-layered-nav .block-content.accordion-open > dl > dt.current {
    border-bottom-width: 1px; }
  .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #777777;
    border-bottom: none;
    left: 6px;
    top: 50%;
    margin-top: -3px; }
  .block-layered-nav .block-content.accordion-open > dl > dd.current {
    display: block; }
  #narrow-by-list:after,
  #narrow-by-list2:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .block-layered-nav dl ol > li > a,
  .block-layered-nav dl ol > li > span {
    padding: 7px;
    margin: 5px; } }
  @media only screen and (max-width: 768px) and (max-width: 768px) {
    .block-layered-nav dl ol > li > a,
    .block-layered-nav dl ol > li > span {
      padding: 0;
      margin: 0; } }

@media only screen and (max-width: 768px) {
  .block-layered-nav dl ol > li > a {
    color: #141414;
    background-color: #F3F3F4;
    padding: 5px 10px; } }
  @media only screen and (max-width: 768px) and (max-width: 768px) {
    .block-layered-nav dl ol > li > a {
      padding: 0;
      line-height: 20px; } }

@media only screen and (max-width: 768px) {
    .block-layered-nav dl ol > li > a:hover {
      text-decoration: none;
      background: shade(#F3F3F4, 3%); } }

.block-layered-nav .currently-container {
  position: absolute;
  top: 66px;
  left: 0;
  width: 100%;
  background: #E7E7EA;
  z-index: 5; }

.block-layered-nav .currently {
  max-width: 100%;
  margin: 0 auto;
  padding: 22px 20px 16px; }
  .block-layered-nav .currently:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  @media only screen and (max-width: 768px) {
    .block-layered-nav .currently {
      text-align: center;
      padding-top: 7px; } }
  .block-layered-nav .currently .block-subtitle {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    color: #141414;
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 18.5px;
    font-style: normal;
    line-height: 21px;
    text-rendering: optimizeSpeed;
    float: left;
    margin: 0 16px 0 0;
    text-transform: uppercase;
    font-size: 15px;
    color: #141414;
    line-height: 32px; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .currently .block-subtitle {
        font-size: 16px; } }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .currently .block-subtitle {
        margin: 0 0 5px;
        float: none;
        font-size: 14px; } }
  .block-layered-nav .currently ol {
    margin-bottom: 0;
    float: left;
    width: 50%;
    width: calc(100% - 286px); }
    .block-layered-nav .currently ol:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .currently ol {
        width: 100%;
        float: none; } }
  .block-layered-nav .currently ol li {
    margin-bottom: 6px;
    background: #F3F3F4;
    border-radius: 3px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    text-transform: uppercase;
    float: left;
    margin-right: 30px;
    line-height: 32px;
    padding-right: 12px; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .currently ol li {
        width: 100%;
        text-align: left;
        margin: 0 0 20px;
        float: none;
        line-height: 40px;
        font-size: 16px;
        text-transform: none; } }
    .block-layered-nav .currently ol li .label {
      font-weight: bold;
      display: none; }
    .block-layered-nav .currently ol li .value {
      line-height: 32px; }
    .block-layered-nav .currently ol li:after:before, .block-layered-nav .currently ol li:after:after {
      content: " ";
      display: table; }
    .block-layered-nav .currently ol li:after:after {
      clear: both; }
  .block-layered-nav .currently .btn-remove {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 6px 0 0;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .currently .btn-remove {
        line-height: 40px;
        height: 40px;
        width: 40px; } }
    .block-layered-nav .currently .btn-remove:hover:after, .block-layered-nav .currently .btn-remove:active:after {
      color: white; }
    .block-layered-nav .currently .btn-remove:after {
      content: "✕";
      display: inline-block;
      position: static;
      top: auto;
      left: auto;
      vertical-align: middle;
      font-size: 13px;
      font-weight: lighter; }
      @media only screen and (max-width: 768px) {
        .block-layered-nav .currently .btn-remove:after {
          vertical-align: top;
          color: #141414;
          line-height: 40px; } }
  .block-layered-nav .currently .btn-filters {
    float: right;
    padding: 0 14px;
    line-height: 30px;
    height: 30px; }
    @media only screen and (max-width: 768px) {
      .block-layered-nav .currently .btn-filters {
        display: none; } }
    .block-layered-nav .currently .btn-filters.mobile {
      display: none;
      width: 160px;
      font-size: 14px;
      text-align: center;
      margin: 0 auto;
      float: none;
      height: 34px;
      line-height: 34px; }
      @media only screen and (max-width: 768px) {
        .block-layered-nav .currently .btn-filters.mobile {
          display: block; } }

.block-layered-nav .actions {
  text-align: right;
  margin-bottom: 9px;
  display: none; }

.block-layered-nav dl {
  clear: both; }

/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */
.cart-msrp-totals {
  color: red;
  font-size: 12px !important;
  font-weight: bold;
  margin: 10px 10px 0;
  padding: 10px;
  text-align: right;
  text-transform: uppercase; }

.map-cart-sidebar-total {
  color: red;
  display: block;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  padding: 2px 5px; }

.map-popup {
  background: #FFFFFF;
  border: 5px solid #CFCFD5;
  margin: 12px 0 0;
  position: absolute;
  text-align: left;
  width: 450px;
  z-index: 100; }
  @media only screen and (min-width: 769px) {
    .map-popup.map-popup-right {
      left: 10px !important; }
    .map-popup.map-popup-left {
      left: auto !important;
      right: 10px !important; } }
  @media only screen and (max-width: 768px) {
    .map-popup {
      width: 100%;
      left: 0px !important; } }
  .map-popup .map-popup-heading {
    padding: 8px 10px;
    margin-right: 40px;
    width: auto; }
    .map-popup .map-popup-heading h3 {
      font-size: 14px;
      margin: 0;
      overflow: hidden;
      white-space: nowrap;
      word-wrap: break-word;
      text-align: left;
      text-overflow: ellipsis; }
      @media only screen and (max-width: 479px) {
        .map-popup .map-popup-heading h3 {
          text-align: center; } }
  .map-popup .map-popup-close {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 36px;
    width: 36px;
    font-size: 20px;
    line-height: 32px;
    text-align: center; }
  .map-popup .map-popup-content {
    border-top: 1px solid #F3F3F4;
    padding: 10px;
    margin: 0 10px;
    overflow: hidden;
    text-align: left; }
    @media only screen and (max-width: 479px) {
      .map-popup .map-popup-content {
        text-align: center; } }
  .map-popup .map-popup-checkout {
    padding: 10px 0; }
    .map-popup .map-popup-checkout form:after:before, .map-popup .map-popup-checkout form:after:after {
      content: " ";
      display: table; }
    .map-popup .map-popup-checkout form:after:after {
      clear: both; }
    .map-popup .map-popup-checkout span {
      display: block; }
    .map-popup .map-popup-checkout .button {
      float: left;
      margin: 0 2px;
      clear: left; }
    .map-popup .map-popup-checkout .additional-addtocart-box {
      float: left;
      min-width: 210px; }
      .map-popup .map-popup-checkout .additional-addtocart-box li {
        list-style-type: none; }
    .map-popup .map-popup-checkout .paypal-logo {
      width: auto; }
      .map-popup .map-popup-checkout .paypal-logo a {
        display: inline-block;
        float: left;
        clear: left; }
      .map-popup .map-popup-checkout .paypal-logo .paypal-or {
        float: left;
        text-align: center;
        padding: 5px 15px;
        clear: left; }
      .map-popup .map-popup-checkout .paypal-logo:after:before, .map-popup .map-popup-checkout .paypal-logo:after:after {
        content: " ";
        display: table; }
      .map-popup .map-popup-checkout .paypal-logo:after:after {
        clear: both; }
      .map-popup .map-popup-checkout .paypal-logo .bml_button a {
        clear: left; }
    @media only screen and (max-width: 479px) {
      .map-popup .map-popup-checkout {
        text-align: center; }
        .map-popup .map-popup-checkout .button,
        .map-popup .map-popup-checkout .additional-addtocart-box,
        .map-popup .map-popup-checkout .paypal-logo a,
        .map-popup .map-popup-checkout .paypal-logo .paypal-or {
          float: none; }
        .map-popup .map-popup-checkout .additional-addtocart-box {
          min-width: 0px; }
        .map-popup .map-popup-checkout .paypal-logo .paypal-or {
          margin: 0px;
          margin-bottom: 10px; } }
    .map-popup .map-popup-checkout:after:before, .map-popup .map-popup-checkout:after:after {
      content: " ";
      display: table; }
    .map-popup .map-popup-checkout:after:after {
      clear: both; }
  .map-popup .map-popup-price {
    padding: 10px 0; }
    @media only screen and (max-width: 479px) {
      .map-popup .map-popup-price {
        text-align: center;
        padding-top: 0px; } }
    .map-popup .map-popup-price .price-box,
    .map-popup .map-popup-price .price-box .special-price {
      display: inline-block;
      margin: 0;
      padding: 0; }
    .map-popup .map-popup-price .price-box .minimal-price-link {
      display: inline-block; }
  .map-popup .map-popup-text {
    padding: 10px 0;
    margin: 0 10px;
    word-wrap: break-word; }
  .map-popup .map-popup-text,
  .map-popup .map-popup-only-text {
    border-top: 1px solid #F3F3F4; }

/* ============================================ *
 * Catalog - MSRP Product Listing
 * ============================================ */
.price-box .map-link {
  display: block;
  text-align: center; }

/* ============================================ *
 * Catalog - Compare
 * ============================================ */
.block-compare .product-name:after:before, .block-compare .product-name:after:after {
  content: " ";
  display: table; }

.block-compare .product-name:after:after {
  clear: both; }

.compare-table .product-image {
  display: inline-block; }

.compare-table .product-shop-row.top td {
  padding-bottom: 0;
  border-bottom: 0; }

.compare-table .product-shop-row.bottom td {
  padding-top: 0; }

/* ============================================ *
 * Slideshow
 * ============================================ */
.slideshow-container {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #F3F3F4; }
  .slideshow-container .slideshow {
    width: 100%;
    padding: 0;
    position: relative;
    margin: 0;
    border: 10px solid #FFFFFF; }
    .slideshow-container .slideshow > li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0;
      display: block;
      margin: 0; }
      .slideshow-container .slideshow > li:first-child {
        position: static;
        z-index: 100; }
      .slideshow-container .slideshow > li img {
        max-width: 100%;
        width: 100%; }

.slideshow-pager {
  text-align: center;
  width: 100%;
  z-index: 115;
  position: absolute;
  bottom: 0px;
  top: auto;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .slideshow-pager span {
    font-family: arial;
    width: 44px;
    height: 44px;
    display: inline-block;
    color: #DDDDDD;
    cursor: pointer; }
    .slideshow-pager span:before {
      content: '';
      display: block;
      width: 16px;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-left: -8px;
      margin-top: -8px;
      border-radius: 1px;
      background-color: #FFFFFF;
      position: relative; }
    .slideshow-pager span:hover:before {
      background-color: #060d63; }
    .slideshow-pager span.cycle-pager-active:before {
      background-color: #050a4b; }
  .slideshow-pager > * {
    cursor: pointer; }

.slideshow-prev,
.slideshow-next {
  position: absolute;
  top: 0;
  width: 15%;
  max-width: 80px;
  height: 100%;
  opacity: 0.6;
  z-index: 110;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .slideshow-prev:before,
  .slideshow-next:before {
    content: '';
    width: 0;
    height: 0;
    font-size: 0;
    position: absolute;
    border-style: solid;
    display: block;
    top: 50%;
    margin-top: -15px; }
  .slideshow-prev:hover,
  .slideshow-next:hover {
    opacity: 1; }
  .slideshow-prev.disabled,
  .slideshow-next.disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default; }

.slideshow-prev {
  left: 8px; }
  .slideshow-prev:before {
    border-width: 15px 15px 15px 0;
    border-color: transparent #FFFFFF transparent transparent;
    top: 50%;
    left: 10px; }
  .slideshow-prev:hover:before {
    border-color: transparent #060d63 transparent transparent; }

.slideshow-next {
  right: 8px; }
  .slideshow-next:before {
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #FFFFFF;
    top: 50%;
    right: 10px; }
  .slideshow-next:hover:before {
    border-color: transparent transparent transparent #060d63; }

.cycle-caption {
  position: absolute;
  color: white;
  bottom: 15px;
  right: 15px;
  z-index: 110; }

.cycle-overlay {
  font-family: tahoma, arial;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 120;
  background: black;
  color: white;
  padding: 15px;
  opacity: .5; }

/* ============================================ *
 * Checkout - Mini cart
 * ============================================ */
.header-minicart {
  width: 33.3%;
  float: left;
  display: block;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .header-minicart {
      width: 60px;
      float: right;
      position: static; } }
  .header-minicart .skip-link {
    float: none;
    width: 100%; }
  @media only screen and (max-width: 768px) {
    .header-minicart {
      display: block; } }
  .header-minicart .minicart-message {
    display: block;
    padding: 12px; }
    @media only screen and (max-width: 768px) {
      .header-minicart .minicart-message {
        padding-left: 0px;
        position: absolute;
        top: 0px;
        z-index: 999;
        background-color: white;
        width: 84%;
        right: 0;
        padding: 10px 10px 0 10px;
        height: 60px; } }
  .header-minicart .empty {
    padding: 12px;
    text-align: center;
    font-weight: lighter; }
  .header-minicart .minicart-wrapper {
    clear: both;
    position: relative;
    background-color: white; }
    .header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after {
      content: '';
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      display: none; }
    .header-minicart .minicart-wrapper:before {
      background-color: white;
      opacity: 0.8;
      z-index: 2; }
    .header-minicart .minicart-wrapper:after {
      background-image: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/opc-ajax-loader.gif");
      background-repeat: no-repeat;
      background-position: center;
      z-index: 3; }
    .header-minicart .minicart-wrapper.loading {
      position: relative; }
      .header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after {
        display: block; }
    .header-minicart .minicart-wrapper .block-discount-msg {
      color: #08107B;
      line-height: 18px;
      text-align: center;
      text-transform: capitalize;
      margin-top: 5px;
      font-weight: lighter;
      font-size: 12px;
      font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      @media only screen and (max-width: 768px) {
        .header-minicart .minicart-wrapper .block-discount-msg {
          border-bottom: 1px solid #CFCFD5;
          margin: 5px 0 0;
          padding-bottom: 10px; } }
  .header-minicart .block-cart {
    display: none; }
  .header-minicart .block-subtitle {
    color: #909294;
    line-height: 60px;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-weight: lighter;
    font-size: 12px;
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    @media only screen and (max-width: 768px) {
      .header-minicart .block-subtitle {
        border-bottom: 1px solid #CFCFD5;
        margin: 0; } }
    .header-minicart .block-subtitle .close {
      width: 40px;
      float: right;
      display: none;
      color: #141414;
      text-decoration: none;
      font-weight: normal;
      font-size: 30px;
      position: absolute;
      top: -8px;
      right: -1px; }
      @media only screen and (max-width: 768px) {
        .header-minicart .block-subtitle .close {
          display: block; } }
  .header-minicart .mini-products-list {
    padding: 15px;
    padding-top: 0px; }
    @media only screen and (max-width: 768px) {
      .header-minicart .mini-products-list {
        padding: 24px 12px; } }
    .header-minicart .mini-products-list li {
      position: relative;
      margin: 0; }
      .header-minicart .mini-products-list li:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0; }
      @media only screen and (max-width: 768px) {
        .header-minicart .mini-products-list li {
          margin-bottom: 12px; } }
      @media only screen and (max-width: 768px) {
        .header-minicart .mini-products-list li.last {
          margin-bottom: 0; } }
      .header-minicart .mini-products-list li .product-details {
        position: relative; }
        .header-minicart .mini-products-list li .product-details .info-wrapper {
          font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
        .header-minicart .mini-products-list li .product-details .product-name a {
          font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
      .header-minicart .mini-products-list li .remove {
        position: absolute;
        top: 0;
        right: 0px;
        background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -109px 0;
        height: 12px;
        width: 12px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
          .header-minicart .mini-products-list li .remove {
            background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
            background-size: 300px 1200px; } }
        .header-minicart .mini-products-list li .remove:hover {
          background-position: -207px 0; }
    @media only screen and (max-width: 768px) {
      .header-minicart .mini-products-list .truncated:after, .header-minicart .mini-products-list .truncated_full_value:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0; } }
    @media only screen and (max-width: 768px) {
      .header-minicart .mini-products-list .item-options {
        position: static;
        top: auto;
        left: auto;
        float: left;
        width: 100%;
        padding: 8px 0 0; }
        .header-minicart .mini-products-list .item-options:after {
          visibility: hidden;
          display: block;
          content: "";
          clear: both;
          height: 0; } }
    @media only screen and (max-width: 768px) {
      .header-minicart .mini-products-list .item-options dt, .header-minicart .mini-products-list .item-options dd {
        font-weight: normal;
        font-size: 12px;
        padding: 0 0 0 8px;
        color: #777777;
        margin: 0 0 0 4px; } }
    @media only screen and (max-width: 768px) {
      .header-minicart .mini-products-list .item-options dt {
        color: #525255; } }
  .header-minicart .product-image {
    width: 20.8333%;
    min-width: 60px;
    border: none; }
    .header-minicart .product-image img {
      width: 100%; }
  .header-minicart .product-details {
    margin-left: 75px;
    min-height: 50px;
    margin-bottom: 10px; }
    @media only screen and (max-width: 768px) {
      .header-minicart .product-details {
        margin-left: calc(20.833% + 16px);
        margin-bottom: 0;
        min-height: 0; } }
    .header-minicart .product-details .details {
      display: none; }
    .header-minicart .product-details .product-name {
      margin: 0 0 5px;
      padding: 0 22px 0 0;
      color: #141414;
      line-height: 14px;
      font-size: 14px;
      font-weight: 300;
      font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .header-minicart .product-details .price {
      color: black;
      line-height: 18px; }
  .header-minicart .info-wrapper th {
    display: none; }
  .header-minicart .info-wrapper td {
    color: #141414;
    clear: right; }
  .header-minicart .info-wrapper .quantity-button {
    opacity: 0;
    -webkit-transition-property: compact(opacity, false, false, false, false, false, false, false, false, false);
    transition-property: compact(opacity, false, false, false, false, false, false, false, false, false);
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms; }
    .header-minicart .info-wrapper .quantity-button[disabled] {
      cursor: default; }
    .header-minicart .info-wrapper .quantity-button.visible {
      opacity: 1; }
  .header-minicart .subtotal:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .header-minicart .subtotal .label {
    text-transform: capitalize;
    display: block;
    width: 46.3415%;
    float: left;
    text-align: right;
    padding-right: 11px;
    margin-top: 8px;
    font-size: 12px;
    color: #808080;
    line-height: 14px;
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    @media only screen and (max-width: 768px) {
      .header-minicart .subtotal .label {
        padding-right: 12px; } }
  .header-minicart .subtotal .price {
    color: black;
    font-size: 18px;
    display: block;
    width: 53.6585%;
    float: left; }
  .header-minicart .minicart-actions {
    padding: 12px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    text-align: center; }
    .header-minicart .minicart-actions .checkout-types {
      width: 48.8462%;
      float: right; }
    .header-minicart .minicart-actions .checkout-button, .header-minicart .minicart-actions .cart-link {
      padding: 0;
      line-height: 37px;
      width: 100%;
      color: white;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 300;
      border-radius: 4px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      box-shadow: inset 0 -1px 0 #525255; }
      @media only screen and (max-width: 768px) {
        .header-minicart .minicart-actions .checkout-button, .header-minicart .minicart-actions .cart-link {
          line-height: 47px; } }
      @media only screen and (max-width: 479px) {
        .header-minicart .minicart-actions .checkout-button, .header-minicart .minicart-actions .cart-link {
          line-height: 37px; } }
    .header-minicart .minicart-actions .cart-link {
      background-color: #808080;
      width: 46.9231%;
      float: left;
      /*@include bp(max-width, $bp-medium) { width: percentage(110/264); }*/ }
    .header-minicart .minicart-actions .paypal-logo .paypal-or {
      line-height: 1.6;
      display: none; }
    .header-minicart .minicart-actions p.paypal-logo {
      padding-top: 15px;
      display: inline-block; }
      .header-minicart .minicart-actions p.paypal-logo:before {
        content: "-OR-";
        display: block;
        margin-left: -4px; }
      .header-minicart .minicart-actions p.paypal-logo img {
        padding-top: 15px;
        display: inline-block; }
    .header-minicart .minicart-actions li > .paypal-logo {
      display: none; }
  .header-minicart #minicart-error-message {
    text-align: center;
    color: red;
    display: none; }
  .header-minicart #minicart-success-message {
    text-align: center;
    color: green;
    display: none; }
  .header-minicart .jcarousel-control-prev,
  .header-minicart .jcarousel-control-next {
    display: none; }

.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
  display: block; }

@media only screen and (min-width: 769px) {
  .checkout-types.minicart {
    float: none;
    text-align: center; } }

@media only screen and (max-width: 479px) {
  .header-minicart a.skip-cart {
    z-index: 1; } }

@media only screen and (max-width: 768px) {
  .header-minicart .subtotal .label {
    color: #808080;
    font-weight: 300; }
  .header-minicart .minicart-wrapper:before {
    background-color: #EDEDED; }
  .header-minicart .quantity-button {
    float: none; }
  .header-minicart .header-minicart .block-cart {
    padding: 10px; }
  .header-minicart .header-minicart .block-subtitle {
    line-height: 60px; }
  .header-minicart .minicart-actions {
    padding: 14px 22px; }
    .header-minicart .minicart-actions .checkout-types.minicart li {
      display: block; }
      .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a {
        display: inline; }
      .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button {
        display: inline-block;
        vertical-align: top; }
      .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
        width: auto;
        float: none;
        display: none;
        margin: 0 10px 5px 10px;
        line-height: 40px; } }

/* ============================================ *
 * Search - Auto Suggest
 * ============================================ */
.search-autocomplete {
  left: 20px !important;
  overflow: visible !important;
  position: relative !important;
  top: 0 !important;
  width: 100%;
  max-width: 400px; }
  .search-autocomplete ul {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid #CFCFD5;
    left: 0;
    padding-left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200;
    max-height: 200px;
    overflow-y: scroll; }
    .search-autocomplete ul::-webkit-scrollbar {
      width: 12px;
      /* for vertical scrollbars */
      height: 12px;
      /* for horizontal scrollbars */ }
    .search-autocomplete ul::-webkit-scrollbar-track {
      background: #FFF; }
    .search-autocomplete ul::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.6); }
    .search-autocomplete ul li {
      color: #777777;
      cursor: pointer;
      font-size: 11px;
      line-height: 38px;
      padding-left: 12px;
      text-align: left;
      font-size: 14px;
      color: #141414;
      text-transform: capitalize; }
      .search-autocomplete ul li:hover {
        background: #F3F3F4; }
      .search-autocomplete ul li.selected {
        color: #777777;
        background-color: #E7E7EA; }
      .search-autocomplete ul li .amount {
        display: none; }
      .search-autocomplete ul li:last-child {
        border-bottom: none; }

/* ============================================ *
 * Search - Advanced
 * ============================================ */
.advanced-search {
  background: #F3F3F4;
  border: 1px solid #F3F3F4;
  padding: 24px; }
  .advanced-search select.multiselect option {
    border-bottom: 1px solid #F3F3F4;
    padding: 2px 5px; }

@media only screen and (max-width: 479px) {
  .advanced-search {
    padding: 10px; } }

/* ============================================ *
 * CMS Pages
 * ============================================ */
.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
  border: none; }

.cms-page-view .std img,
.cms-no-route .std img {
  max-width: 100%; }

.cms-page-view .std p,
.cms-no-route .std p {
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 24px; }

.cms-page-view .std h1,
.cms-no-route .std h1 {
  color: #141414; }

.cms-page-view .std h2,
.cms-no-route .std h2 {
  color: #141414; }

.cms-page-view .std li,
.cms-no-route .std li {
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 24px; }

.cms-page-view .col-left:after:before, .cms-page-view .col-left:after:after,
.cms-no-route .col-left:after:before,
.cms-no-route .col-left:after:after {
  content: " ";
  display: table; }

.cms-page-view .col-left:after:after,
.cms-no-route .col-left:after:after {
  clear: both; }

.cms-no-route .std img {
  width: 100%; }

.cms-page-view .std .messages,
.cms-home .std .messages,
.cms-no-route .std .messages {
  margin-bottom: 12px; }
  .cms-page-view .std .messages ul,
  .cms-home .std .messages ul,
  .cms-no-route .std .messages ul {
    margin-bottom: 0; }
  .cms-page-view .std .messages li,
  .cms-home .std .messages li,
  .cms-no-route .std .messages li {
    list-style: none;
    margin-left: 0;
    font-style: normal;
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

#accordion .toggle-tabs {
  display: none; }

#accordion > dl > dt {
  margin: 0;
  margin-bottom: 10px;
  color: #141414;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 18.5px;
  font-style: normal;
  line-height: 21px;
  text-rendering: optimizeSpeed;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #CFCFD5;
  position: relative;
  background-color: #F3F3F4;
  display: block; }
  @media only screen and (max-width: 768px) {
    #accordion > dl > dt {
      font-size: 16px; } }
  #accordion > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #777777;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px; }
  #accordion > dl > dt:hover {
    background-color: shade(#F3F3F4, 3%); }

#accordion > dl > dd {
  padding: 12px;
  margin: 0;
  border-width: 0 1px;
  border-style: solid;
  border-color: #CFCFD5; }

#accordion > dl > dd:last-child {
  border-width: 0 1px 1px 1px; }

#accordion li {
  position: relative;
  overflow: hidden; }
  #accordion li .plusimage h2 {
    margin-right: 10px; }

.page-sitemap .links {
  display: block;
  text-align: right;
  margin: 0 20px 0 0; }
  .page-sitemap .links a {
    position: relative; }

.page-sitemap .sitemap {
  padding: 0 20px;
  margin: 15px 0;
  font-size: 11px; }
  .page-sitemap .sitemap li {
    margin: 3px 0; }

.contacts-index-index h1 {
  border: none; }

#contactForm {
  padding-left: 40px; }
  #contactForm h2 {
    display: none; }
  #contactForm:after:before, #contactForm:after:after {
    content: " ";
    display: table; }
  #contactForm:after:after {
    clear: both; }
  #contactForm .fieldset .legend + .required {
    margin: 0; }

@media only screen and (max-width: 768px) {
  #contactForm {
    padding-left: 0; } }

/* ============================================ *
 * Pricing Conditions
 * ============================================ */
.price-box .minimal-price-link .label {
  color: #990000;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase; }

.map-info {
  white-space: nowrap; }

.catalog-product-view .map-info {
  white-space: normal; }
  .catalog-product-view .map-info > span {
    float: right;
    margin-bottom: 5px; }
  .catalog-product-view .map-info .price-box.map-info > a {
    float: right;
    width: 100%; }

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner {
  padding-bottom: 0; }
  .notice-cookie .notice-inner:after:before, .notice-cookie .notice-inner:after:after {
    content: " ";
    display: table; }
  .notice-cookie .notice-inner:after:after {
    clear: both; }

.notice-cookie .notice-text {
  float: left;
  max-width: 90%;
  padding-top: 4px;
  text-align: left; }
  .notice-cookie .notice-text p {
    padding-bottom: 15px;
    line-height: 1.3; }

.notice-cookie .actions {
  float: left;
  text-align: right;
  padding-bottom: 15px; }

@media only screen and (max-width: 1024px) {
  .notice-cookie .notice-text {
    max-width: 86%; } }

@media only screen and (max-width: 768px) {
  .notice-cookie {
    padding: 0 20px; }
    .notice-cookie .notice-text {
      max-width: 82%;
      padding-top: 0; } }

@media only screen and (max-width: 620px) {
  .notice-cookie {
    padding: 0 20px; }
    .notice-cookie .notice-inner {
      background-position: left 10px; }
      .notice-cookie .notice-inner:after:before, .notice-cookie .notice-inner:after:after {
        content: " ";
        display: table; }
      .notice-cookie .notice-inner:after:after {
        clear: both; }
    .notice-cookie .notice-text {
      float: none;
      max-width: 100%;
      padding-top: 0; }
    .notice-cookie .actions {
      text-align: left; } }

/* ============================================ *
 * Widgets
 * ============================================ */
/* -------------------------------------------- *
 * Add to cart by SKU
 */
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
      max-width: 100px; } }

.widget {
  clear: both; }

.widget .pager {
  float: none;
  width: 100%; }

@media only screen and (min-width: 1200px) {
  .col2-left-layout .col-main .widget,
  .col2-right-layout .col-main .widget,
  .col3-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */ }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
      clear: none; }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
      clear: none; }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
      margin-right: 1.3158%; }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
      margin-right: 1.3158%; }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
      width: 24.0132%;
      margin-right: 1.3158%; }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
      clear: left; }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
      margin-right: 0; }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
      clear: none; }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
      clear: none; }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
      margin-right: 1.3158%; }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
      margin-right: 1.3158%; }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
      width: 18.9474%;
      margin-right: 1.3158%; }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
      clear: left; }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
      margin-right: 0; } }

@media only screen and (min-width: 768px) {
  .col1-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */ }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
      clear: none; }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
      clear: none; }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
      margin-right: 1.3158%; }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
      margin-right: 1.3158%; }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
      width: 24.0132%;
      margin-right: 1.3158%; }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
      clear: left; }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
      margin-right: 0; }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
      clear: none; }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
      clear: none; }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
      margin-right: 1.3158%; }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
      margin-right: 1.3158%; }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
      width: 18.9474%;
      margin-right: 1.3158%; }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
      clear: left; }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
      margin-right: 0; } }

/* ============================================ *
 * General Enterprise Styles
 * ============================================ */
.global-site-notice div.notice-inner {
  background-image: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/demo-logo.png"); }

/* ============================================ *
 * Reward
 * ============================================ */
.rewards {
  margin-bottom: 24px; }

.reward-message {
  background-color: #777777;
  display: block;
  margin: 5px 0;
  padding: 3px 12px;
  color: #e6e6e6;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
  .reward-message.reward-checkout {
    margin-bottom: 12px; }
  .reward-message p {
    display: inline;
    font-size: 12px; }
    .reward-message p.limit {
      display: block;
      font-size: 11px;
      font-style: italic; }
  .reward-message a {
    color: #e6e6e6;
    text-decoration: underline; }

.my-rewards h2 {
  position: relative;
  line-height: 1.7; }
  .my-rewards h2 .separator {
    display: none; }
  .my-rewards h2 a {
    white-space: nowrap;
    float: right;
    margin: 0 0 5px 10px; }

.my-rewards .box {
  margin-bottom: 20px; }
  .my-rewards .box.info-box {
    border-bottom: 1px solid #F3F3F4;
    padding-bottom: 12px; }
    .my-rewards .box.info-box dt {
      font-weight: bold;
      margin-bottom: 0;
      margin-top: 12px;
      text-transform: none; }

@media only screen and (max-width: 1024px) {
  .my-rewards #reward-history small.nobr {
    white-space: normal; } }

@media only screen and (max-width: 599px) {
  .my-rewards #reward-history small {
    display: none; }
  .my-rewards #reward-history th.balance,
  .my-rewards #reward-history td.balance,
  .my-rewards #reward-history th.date,
  .my-rewards #reward-history td.date {
    display: none; } }

/* ============================================ *
 * Calendar styles (restore styles from /js/calendar)
 * ============================================ */
div.calendar table {
  border-collapse: separate; }
  div.calendar table td.button {
    display: table-cell;
    background: inherit;
    color: inherit;
    text-transform: none; }

@charset "UTF-8";
@font-face {
  font-family: "Helvetica LT W01 Light";
  src: url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/3a74c169-76ee-4223-b4b4-aac92e8da5ec.eot?#iefix");
  src: url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/3a74c169-76ee-4223-b4b4-aac92e8da5ec.eot?#iefix") format("eot"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/37953885-0443-4c72-a693-9152a9f5a901.woff2") format("woff2"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/fcce277c-07e2-4c88-ad8b-a71b484e2cbe.woff") format("woff"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/315bbeb9-a30f-4f38-91ae-d6cfbbf89437.ttf") format("truetype"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/507e1538-09ae-429d-a77c-b0fd539aea7f.svg#507e1538-09ae-429d-a77c-b0fd539aea7f") format("svg"); }

@font-face {
  font-family: "Helvetica LT W01 Roman";
  src: url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/05598d95-f297-4c7f-a825-ab617e7e045f.eot?#iefix");
  src: url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/05598d95-f297-4c7f-a825-ab617e7e045f.eot?#iefix") format("eot"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/89294146-207c-4803-91fe-338f0d0094bd.woff2") format("woff2"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/57055fe4-c2d3-4287-bac2-eece43fdcbd3.woff") format("woff"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/2922d55c-8df4-4066-b7b0-eec2d1524330.ttf") format("truetype"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/f8343ddf-e94d-471e-95b0-3b435acc2499.svg#f8343ddf-e94d-471e-95b0-3b435acc2499") format("svg"); }

/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*/
@font-face {
  font-family: "SSStandard";
  src: url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/ss-standard.eot");
  src: url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/ss-standard.woff") format("woff"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/ss-standard.ttf") format("truetype"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/ss-standard.svg#SSStandard") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/icomoon.eot?a5cstm");
  src: url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/icomoon.eot?a5cstm#iefix") format("embedded-opentype"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/icomoon.ttf?a5cstm") format("truetype"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/icomoon.woff?a5cstm") format("woff"), url("http://www.getolympus.com/skin/frontend/blueacorn/site/fonts/icomoon.svg?a5cstm#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-reward:before {
  content: "\e906"; }

.icon-delete:before {
  content: "\e905"; }

.icon-omd:before {
  content: "\e904"; }

.icon-plus2:before {
  content: "\e903"; }

.icon-navigateright:before {
  content: "\e902"; }

.icon-chat:before {
  content: "\e901"; }

.icon-navigateleft:before {
  content: "\e900"; }

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

/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) { 
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) { 
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) { 
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) { 
    div { color:#888; }
}

// ----------------------------------------------
*/
/**
 * Hides an element with "mobile" class on desktop, sets it to @param $displayType on mobile.
 */
/**
 * Hides element on mobile
 */
.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

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

@-webkit-keyframes bounce {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes bounce {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-blur-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }

@keyframes fade-blur-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }

@-webkit-keyframes grow-in {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes grow-in {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes bounce-fade {
  0%, 3%, 15%, 25% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  11% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  18% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounce-fade {
  0%, 3%, 15%, 25% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  11% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  18% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounce-triangle {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
    -ms-transform: translateY(-20px) rotate(-45deg);
    transform: translateY(-20px) rotate(-45deg); }
  50% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); } }

@keyframes bounce-triangle {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
    -ms-transform: translateY(-20px) rotate(-45deg);
    transform: translateY(-20px) rotate(-45deg); }
  50% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes shake {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px); }
  50% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px); } }

@keyframes shake {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px); }
  50% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px); } }

@-webkit-keyframes tooltip-fade-in {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes tooltip-fade-in {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes map-heart-fade {
  0% {
    top: -15px;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0; }
  15% {
    opacity: 1; }
  20% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  40% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  60% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  80% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  85% {
    opacity: 1; }
  100% {
    top: -40px;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); } }

@keyframes map-heart-fade {
  0% {
    top: -15px;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0; }
  15% {
    opacity: 1; }
  20% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  40% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  60% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  80% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  85% {
    opacity: 1; }
  100% {
    top: -40px;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); } }

@-webkit-keyframes map-cloud-one {
  0% {
    left: 30%; }
  15% {
    left: 0%; }
  65% {
    left: 100%; }
  100% {
    left: 30%; } }

@keyframes map-cloud-one {
  0% {
    left: 30%; }
  15% {
    left: 0%; }
  65% {
    left: 100%; }
  100% {
    left: 30%; } }

@-webkit-keyframes map-cloud-two {
  0% {
    left: 75%; }
  12.5% {
    left: 100%; }
  62.5% {
    left: 0%; }
  100% {
    left: 75%; } }

@keyframes map-cloud-two {
  0% {
    left: 75%; }
  12.5% {
    left: 100%; }
  62.5% {
    left: 0%; }
  100% {
    left: 75%; } }

@-webkit-keyframes map-hotspot-blip {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); } }

@keyframes map-hotspot-blip {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); } }

@-webkit-keyframes map-drawing-float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  75% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes map-drawing-float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  75% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 69px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 69px; }
  100% {
    top: 59px; } }

@keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 69px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 69px; }
  100% {
    top: 59px; } }

@-webkit-keyframes fip-on {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes fip-on {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes fade-in-slide-up-lower {
  0% {
    opacity: 0;
    top: 70px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 70px; }
  100% {
    top: 60px; } }

@keyframes fade-in-slide-up-lower {
  0% {
    opacity: 0;
    top: 70px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 70px; }
  100% {
    top: 60px; } }

@-webkit-keyframes fade-out-slide-down {
  0% {
    opacity: 1;
    top: 50px; }
  19% {
    opacity: 1; }
  20% {
    opacity: 0;
    top: 60px; }
  100% {
    top: 60px; } }

@keyframes fade-out-slide-down {
  0% {
    opacity: 1;
    top: 50px; }
  19% {
    opacity: 1; }
  20% {
    opacity: 0;
    top: 60px; }
  100% {
    top: 60px; } }

@-webkit-keyframes dropdown-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes dropdown-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); } }

@-webkit-keyframes grow-fade-in {
  0% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes grow-fade-in {
  0% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes continue-bounce {
  0%, 20%, 50%, 80%, 100% {
    bottom: 0; }
  40% {
    bottom: 12px; }
  60% {
    bottom: 6px; } }

@keyframes continue-bounce {
  0%, 20%, 50%, 80%, 100% {
    bottom: 0; }
  40% {
    bottom: 12px; }
  60% {
    bottom: 6px; } }

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after:before, .clearfix:after:after,
.configurable-swatch-list:after:before,
.configurable-swatch-list:after:after,
.product-view .product-options .swatch-attr:after:before,
.product-view .product-options .swatch-attr:after:after {
  content: " ";
  display: table; }

.clearfix:after:after,
.configurable-swatch-list:after:after,
.product-view .product-options .swatch-attr:after:after {
  clear: both; }

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #141414;
  text-decoration: none;
  box-sizing: content-box; }

.swatch-link {
  border: 1px solid #CFCFD5;
  margin: 0 0 3px; }
  .swatch-link img {
    border-radius: 2px; }
  .swatch-link:hover {
    cursor: pointer;
    text-decoration: none; }
  .swatch-link .x {
    display: none;
    text-indent: -999em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/bg_x.png) center no-repeat transparent;
    z-index: 10; }
  .swatch-link.has-image .swatch-label {
    position: relative; }
  .swatch-link.has-image img {
    position: absolute;
    top: 0;
    left: 0; }

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #F3F3F4; }

.configurable-swatch-list {
  margin-left: -3px;
  zoom: 1;
  clear: both;
  -webkit-transform: translateZ(0px); }
  .configurable-swatch-list li {
    float: left;
    zoom: 1;
    margin: 0 0 0 3px; }
  .products-grid .configurable-swatch-list li {
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: top; }
  .configurable-swatch-list .not-available .x {
    display: block; }
  .configurable-swatch-list .not-available .swatch-link {
    border-color: #F3F3F4;
    position: relative; }
    .configurable-swatch-list .not-available .swatch-link.has-image img {
      opacity: 0.4;
      filter: alpha(opacity=40); }
  .configurable-swatch-list .not-available .swatch-label {
    color: #aaa;
    background: #fff; }
  .configurable-swatch-list .wide-swatch .swatch-label {
    padding: 0 6px; }
  .configurable-swatch-list .not-available a:focus {
    outline: 0; }

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%; }

#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left; }
  #narrow-by-list dd .swatch-link.has-image {
    line-height: inherit; }
  #narrow-by-list dd .swatch-link:hover .swatch-label {
    border-color: #E9B226; }

#narrow-by-list dd .swatch-label {
  background: #F3F3F4;
  border: 1px solid #CFCFD5;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap; }
  #narrow-by-list dd .swatch-label img {
    border: 1px solid #fff;
    border-radius: 3px;
    box-sizing: content-box; }

#narrow-by-list dd .has-image .swatch-label {
  padding: 0; }

@media only screen and (max-width: 768px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left; } }

.currently .swatch-current {
  position: relative; }
  .currently .swatch-current .btn-remove {
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%; }
  .currently .swatch-current span {
    display: block;
    float: left; }

.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px; }
  .currently .swatch-link:hover {
    border-color: #CFCFD5;
    cursor: default; }

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #E9B226; }

.configurable-swatch-box {
  background: none !important; }
  .configurable-swatch-box select.swatch-select {
    display: none; }
  .configurable-swatch-box .validation-advice {
    margin: 0 0 5px;
    background: #990000;
    padding: 2px 5px !important;
    font-weight: bold;
    color: #fff !important;
    float: left;
    display: block;
    border-radius: 3px; }

/* CUSTOM */
.availability.out-of-stock span {
  color: #909294; }

.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0; }
  .product-view .product-options .swatch-attr label,
  .product-view .product-options .swatch-attr .select-label {
    font-size: 11px; }
  .product-view .product-options .swatch-attr label {
    display: block;
    line-height: 1.3; }
  .product-view .product-options .swatch-attr .select-label {
    display: inline;
    font-weight: normal;
    color: #141414;
    padding-left: 5px; }

.product-view .product-options dd .input-box {
  width: auto;
  height: auto; }

.product-view .product-options .select-label {
  display: none; }

.product-view .add-to-cart button.out-of-stock {
  background-position: -80px -362px;
  cursor: default; }

/* ============================================ *
 * Wishlist
 * ============================================ */
#wishlist-table th {
  text-align: center; }

#wishlist-table.clean-table {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  width: 100%; }
  #wishlist-table.clean-table th {
    border-bottom: 1px solid #CFCFD5; }
  #wishlist-table.clean-table td {
    padding: 15px;
    vertical-align: top; }
  #wishlist-table.clean-table thead th {
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase; }

#wishlist-table .product-name {
  font-size: 25px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  margin-bottom: 0;
  text-transform: uppercase; }
  #wishlist-table .product-name a {
    color: #777777; }

#wishlist-table .wishlist-sku {
  font-size: 10px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  margin: 5px 0; }

#wishlist-table textarea {
  border: 1px solid #CFCFD5;
  width: 100%;
  height: 45px;
  font-size: 10px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
  #wishlist-table textarea::-webkit-input-placeholder {
    text-transform: uppercase; }
  #wishlist-table textarea:-moz-placeholder {
    text-transform: uppercase; }
  #wishlist-table textarea::-moz-placeholder {
    text-transform: uppercase; }
  #wishlist-table textarea:-ms-input-placeholder {
    text-transform: uppercase; }
  #wishlist-table textarea:focus {
    border: 1px solid #CFCFD5; }

#wishlist-table .item-manage {
  text-align: right;
  max-width: 450px;
  padding-top: 5px; }
  #wishlist-table .item-manage .button {
    font-size: 10px;
    padding: 3px 5px; }

#wishlist-table .cart-cell {
  text-align: center; }

#wishlist-table td.customer-wishlist-item-image {
  width: 113px; }

#wishlist-table td.customer-wishlist-item-quantity {
  width: 3em; }

#wishlist-table td.customer-wishlist-item-price {
  width: 120px;
  text-align: center; }

#wishlist-table td.customer-wishlist-item-cart {
  width: 150px; }
  #wishlist-table td.customer-wishlist-item-cart .button {
    font-size: 11px;
    margin-bottom: 10px;
    padding: 3px 5px;
    width: 100%; }
  #wishlist-table td.customer-wishlist-item-cart .truncated {
    margin-bottom: 10px; }
  #wishlist-table td.customer-wishlist-item-cart > p {
    margin-bottom: 0; }
  #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
    text-align: center; }
  #wishlist-table td.customer-wishlist-item-cart .btn-remove {
    vertical-align: top; }

#wishlist-table td.customer-wishlist-item-remove {
  width: 20px; }

#wishlist-table td .button,
#wishlist-table td button {
  white-space: normal; }

#wishlist-table .price-box {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 11px; }
  #wishlist-table .price-box .price {
    color: #141414; }

#wishlist-table .giftregisty-add {
  margin-top: 5px; }
  #wishlist-table .giftregisty-add .change {
    display: none; }
  #wishlist-table .giftregisty-add li {
    cursor: pointer;
    color: #777777;
    margin-bottom: 3px; }

#wishlist-table .truncated .details {
  background: none;
  color: #777777; }

#wishlist-table td[data-rwd-label]:before {
  font-weight: 600; }

@media only screen and (max-width: 1200px) {
  #wishlist-table.clean-table td {
    padding-left: 12px;
    padding-right: 12px; } }

@media only screen and (max-width: 1024px) {
  #wishlist-table.clean-table td {
    padding-left: 5px;
    padding-right: 5px; }
    #wishlist-table.clean-table td textarea {
      height: 100px; }
    #wishlist-table.clean-table td.customer-wishlist-item-cart {
      width: 110px; }
  #wishlist-table .product-name {
    font-size: 12px; } }

@media only screen and (max-width: 768px) {
  #wishlist-table:after:before, #wishlist-table:after:after {
    content: " ";
    display: table; }
  #wishlist-table:after:after {
    clear: both; }
  #wishlist-table .product-name {
    font-size: 25px; }
  #wishlist-table textarea {
    height: 68px;
    max-width: 100%; }
  #wishlist-table .item-manage {
    max-width: 100%; }
  #wishlist-table tr {
    position: relative; }
    #wishlist-table tr:after:before, #wishlist-table tr:after:after {
      content: " ";
      display: table; }
    #wishlist-table tr:after:after {
      clear: both; }
  #wishlist-table td.customer-wishlist-item-image {
    width: 70px; }
    #wishlist-table td.customer-wishlist-item-image img {
      width: 70px;
      height: 70px; }
  #wishlist-table td.customer-wishlist-item-cart p {
    margin-bottom: 0; }
  #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
    margin-right: 0;
    padding-top: 4px; }
  #wishlist-table td.customer-wishlist-item-cart {
    padding-right: 15px; } }

@media only screen and (max-width: 599px) {
  #wishlist-table td.customer-wishlist-item-quantity {
    padding-left: 0; }
  #wishlist-table td.customer-wishlist-item-image,
  #wishlist-table th.customer-wishlist-item-image {
    display: none; } }

@media only screen and (max-width: 479px) {
  #wishlist-table tr {
    position: relative; }
  #wishlist-table th.customer-wishlist-item-image {
    display: block; }
  #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    empty-cells: hide; }
  #wishlist-table td.customer-wishlist-item-image {
    display: block;
    overflow: hidden; }
    #wishlist-table td.customer-wishlist-item-image a {
      float: left; }
      #wishlist-table td.customer-wishlist-item-image a img {
        width: 113px;
        height: 113px; }
  #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price {
    text-align: left; }
    #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before {
      float: left;
      margin-right: 10px; }
    #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell {
      text-align: left; }
    #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box {
      margin-top: 0; }
  #wishlist-table td.customer-wishlist-item-cart .cart-cell {
    float: left;
    width: 48%; }
  #wishlist-table td.customer-wishlist-item-cart > p {
    float: right;
    width: 48%; }
  #wishlist-table td.customer-wishlist-item-remove {
    position: absolute;
    top: 15px;
    right: 0px;
    display: block;
    padding: 0px;
    height: 20px; }
  #wishlist-table.clean-table td.customer-wishlist-item-cart {
    width: 100%; } }

/* ============================================ *
 * Wishlist Sidebar
 * ============================================ */
.block-wishlist .mini-products-list > li:not(:last-child) {
  padding-bottom: 5px; }

.block-wishlist .product-details .product-name {
  padding-top: 0;
  margin-bottom: 5px; }

.block-wishlist .price-box {
  float: left;
  margin: 0; }

.block-wishlist .price-box,
.block-wishlist .price-box .price,
.block-wishlist .link-cart {
  font-size: 11px; }

.block-wishlist .link-cart {
  float: left;
  text-transform: uppercase;
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #F3F3F4; }

/* ============================================ *
 * Enterprise Wishlist Styles
 * ============================================ */
/* Customer Account Styles */
#wishlist_edit_action_container {
  left: 0;
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 99999; }
  #wishlist_edit_action_container .popup-block {
    background: #F4F4F4;
    border: 1px solid #CCCCCC;
    display: block;
    margin: 0 auto;
    padding: 2% 20px;
    width: 100%;
    max-width: 500px;
    min-width: 320px; }
    #wishlist_edit_action_container .popup-block .block-title {
      padding-top: 0;
      border-top: 0; }
      #wishlist_edit_action_container .popup-block .block-title .btn-close {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer; }

.wishlist-actions-container {
  width: 100%;
  margin-bottom: 12px; }
  .wishlist-actions-container:before, .wishlist-actions-container:after {
    content: " ";
    display: table; }
  .wishlist-actions-container:after {
    clear: both; }
  .wishlist-actions-container .sub-title {
    float: left; }
    .wishlist-actions-container .sub-title .item-count {
      text-transform: none;
      margin-left: 12px; }
    .wishlist-actions-container .sub-title .wishlist-edit {
      margin-left: 12px;
      font-size: 18px; }
  .wishlist-actions-container .btn-create {
    float: right; }

.wishlist-management .table-caption {
  width: 100%;
  border-bottom: 1px solid #CFCFD5;
  font-size: 25px; }
  .wishlist-management .table-caption:before, .wishlist-management .table-caption:after {
    content: " ";
    display: table; }
  .wishlist-management .table-caption:after {
    clear: both; }
  .wishlist-management .table-caption .sub-title {
    float: left;
    padding-bottom: 5px; }
    .wishlist-management .table-caption .sub-title:after {
      content: ':'; }
  .wishlist-management .table-caption #wishlists-select,
  .wishlist-management .table-caption #wishlists-move,
  .wishlist-management .table-caption #wishlists-copy {
    float: left;
    margin-left: 12px;
    position: relative;
    padding-bottom: 5px; }
    .wishlist-management .table-caption #wishlists-select .split-button-title,
    .wishlist-management .table-caption #wishlists-move .split-button-title,
    .wishlist-management .table-caption #wishlists-copy .split-button-title {
      display: inline; }
    .wishlist-management .table-caption #wishlists-select .change,
    .wishlist-management .table-caption #wishlists-move .change,
    .wishlist-management .table-caption #wishlists-copy .change {
      margin-left: 12px;
      font-size: 18px; }
    .wishlist-management .table-caption #wishlists-select .list-container,
    .wishlist-management .table-caption #wishlists-move .list-container,
    .wishlist-management .table-caption #wishlists-copy .list-container {
      width: auto;
      left: auto;
      right: 0; }
      .wishlist-management .table-caption #wishlists-select .list-container li,
      .wishlist-management .table-caption #wishlists-move .list-container li,
      .wishlist-management .table-caption #wishlists-copy .list-container li {
        padding: 2px 12px; }
        .wishlist-management .table-caption #wishlists-select .list-container li a,
        .wishlist-management .table-caption #wishlists-select .list-container li span,
        .wishlist-management .table-caption #wishlists-move .list-container li a,
        .wishlist-management .table-caption #wishlists-move .list-container li span,
        .wishlist-management .table-caption #wishlists-copy .list-container li a,
        .wishlist-management .table-caption #wishlists-copy .list-container li span {
          font-size: 18px;
          padding: 0; }
        .wishlist-management .table-caption #wishlists-select .list-container li:last-child,
        .wishlist-management .table-caption #wishlists-move .list-container li:last-child,
        .wishlist-management .table-caption #wishlists-copy .list-container li:last-child {
          border-bottom: 0; }
  .wishlist-management .table-caption #wishlists-move,
  .wishlist-management .table-caption #wishlists-copy {
    float: right; }
    .wishlist-management .table-caption #wishlists-move .split-button-title,
    .wishlist-management .table-caption #wishlists-copy .split-button-title {
      display: none; }

.wishlist-management + .fieldset .buttons-set button {
  margin-bottom: 12px; }

.fieldset .wishlist-empty {
  margin-bottom: 24px; }

#wishlist-table .item-manage .split-button {
  float: right;
  margin-left: 24px;
  margin-bottom: 3px; }
  #wishlist-table .item-manage .split-button .change:after {
    top: 5px; }
  #wishlist-table .item-manage .split-button .list-container {
    left: auto;
    right: 0;
    width: auto; }
    #wishlist-table .item-manage .split-button .list-container li span {
      padding: 0 12px; }
  #wishlist-table .item-manage .split-button ~ .btn-update {
    clear: right;
    float: right;
    margin-top: 12px; }

@media only screen and (max-width: 479px) {
  body.customer-account .my-account .my-wishlist .fieldset {
    margin-top: 10px; }
  #wishlist-table .item-manage .split-button {
    float: left;
    margin-right: 24px;
    margin-left: 0;
    margin-top: 10px; }
    #wishlist-table .item-manage .split-button .list-container {
      left: 0;
      right: auto; }
    #wishlist-table .item-manage .split-button ~ .btn-update {
      clear: left;
      float: left; }
  #wishlist-table thead {
    display: none; }
  .customer-wishlist-item-info .item-manage {
    width: 100%; }
    .customer-wishlist-item-info .item-manage:before, .customer-wishlist-item-info .item-manage:after {
      content: " ";
      display: table; }
    .customer-wishlist-item-info .item-manage:after {
      clear: both; } }

.wishlist-search-view h2.subtitle {
  margin-top: 20px;
  margin-bottom: 5px; }

.wishlist-search-view .info-table .nobr {
  margin-right: 30px; }

.wishlist-search-view #wishlist-table.clean-table td {
  max-width: 100%; }
  .wishlist-search-view #wishlist-table.clean-table td p.qty {
    text-align: center;
    width: 100%; }
  .wishlist-search-view #wishlist-table.clean-table td .price-box {
    margin: 0; }

.wishlist-search-view #wishlist-table.clean-table th {
  padding-left: 2px;
  padding-right: 2px; }

.wishlist-search-view .truncated .truncated_full_value .item-options {
  left: -40px; }

@media only screen and (max-width: 768px) {
  .wishlist-search-view #wishlist-table.clean-table td {
    max-width: 100px;
    word-wrap: break-word; } }

@media only screen and (max-width: 599px) {
  .wishlist-search-view #wishlist-table.clean-table td {
    padding: 6px 10px; }
    .wishlist-search-view #wishlist-table.clean-table td p.qty {
      text-align: left; }
    .wishlist-search-view #wishlist-table.clean-table td .price-box {
      margin: 0;
      float: left;
      width: 100%;
      margin-bottom: 15px; }
  .wishlist-search-view .customer-wishlist-item-comment {
    width: 100%;
    clear: both; } }

@media only screen and (max-width: 479px) {
  .wishlist-search-view #wishlist-table.clean-table td {
    max-width: 100%; } }

/* Store Front Styles */
.split-button {
  position: relative; }
  .split-button .split-button-title {
    display: none; }
  .split-button .change {
    padding-right: 13px;
    min-height: 25px;
    position: relative; }
    .split-button .change:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      display: block;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      border-top: 4px solid #777777;
      border-bottom: none;
      content: '';
      right: 0;
      top: 8px; }
    .split-button .change.active:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      display: block;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      border-bottom: 4px solid #777777;
      border-top: none; }
  .split-button .list-container {
    display: none;
    width: 120%;
    max-width: 320px;
    min-width: 175px;
    position: absolute;
    left: -10%;
    top: 100%;
    background: #FBFBFB;
    border: 1px solid #CFCFD5;
    text-align: center;
    z-index: 99999999; }
    .split-button .list-container li {
      border-bottom: 1px solid #F3F3F4; }
      .split-button .list-container li span,
      .split-button .list-container li a {
        color: #777777;
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
        position: relative;
        font-size: 14px;
        cursor: pointer;
        display: block;
        padding: 5px 12px;
        white-space: normal;
        text-transform: none; }
        .split-button .list-container li span:hover,
        .split-button .list-container li a:hover {
          color: #030733; }
    .split-button .list-container li.new {
      background-color: #F3F3F4; }
      .split-button .list-container li.new span:before,
      .split-button .list-container li.new a:before {
        content: '+ '; }
  .split-button.active .list-container {
    display: block; }

.products-grid .split-button .list-container {
  width: 115%; }
  .products-grid .split-button .list-container li span,
  .products-grid .split-button .list-container li a {
    font-size: 11px; }

.products-list .split-button .list-container {
  width: auto; }

.product-view .split-button .change {
  padding-right: 20px; }
  .product-view .split-button .change:after {
    right: 7px; }

.product-view .split-button .list-container {
  width: auto; }
  .product-view .split-button .list-container li {
    float: none;
    margin-bottom: 0; }

@media only screen and (min-width: 601px) {
  .products-list .split-button .list-container {
    left: auto;
    right: -10%; } }

@media only screen and (max-width: 600px) {
  .products-list .split-button .list-container {
    left: -10%;
    right: auto; } }

@media only screen and (max-width: 599px) {
  .cart-table .split-button .list-container {
    width: auto;
    top: auto;
    bottom: 0;
    left: 100%; } }

/* ============================================ *
 * Tags
 * ============================================ */
#addTagForm button {
  margin-top: 5px;
  margin-bottom: 10px; }

#addTagForm .form-add {
  margin-top: 10px; }

.product-tags {
  background-color: #F3F3F4;
  border: 1px solid #CFCFD5;
  float: left;
  margin-bottom: 10px;
  padding: 5px 1% 10px;
  width: 98%; }

.product-tags li {
  float: left;
  margin-right: 15px; }

.product-tags li.last {
  margin-right: 0px; }

.tags-list {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

.tags-list > li {
  float: left;
  margin-right: 10px; }

.block-tags .actions > a {
  font-size: 12px; }

.my-tag-edit .button.btn-remove {
  padding: 0; }
  .my-tag-edit .button.btn-remove:after {
    color: white; }

@media only screen and (max-width: 768px) {
  .tags-list > li,
  .tags-list {
    float: none; } }

/* ============================================ *
 * Popular Search Terms Cloud
 * ============================================ */
.catalogsearch-term-popular .tags-list {
  float: left;
  width: 100%; }

.catalogsearch-term-popular .tags-list > li {
  float: left;
  height: 40px;
  margin-right: 25px; }

.cms-index-index, .catalog-category-view {
  background-color: #FFF;
  /** Loading ajax image **/ }
  .cms-index-index .video-container, .catalog-category-view .video-container {
    position: relative;
    padding-bottom: 37.5%;
    height: 0;
    overflow: hidden; }
    @media only screen and (max-width: 599px) {
      .cms-index-index .video-container, .catalog-category-view .video-container {
        padding-bottom: 74.5%; } }
  .cms-index-index .video-container iframe,
  .cms-index-index .video-container object,
  .cms-index-index .video-container embed,
  .cms-index-index .video-container video, .catalog-category-view .video-container iframe,
  .catalog-category-view .video-container object,
  .catalog-category-view .video-container embed,
  .catalog-category-view .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 599px) {
      .cms-index-index .video-container iframe,
      .cms-index-index .video-container object,
      .cms-index-index .video-container embed,
      .cms-index-index .video-container video, .catalog-category-view .video-container iframe,
      .catalog-category-view .video-container object,
      .catalog-category-view .video-container embed,
      .catalog-category-view .video-container video {
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%; } }
  .cms-index-index .main-container, .catalog-category-view .main-container {
    padding: 0; }
    .cms-index-index .main-container .main, .catalog-category-view .main-container .main {
      max-width: 1600px; }
      @media only screen and (max-width: 599px) {
        .cms-index-index .main-container .main, .catalog-category-view .main-container .main {
          margin: 6px 6px 0 6px; }
          .cms-index-index .main-container .main .col-main, .catalog-category-view .main-container .main .col-main {
            margin-bottom: 0; } }
  .cms-index-index .widget-banner img, .catalog-category-view .widget-banner img {
    width: auto; }
  .cms-index-index .homepage-banner, .catalog-category-view .homepage-banner {
    position: relative; }
    @media only screen and (min-width: 1600px) {
      .cms-index-index .homepage-banner, .catalog-category-view .homepage-banner {
        padding-right: 1%;
        padding-left: 1%; } }
    .cms-index-index .homepage-banner .banner-image-container, .catalog-category-view .homepage-banner .banner-image-container {
      height: 600px; }
      @media only screen and (max-width: 599px) {
        .cms-index-index .homepage-banner .banner-image-container, .catalog-category-view .homepage-banner .banner-image-container {
          height: 308px !important; } }
    .cms-index-index .homepage-banner div.gradient, .catalog-category-view .homepage-banner div.gradient {
      background-image: url("http://www.getolympus.com/skin/frontend/blueacorn/site/images/blueacorn/bg-fade.png");
      background-repeat: repeat-x;
      background-position: bottom;
      position: absolute;
      width: 100%;
      height: 100%;
      bottom: 0; }
    .cms-index-index .homepage-banner .blurred, .catalog-category-view .homepage-banner .blurred {
      position: absolute;
      width: 100%;
      height: 600px;
      -webkit-transform: translate3d(0, 0, 0);
      opacity: 0;
      background-position: 50% 33%;
      background-size: cover;
      top: 0; }
      @media only screen and (max-width: 599px) {
        .cms-index-index .homepage-banner .blurred, .catalog-category-view .homepage-banner .blurred {
          height: 308px !important; } }
    .cms-index-index .homepage-banner .banner-content-container, .catalog-category-view .homepage-banner .banner-content-container {
      position: absolute;
      bottom: 48px;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      max-width: 550px;
      text-shadow: 0 1px 1px #000;
      width: 100%; }
      .cms-index-index .homepage-banner .banner-content-container h1, .cms-index-index .homepage-banner .banner-content-container p, .catalog-category-view .homepage-banner .banner-content-container h1, .catalog-category-view .homepage-banner .banner-content-container p {
        color: #ffffff; }
      .cms-index-index .homepage-banner .banner-content-container h1, .catalog-category-view .homepage-banner .banner-content-container h1 {
        margin-bottom: 0;
        line-height: 42px;
        pointer-events: none; }
        @media only screen and (max-width: 599px) {
          .cms-index-index .homepage-banner .banner-content-container h1, .catalog-category-view .homepage-banner .banner-content-container h1 {
            line-height: 52px; } }
      .cms-index-index .homepage-banner .banner-content-container p, .catalog-category-view .homepage-banner .banner-content-container p {
        font-size: 1.1429rem;
        margin-bottom: 22px;
        line-height: 22px;
        pointer-events: none; }
        @media only screen and (max-width: 599px) {
          .cms-index-index .homepage-banner .banner-content-container p, .catalog-category-view .homepage-banner .banner-content-container p {
            display: none; } }
      .cms-index-index .homepage-banner .banner-content-container .rule, .catalog-category-view .homepage-banner .banner-content-container .rule {
        display: inline-block;
        width: 172px;
        height: 3px;
        background: #E9B226;
        margin-bottom: 2px;
        pointer-events: none; }
        @media only screen and (max-width: 599px) {
          .cms-index-index .homepage-banner .banner-content-container .rule, .catalog-category-view .homepage-banner .banner-content-container .rule {
            margin-bottom: 7px; } }
      @media only screen and (max-width: 599px) {
        .cms-index-index .homepage-banner .banner-content-container, .catalog-category-view .homepage-banner .banner-content-container {
          bottom: 24px; }
          .cms-index-index .homepage-banner .banner-content-container .button.btn-ghost, .catalog-category-view .homepage-banner .banner-content-container .button.btn-ghost {
            padding: 10px 22px; } }
  .cms-index-index .quadrants-container, .catalog-category-view .quadrants-container {
    padding-top: 12px;
    width: 100%;
    background: #fff;
    -webkit-transform: translateZ(10px);
    -ms-transform: translateZ(10px);
    transform: translateZ(10px); }
    @media only screen and (max-width: 599px) {
      .cms-index-index .quadrants-container, .catalog-category-view .quadrants-container {
        padding-top: 6px; } }
    .cms-index-index .quadrants-container .quad-one,
    .cms-index-index .quadrants-container .quad-two,
    .cms-index-index .quadrants-container .quad-three,
    .cms-index-index .quadrants-container .quad-four, .catalog-category-view .quadrants-container .quad-one,
    .catalog-category-view .quadrants-container .quad-two,
    .catalog-category-view .quadrants-container .quad-three,
    .catalog-category-view .quadrants-container .quad-four {
      width: 50%;
      display: block;
      float: left; }
      @media only screen and (max-width: 800px) {
        .cms-index-index .quadrants-container .quad-one,
        .cms-index-index .quadrants-container .quad-two,
        .cms-index-index .quadrants-container .quad-three,
        .cms-index-index .quadrants-container .quad-four, .catalog-category-view .quadrants-container .quad-one,
        .catalog-category-view .quadrants-container .quad-two,
        .catalog-category-view .quadrants-container .quad-three,
        .catalog-category-view .quadrants-container .quad-four {
          width: 100%; } }
      .cms-index-index .quadrants-container .quad-one > div,
      .cms-index-index .quadrants-container .quad-two > div,
      .cms-index-index .quadrants-container .quad-three > div,
      .cms-index-index .quadrants-container .quad-four > div, .catalog-category-view .quadrants-container .quad-one > div,
      .catalog-category-view .quadrants-container .quad-two > div,
      .catalog-category-view .quadrants-container .quad-three > div,
      .catalog-category-view .quadrants-container .quad-four > div {
        display: inline-block; }
    @media only screen and (max-width: 599px) {
      .cms-index-index .quadrants-container .quad-four, .catalog-category-view .quadrants-container .quad-four {
        display: none; } }
    .cms-index-index .quadrants-container div[class^="quad"]:nth-child(even), .catalog-category-view .quadrants-container div[class^="quad"]:nth-child(even) {
      padding-right: 1%;
      padding-left: 0.5%; }
      @media only screen and (max-width: 599px) {
        .cms-index-index .quadrants-container div[class^="quad"]:nth-child(even), .catalog-category-view .quadrants-container div[class^="quad"]:nth-child(even) {
          padding-right: 0;
          padding-left: 0; } }
    .cms-index-index .quadrants-container div[class^="quad"]:nth-child(odd), .catalog-category-view .quadrants-container div[class^="quad"]:nth-child(odd) {
      padding-left: 1%;
      padding-right: 0.5%; }
      @media only screen and (max-width: 599px) {
        .cms-index-index .quadrants-container div[class^="quad"]:nth-child(odd), .catalog-category-view .quadrants-container div[class^="quad"]:nth-child(odd) {
          padding-right: 0;
          padding-left: 0; } }
    .cms-index-index .quadrants-container:before, .cms-index-index .quadrants-container:after, .catalog-category-view .quadrants-container:before, .catalog-category-view .quadrants-container:after {
      content: " ";
      display: table; }
    .cms-index-index .quadrants-container:after, .catalog-category-view .quadrants-container:after {
      clear: both; }
  .cms-index-index div[class^="grid"], .catalog-category-view div[class^="grid"] {
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
    transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out; }
    @media only screen and (min-width: 769px) {
      .cms-index-index div[class^="grid"].static, .catalog-category-view div[class^="grid"].static {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
    @media only screen and (max-width: 768px) {
      .cms-index-index div[class^="grid"].static-mobile, .catalog-category-view div[class^="grid"].static-mobile {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
    .cms-index-index div[class^="grid"].visible, .catalog-category-view div[class^="grid"].visible {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .cms-index-index div[class^="grid"].no-mobile > img, .catalog-category-view div[class^="grid"].no-mobile > img {
      display: block; }
    @media only screen and (max-width: 599px) {
      .cms-index-index div[class^="grid"].hide-mobile, .catalog-category-view div[class^="grid"].hide-mobile {
        display: none; } }
    .cms-index-index div[class^="grid"] img, .catalog-category-view div[class^="grid"] img {
      -webkit-transition: width 300ms ease-in-out;
      transition: width 300ms ease-in-out;
      transition: width 300ms ease-in-out, max-height 300ms ease-in-out;
      -webkit-transition: width 300ms ease-in-out, max-height 300ms ease-in-out;
      -moz-transition: width 300ms ease-in-out, max-height 300ms ease-in-out;
      -ms-transition: width 300ms ease-in-out, max-height 300ms ease-in-out;
      -o-transition: width 300ms ease-in-out, transform 500ms ease-in-out; }
    .cms-index-index div[class^="grid"] .view-more, .catalog-category-view div[class^="grid"] .view-more {
      opacity: 0;
      display: none;
      -webkit-transition: opacity 300ms ease-in-out;
      transition: opacity 300ms ease-in-out; }
      .cms-index-index div[class^="grid"] .view-more button, .catalog-category-view div[class^="grid"] .view-more button {
        margin-top: 12px; }
    .cms-index-index div[class^="grid"].flash img, .catalog-category-view div[class^="grid"].flash img {
      width: 110%;
      max-height: 110%; }
    .cms-index-index div[class^="grid"].flash .view-more, .catalog-category-view div[class^="grid"].flash .view-more {
      display: inline-block;
      opacity: 1; }
  .cms-index-index .grid-1-1,
  .cms-index-index .grid-1-2,
  .cms-index-index .grid-1-3,
  .cms-index-index .grid-2-1,
  .cms-index-index .grid-2-2,
  .cms-index-index .grid-2-3, .catalog-category-view .grid-1-1,
  .catalog-category-view .grid-1-2,
  .catalog-category-view .grid-1-3,
  .catalog-category-view .grid-2-1,
  .catalog-category-view .grid-2-2,
  .catalog-category-view .grid-2-3 {
    background: #fff;
    position: relative;
    float: left;
    margin-bottom: 12px; }
    @media only screen and (max-width: 599px) {
      .cms-index-index .grid-1-1,
      .cms-index-index .grid-1-2,
      .cms-index-index .grid-1-3,
      .cms-index-index .grid-2-1,
      .cms-index-index .grid-2-2,
      .cms-index-index .grid-2-3, .catalog-category-view .grid-1-1,
      .catalog-category-view .grid-1-2,
      .catalog-category-view .grid-1-3,
      .catalog-category-view .grid-2-1,
      .catalog-category-view .grid-2-2,
      .catalog-category-view .grid-2-3 {
        margin-bottom: 6px; } }
    .cms-index-index .grid-1-1 > img,
    .cms-index-index .grid-1-2 > img,
    .cms-index-index .grid-1-3 > img,
    .cms-index-index .grid-2-1 > img,
    .cms-index-index .grid-2-2 > img,
    .cms-index-index .grid-2-3 > img, .catalog-category-view .grid-1-1 > img,
    .catalog-category-view .grid-1-2 > img,
    .catalog-category-view .grid-1-3 > img,
    .catalog-category-view .grid-2-1 > img,
    .catalog-category-view .grid-2-2 > img,
    .catalog-category-view .grid-2-3 > img {
      width: 100%;
      position: absolute;
      max-height: 100%; }
      .cms-index-index .grid-1-1 > img.mobile,
      .cms-index-index .grid-1-2 > img.mobile,
      .cms-index-index .grid-1-3 > img.mobile,
      .cms-index-index .grid-2-1 > img.mobile,
      .cms-index-index .grid-2-2 > img.mobile,
      .cms-index-index .grid-2-3 > img.mobile, .catalog-category-view .grid-1-1 > img.mobile,
      .catalog-category-view .grid-1-2 > img.mobile,
      .catalog-category-view .grid-1-3 > img.mobile,
      .catalog-category-view .grid-2-1 > img.mobile,
      .catalog-category-view .grid-2-2 > img.mobile,
      .catalog-category-view .grid-2-3 > img.mobile {
        display: none; }
        @media only screen and (max-width: 599px) {
          .cms-index-index .grid-1-1 > img.mobile,
          .cms-index-index .grid-1-2 > img.mobile,
          .cms-index-index .grid-1-3 > img.mobile,
          .cms-index-index .grid-2-1 > img.mobile,
          .cms-index-index .grid-2-2 > img.mobile,
          .cms-index-index .grid-2-3 > img.mobile, .catalog-category-view .grid-1-1 > img.mobile,
          .catalog-category-view .grid-1-2 > img.mobile,
          .catalog-category-view .grid-1-3 > img.mobile,
          .catalog-category-view .grid-2-1 > img.mobile,
          .catalog-category-view .grid-2-2 > img.mobile,
          .catalog-category-view .grid-2-3 > img.mobile {
            display: block; } }
      @media only screen and (max-width: 599px) {
        .cms-index-index .grid-1-1 > img,
        .cms-index-index .grid-1-2 > img,
        .cms-index-index .grid-1-3 > img,
        .cms-index-index .grid-2-1 > img,
        .cms-index-index .grid-2-2 > img,
        .cms-index-index .grid-2-3 > img, .catalog-category-view .grid-1-1 > img,
        .catalog-category-view .grid-1-2 > img,
        .catalog-category-view .grid-1-3 > img,
        .catalog-category-view .grid-2-1 > img,
        .catalog-category-view .grid-2-2 > img,
        .catalog-category-view .grid-2-3 > img {
          display: none; } }
    .cms-index-index .grid-1-1 div.content-container,
    .cms-index-index .grid-1-2 div.content-container,
    .cms-index-index .grid-1-3 div.content-container,
    .cms-index-index .grid-2-1 div.content-container,
    .cms-index-index .grid-2-2 div.content-container,
    .cms-index-index .grid-2-3 div.content-container, .catalog-category-view .grid-1-1 div.content-container,
    .catalog-category-view .grid-1-2 div.content-container,
    .catalog-category-view .grid-1-3 div.content-container,
    .catalog-category-view .grid-2-1 div.content-container,
    .catalog-category-view .grid-2-2 div.content-container,
    .catalog-category-view .grid-2-3 div.content-container {
      padding: 0 23px 0 23px; }
      @media only screen and (max-width: 599px) {
        .cms-index-index .grid-1-1 div.content-container,
        .cms-index-index .grid-1-2 div.content-container,
        .cms-index-index .grid-1-3 div.content-container,
        .cms-index-index .grid-2-1 div.content-container,
        .cms-index-index .grid-2-2 div.content-container,
        .cms-index-index .grid-2-3 div.content-container, .catalog-category-view .grid-1-1 div.content-container,
        .catalog-category-view .grid-1-2 div.content-container,
        .catalog-category-view .grid-1-3 div.content-container,
        .catalog-category-view .grid-2-1 div.content-container,
        .catalog-category-view .grid-2-2 div.content-container,
        .catalog-category-view .grid-2-3 div.content-container {
          padding: 0 12px 0 12px; } }
      .cms-index-index .grid-1-1 div.content-container h2, .cms-index-index .grid-1-1 div.content-container h3,
      .cms-index-index .grid-1-2 div.content-container h2,
      .cms-index-index .grid-1-2 div.content-container h3,
      .cms-index-index .grid-1-3 div.content-container h2,
      .cms-index-index .grid-1-3 div.content-container h3,
      .cms-index-index .grid-2-1 div.content-container h2,
      .cms-index-index .grid-2-1 div.content-container h3,
      .cms-index-index .grid-2-2 div.content-container h2,
      .cms-index-index .grid-2-2 div.content-container h3,
      .cms-index-index .grid-2-3 div.content-container h2,
      .cms-index-index .grid-2-3 div.content-container h3, .catalog-category-view .grid-1-1 div.content-container h2, .catalog-category-view .grid-1-1 div.content-container h3,
      .catalog-category-view .grid-1-2 div.content-container h2,
      .catalog-category-view .grid-1-2 div.content-container h3,
      .catalog-category-view .grid-1-3 div.content-container h2,
      .catalog-category-view .grid-1-3 div.content-container h3,
      .catalog-category-view .grid-2-1 div.content-container h2,
      .catalog-category-view .grid-2-1 div.content-container h3,
      .catalog-category-view .grid-2-2 div.content-container h2,
      .catalog-category-view .grid-2-2 div.content-container h3,
      .catalog-category-view .grid-2-3 div.content-container h2,
      .catalog-category-view .grid-2-3 div.content-container h3 {
        font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-transform: uppercase; }
      .cms-index-index .grid-1-1 div.content-container h1.reverse, .cms-index-index .grid-1-1 div.content-container h2.reverse, .cms-index-index .grid-1-1 div.content-container h3.reverse, .cms-index-index .grid-1-1 div.content-container h4.reverse, .cms-index-index .grid-1-1 div.content-container p.reverse,
      .cms-index-index .grid-1-2 div.content-container h1.reverse,
      .cms-index-index .grid-1-2 div.content-container h2.reverse,
      .cms-index-index .grid-1-2 div.content-container h3.reverse,
      .cms-index-index .grid-1-2 div.content-container h4.reverse,
      .cms-index-index .grid-1-2 div.content-container p.reverse,
      .cms-index-index .grid-1-3 div.content-container h1.reverse,
      .cms-index-index .grid-1-3 div.content-container h2.reverse,
      .cms-index-index .grid-1-3 div.content-container h3.reverse,
      .cms-index-index .grid-1-3 div.content-container h4.reverse,
      .cms-index-index .grid-1-3 div.content-container p.reverse,
      .cms-index-index .grid-2-1 div.content-container h1.reverse,
      .cms-index-index .grid-2-1 div.content-container h2.reverse,
      .cms-index-index .grid-2-1 div.content-container h3.reverse,
      .cms-index-index .grid-2-1 div.content-container h4.reverse,
      .cms-index-index .grid-2-1 div.content-container p.reverse,
      .cms-index-index .grid-2-2 div.content-container h1.reverse,
      .cms-index-index .grid-2-2 div.content-container h2.reverse,
      .cms-index-index .grid-2-2 div.content-container h3.reverse,
      .cms-index-index .grid-2-2 div.content-container h4.reverse,
      .cms-index-index .grid-2-2 div.content-container p.reverse,
      .cms-index-index .grid-2-3 div.content-container h1.reverse,
      .cms-index-index .grid-2-3 div.content-container h2.reverse,
      .cms-index-index .grid-2-3 div.content-container h3.reverse,
      .cms-index-index .grid-2-3 div.content-container h4.reverse,
      .cms-index-index .grid-2-3 div.content-container p.reverse, .catalog-category-view .grid-1-1 div.content-container h1.reverse, .catalog-category-view .grid-1-1 div.content-container h2.reverse, .catalog-category-view .grid-1-1 div.content-container h3.reverse, .catalog-category-view .grid-1-1 div.content-container h4.reverse, .catalog-category-view .grid-1-1 div.content-container p.reverse,
      .catalog-category-view .grid-1-2 div.content-container h1.reverse,
      .catalog-category-view .grid-1-2 div.content-container h2.reverse,
      .catalog-category-view .grid-1-2 div.content-container h3.reverse,
      .catalog-category-view .grid-1-2 div.content-container h4.reverse,
      .catalog-category-view .grid-1-2 div.content-container p.reverse,
      .catalog-category-view .grid-1-3 div.content-container h1.reverse,
      .catalog-category-view .grid-1-3 div.content-container h2.reverse,
      .catalog-category-view .grid-1-3 div.content-container h3.reverse,
      .catalog-category-view .grid-1-3 div.content-container h4.reverse,
      .catalog-category-view .grid-1-3 div.content-container p.reverse,
      .catalog-category-view .grid-2-1 div.content-container h1.reverse,
      .catalog-category-view .grid-2-1 div.content-container h2.reverse,
      .catalog-category-view .grid-2-1 div.content-container h3.reverse,
      .catalog-category-view .grid-2-1 div.content-container h4.reverse,
      .catalog-category-view .grid-2-1 div.content-container p.reverse,
      .catalog-category-view .grid-2-2 div.content-container h1.reverse,
      .catalog-category-view .grid-2-2 div.content-container h2.reverse,
      .catalog-category-view .grid-2-2 div.content-container h3.reverse,
      .catalog-category-view .grid-2-2 div.content-container h4.reverse,
      .catalog-category-view .grid-2-2 div.content-container p.reverse,
      .catalog-category-view .grid-2-3 div.content-container h1.reverse,
      .catalog-category-view .grid-2-3 div.content-container h2.reverse,
      .catalog-category-view .grid-2-3 div.content-container h3.reverse,
      .catalog-category-view .grid-2-3 div.content-container h4.reverse,
      .catalog-category-view .grid-2-3 div.content-container p.reverse {
        color: #fff;
        text-shadow: 0 1px 1px #000; }
      .cms-index-index .grid-1-1 div.content-container .content-inner > h1, .cms-index-index .grid-1-1 div.content-container .content-inner > h2, .cms-index-index .grid-1-1 div.content-container .content-inner > h3, .cms-index-index .grid-1-1 div.content-container .content-inner > h4, .cms-index-index .grid-1-1 div.content-container .content-inner > p, .cms-index-index .grid-1-1 div.content-container .content-inner > div, .cms-index-index .grid-1-1 div.content-container .content-inner > a, .cms-index-index .grid-1-1 div.content-container .content-inner > span,
      .cms-index-index .grid-1-2 div.content-container .content-inner > h1,
      .cms-index-index .grid-1-2 div.content-container .content-inner > h2,
      .cms-index-index .grid-1-2 div.content-container .content-inner > h3,
      .cms-index-index .grid-1-2 div.content-container .content-inner > h4,
      .cms-index-index .grid-1-2 div.content-container .content-inner > p,
      .cms-index-index .grid-1-2 div.content-container .content-inner > div,
      .cms-index-index .grid-1-2 div.content-container .content-inner > a,
      .cms-index-index .grid-1-2 div.content-container .content-inner > span,
      .cms-index-index .grid-1-3 div.content-container .content-inner > h1,
      .cms-index-index .grid-1-3 div.content-container .content-inner > h2,
      .cms-index-index .grid-1-3 div.content-container .content-inner > h3,
      .cms-index-index .grid-1-3 div.content-container .content-inner > h4,
      .cms-index-index .grid-1-3 div.content-container .content-inner > p,
      .cms-index-index .grid-1-3 div.content-container .content-inner > div,
      .cms-index-index .grid-1-3 div.content-container .content-inner > a,
      .cms-index-index .grid-1-3 div.content-container .content-inner > span,
      .cms-index-index .grid-2-1 div.content-container .content-inner > h1,
      .cms-index-index .grid-2-1 div.content-container .content-inner > h2,
      .cms-index-index .grid-2-1 div.content-container .content-inner > h3,
      .cms-index-index .grid-2-1 div.content-container .content-inner > h4,
      .cms-index-index .grid-2-1 div.content-container .content-inner > p,
      .cms-index-index .grid-2-1 div.content-container .content-inner > div,
      .cms-index-index .grid-2-1 div.content-container .content-inner > a,
      .cms-index-index .grid-2-1 div.content-container .content-inner > span,
      .cms-index-index .grid-2-2 div.content-container .content-inner > h1,
      .cms-index-index .grid-2-2 div.content-container .content-inner > h2,
      .cms-index-index .grid-2-2 div.content-container .content-inner > h3,
      .cms-index-index .grid-2-2 div.content-container .content-inner > h4,
      .cms-index-index .grid-2-2 div.content-container .content-inner > p,
      .cms-index-index .grid-2-2 div.content-container .content-inner > div,
      .cms-index-index .grid-2-2 div.content-container .content-inner > a,
      .cms-index-index .grid-2-2 div.content-container .content-inner > span,
      .cms-index-index .grid-2-3 div.content-container .content-inner > h1,
      .cms-index-index .grid-2-3 div.content-container .content-inner > h2,
      .cms-index-index .grid-2-3 div.content-container .content-inner > h3,
      .cms-index-index .grid-2-3 div.content-container .content-inner > h4,
      .cms-index-index .grid-2-3 div.content-container .content-inner > p,
      .cms-index-index .grid-2-3 div.content-container .content-inner > div,
      .cms-index-index .grid-2-3 div.content-container .content-inner > a,
      .cms-index-index .grid-2-3 div.content-container .content-inner > span, .catalog-category-view .grid-1-1 div.content-container .content-inner > h1, .catalog-category-view .grid-1-1 div.content-container .content-inner > h2, .catalog-category-view .grid-1-1 div.content-container .content-inner > h3, .catalog-category-view .grid-1-1 div.content-container .content-inner > h4, .catalog-category-view .grid-1-1 div.content-container .content-inner > p, .catalog-category-view .grid-1-1 div.content-container .content-inner > div, .catalog-category-view .grid-1-1 div.content-container .content-inner > a, .catalog-category-view .grid-1-1 div.content-container .content-inner > span,
      .catalog-category-view .grid-1-2 div.content-container .content-inner > h1,
      .catalog-category-view .grid-1-2 div.content-container .content-inner > h2,
      .catalog-category-view .grid-1-2 div.content-container .content-inner > h3,
      .catalog-category-view .grid-1-2 div.content-container .content-inner > h4,
      .catalog-category-view .grid-1-2 div.content-container .content-inner > p,
      .catalog-category-view .grid-1-2 div.content-container .content-inner > div,
      .catalog-category-view .grid-1-2 div.content-container .content-inner > a,
      .catalog-category-view .grid-1-2 div.content-container .content-inner > span,
      .catalog-category-view .grid-1-3 div.content-container .content-inner > h1,
      .catalog-category-view .grid-1-3 div.content-container .content-inner > h2,
      .catalog-category-view .grid-1-3 div.content-container .content-inner > h3,
      .catalog-category-view .grid-1-3 div.content-container .content-inner > h4,
      .catalog-category-view .grid-1-3 div.content-container .content-inner > p,
      .catalog-category-view .grid-1-3 div.content-container .content-inner > div,
      .catalog-category-view .grid-1-3 div.content-container .content-inner > a,
      .catalog-category-view .grid-1-3 div.content-container .content-inner > span,
      .catalog-category-view .grid-2-1 div.content-container .content-inner > h1,
      .catalog-category-view .grid-2-1 div.content-container .content-inner > h2,
      .catalog-category-view .grid-2-1 div.content-container .content-inner > h3,
      .catalog-category-view .grid-2-1 div.content-container .content-inner > h4,
      .catalog-category-view .grid-2-1 div.content-container .content-inner > p,
      .catalog-category-view .grid-2-1 div.content-container .content-inner > div,
      .catalog-category-view .grid-2-1 div.content-container .content-inner > a,
      .catalog-category-view .grid-2-1 div.content-container .content-inner > span,
      .catalog-category-view .grid-2-2 div.content-container .content-inner > h1,
      .catalog-category-view .grid-2-2 div.content-container .content-inner > h2,
      .catalog-category-view .grid-2-2 div.content-container .content-inner > h3,
      .catalog-category-view .grid-2-2 div.content-container .content-inner > h4,
      .catalog-category-view .grid-2-2 div.content-container .content-inner > p,
      .catalog-category-view .grid-2-2 div.content-container .content-inner > div,
      .catalog-category-view .grid-2-2 div.content-container .content-inner > a,
      .catalog-category-view .grid-2-2 div.content-container .content-inner > span,
      .catalog-category-view .grid-2-3 div.content-container .content-inner > h1,
      .catalog-category-view .grid-2-3 div.content-container .content-inner > h2,
      .catalog-category-view .grid-2-3 div.content-container .content-inner > h3,
      .catalog-category-view .grid-2-3 div.content-container .content-inner > h4,
      .catalog-category-view .grid-2-3 div.content-container .content-inner > p,
      .catalog-category-view .grid-2-3 div.content-container .content-inner > div,
      .catalog-category-view .grid-2-3 div.content-container .content-inner > a,
      .catalog-category-view .grid-2-3 div.content-container .content-inner > span {
        float: left;
        clear: left; }
      @media only screen and (max-width: 599px) {
        .cms-index-index .grid-1-1 div.content-container p,
        .cms-index-index .grid-1-2 div.content-container p,
        .cms-index-index .grid-1-3 div.content-container p,
        .cms-index-index .grid-2-1 div.content-container p,
        .cms-index-index .grid-2-2 div.content-container p,
        .cms-index-index .grid-2-3 div.content-container p, .catalog-category-view .grid-1-1 div.content-container p,
        .catalog-category-view .grid-1-2 div.content-container p,
        .catalog-category-view .grid-1-3 div.content-container p,
        .catalog-category-view .grid-2-1 div.content-container p,
        .catalog-category-view .grid-2-2 div.content-container p,
        .catalog-category-view .grid-2-3 div.content-container p {
          display: none; } }
      .cms-index-index .grid-1-1 div.content-container div.more-elements,
      .cms-index-index .grid-1-2 div.content-container div.more-elements,
      .cms-index-index .grid-1-3 div.content-container div.more-elements,
      .cms-index-index .grid-2-1 div.content-container div.more-elements,
      .cms-index-index .grid-2-2 div.content-container div.more-elements,
      .cms-index-index .grid-2-3 div.content-container div.more-elements, .catalog-category-view .grid-1-1 div.content-container div.more-elements,
      .catalog-category-view .grid-1-2 div.content-container div.more-elements,
      .catalog-category-view .grid-1-3 div.content-container div.more-elements,
      .catalog-category-view .grid-2-1 div.content-container div.more-elements,
      .catalog-category-view .grid-2-2 div.content-container div.more-elements,
      .catalog-category-view .grid-2-3 div.content-container div.more-elements {
        position: absolute;
        right: 37px;
        bottom: 21px; }
        @media only screen and (max-width: 599px) {
          .cms-index-index .grid-1-1 div.content-container div.more-elements,
          .cms-index-index .grid-1-2 div.content-container div.more-elements,
          .cms-index-index .grid-1-3 div.content-container div.more-elements,
          .cms-index-index .grid-2-1 div.content-container div.more-elements,
          .cms-index-index .grid-2-2 div.content-container div.more-elements,
          .cms-index-index .grid-2-3 div.content-container div.more-elements, .catalog-category-view .grid-1-1 div.content-container div.more-elements,
          .catalog-category-view .grid-1-2 div.content-container div.more-elements,
          .catalog-category-view .grid-1-3 div.content-container div.more-elements,
          .catalog-category-view .grid-2-1 div.content-container div.more-elements,
          .catalog-category-view .grid-2-2 div.content-container div.more-elements,
          .catalog-category-view .grid-2-3 div.content-container div.more-elements {
            position: relative;
            left: 0;
            top: 0;
            padding-top: 7px; } }
        .cms-index-index .grid-1-1 div.content-container div.more-elements span.icon-plus,
        .cms-index-index .grid-1-2 div.content-container div.more-elements span.icon-plus,
        .cms-index-index .grid-1-3 div.content-container div.more-elements span.icon-plus,
        .cms-index-index .grid-2-1 div.content-container div.more-elements span.icon-plus,
        .cms-index-index .grid-2-2 div.content-container div.more-elements span.icon-plus,
        .cms-index-index .grid-2-3 div.content-container div.more-elements span.icon-plus, .catalog-category-view .grid-1-1 div.content-container div.more-elements span.icon-plus,
        .catalog-category-view .grid-1-2 div.content-container div.more-elements span.icon-plus,
        .catalog-category-view .grid-1-3 div.content-container div.more-elements span.icon-plus,
        .catalog-category-view .grid-2-1 div.content-container div.more-elements span.icon-plus,
        .catalog-category-view .grid-2-2 div.content-container div.more-elements span.icon-plus,
        .catalog-category-view .grid-2-3 div.content-container div.more-elements span.icon-plus {
          position: absolute;
          bottom: 0;
          left: 0;
          font-size: 14px;
          -webkit-transition: -webkit-transform 500ms ease-in-out;
          transition: -webkit-transform 500ms ease-in-out;
          transition: transform 500ms ease-in-out;
          transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out; }
        .cms-index-index .grid-1-1 div.content-container div.more-elements span.mobile-plus,
        .cms-index-index .grid-1-2 div.content-container div.more-elements span.mobile-plus,
        .cms-index-index .grid-1-3 div.content-container div.more-elements span.mobile-plus,
        .cms-index-index .grid-2-1 div.content-container div.more-elements span.mobile-plus,
        .cms-index-index .grid-2-2 div.content-container div.more-elements span.mobile-plus,
        .cms-index-index .grid-2-3 div.content-container div.more-elements span.mobile-plus, .catalog-category-view .grid-1-1 div.content-container div.more-elements span.mobile-plus,
        .catalog-category-view .grid-1-2 div.content-container div.more-elements span.mobile-plus,
        .catalog-category-view .grid-1-3 div.content-container div.more-elements span.mobile-plus,
        .catalog-category-view .grid-2-1 div.content-container div.more-elements span.mobile-plus,
        .catalog-category-view .grid-2-2 div.content-container div.more-elements span.mobile-plus,
        .catalog-category-view .grid-2-3 div.content-container div.more-elements span.mobile-plus {
          padding-left: 21px;
          display: none;
          color: #777777;
          text-transform: uppercase;
          font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
          position: relative;
          top: 2.5px;
          font-size: 1rem; }
          @media only screen and (max-width: 599px) {
            .cms-index-index .grid-1-1 div.content-container div.more-elements span.mobile-plus,
            .cms-index-index .grid-1-2 div.content-container div.more-elements span.mobile-plus,
            .cms-index-index .grid-1-3 div.content-container div.more-elements span.mobile-plus,
            .cms-index-index .grid-2-1 div.content-container div.more-elements span.mobile-plus,
            .cms-index-index .grid-2-2 div.content-container div.more-elements span.mobile-plus,
            .cms-index-index .grid-2-3 div.content-container div.more-elements span.mobile-plus, .catalog-category-view .grid-1-1 div.content-container div.more-elements span.mobile-plus,
            .catalog-category-view .grid-1-2 div.content-container div.more-elements span.mobile-plus,
            .catalog-category-view .grid-1-3 div.content-container div.more-elements span.mobile-plus,
            .catalog-category-view .grid-2-1 div.content-container div.more-elements span.mobile-plus,
            .catalog-category-view .grid-2-2 div.content-container div.more-elements span.mobile-plus,
            .catalog-category-view .grid-2-3 div.content-container div.more-elements span.mobile-plus {
              display: inline-block; } }
      .cms-index-index .grid-1-1 div.content-container.content-flash span.icon-plus,
      .cms-index-index .grid-1-2 div.content-container.content-flash span.icon-plus,
      .cms-index-index .grid-1-3 div.content-container.content-flash span.icon-plus,
      .cms-index-index .grid-2-1 div.content-container.content-flash span.icon-plus,
      .cms-index-index .grid-2-2 div.content-container.content-flash span.icon-plus,
      .cms-index-index .grid-2-3 div.content-container.content-flash span.icon-plus, .catalog-category-view .grid-1-1 div.content-container.content-flash span.icon-plus,
      .catalog-category-view .grid-1-2 div.content-container.content-flash span.icon-plus,
      .catalog-category-view .grid-1-3 div.content-container.content-flash span.icon-plus,
      .catalog-category-view .grid-2-1 div.content-container.content-flash span.icon-plus,
      .catalog-category-view .grid-2-2 div.content-container.content-flash span.icon-plus,
      .catalog-category-view .grid-2-3 div.content-container.content-flash span.icon-plus {
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg); }
    .cms-index-index .grid-1-1.email-content,
    .cms-index-index .grid-1-2.email-content,
    .cms-index-index .grid-1-3.email-content,
    .cms-index-index .grid-2-1.email-content,
    .cms-index-index .grid-2-2.email-content,
    .cms-index-index .grid-2-3.email-content, .catalog-category-view .grid-1-1.email-content,
    .catalog-category-view .grid-1-2.email-content,
    .catalog-category-view .grid-1-3.email-content,
    .catalog-category-view .grid-2-1.email-content,
    .catalog-category-view .grid-2-2.email-content,
    .catalog-category-view .grid-2-3.email-content {
      background: #E7E7EA;
      text-align: center; }
      @media only screen and (max-width: 599px) {
        .cms-index-index .grid-1-1.email-content,
        .cms-index-index .grid-1-2.email-content,
        .cms-index-index .grid-1-3.email-content,
        .cms-index-index .grid-2-1.email-content,
        .cms-index-index .grid-2-2.email-content,
        .cms-index-index .grid-2-3.email-content, .catalog-category-view .grid-1-1.email-content,
        .catalog-category-view .grid-1-2.email-content,
        .catalog-category-view .grid-1-3.email-content,
        .catalog-category-view .grid-2-1.email-content,
        .catalog-category-view .grid-2-2.email-content,
        .catalog-category-view .grid-2-3.email-content {
          display: none; } }
      .cms-index-index .grid-1-1.email-content div.content-container,
      .cms-index-index .grid-1-2.email-content div.content-container,
      .cms-index-index .grid-1-3.email-content div.content-container,
      .cms-index-index .grid-2-1.email-content div.content-container,
      .cms-index-index .grid-2-2.email-content div.content-container,
      .cms-index-index .grid-2-3.email-content div.content-container, .catalog-category-view .grid-1-1.email-content div.content-container,
      .catalog-category-view .grid-1-2.email-content div.content-container,
      .catalog-category-view .grid-1-3.email-content div.content-container,
      .catalog-category-view .grid-2-1.email-content div.content-container,
      .catalog-category-view .grid-2-2.email-content div.content-container,
      .catalog-category-view .grid-2-3.email-content div.content-container {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%; }
        .cms-index-index .grid-1-1.email-content div.content-container .content-inner > h1, .cms-index-index .grid-1-1.email-content div.content-container .content-inner > h2, .cms-index-index .grid-1-1.email-content div.content-container .content-inner > h3, .cms-index-index .grid-1-1.email-content div.content-container .content-inner > h4, .cms-index-index .grid-1-1.email-content div.content-container .content-inner > p, .cms-index-index .grid-1-1.email-content div.content-container .content-inner > div, .cms-index-index .grid-1-1.email-content div.content-container .content-inner > a, .cms-index-index .grid-1-1.email-content div.content-container .content-inner > span,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner > h1,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner > h2,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner > h3,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner > h4,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner > p,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner > div,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner > a,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner > span,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner > h1,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner > h2,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner > h3,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner > h4,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner > p,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner > div,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner > a,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner > span,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner > h1,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner > h2,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner > h3,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner > h4,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner > p,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner > div,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner > a,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner > span,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner > h1,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner > h2,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner > h3,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner > h4,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner > p,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner > div,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner > a,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner > span,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner > h1,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner > h2,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner > h3,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner > h4,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner > p,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner > div,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner > a,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner > span, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner > h1, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner > h2, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner > h3, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner > h4, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner > p, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner > div, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner > a, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner > span,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner > h1,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner > h2,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner > h3,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner > h4,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner > p,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner > div,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner > a,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner > span,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner > h1,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner > h2,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner > h3,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner > h4,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner > p,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner > div,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner > a,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner > span,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner > h1,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner > h2,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner > h3,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner > h4,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner > p,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner > div,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner > a,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner > span,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner > h1,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner > h2,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner > h3,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner > h4,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner > p,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner > div,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner > a,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner > span,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner > h1,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner > h2,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner > h3,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner > h4,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner > p,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner > div,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner > a,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner > span {
          float: none; }
        .cms-index-index .grid-1-1.email-content div.content-container .content-inner h3,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner h3,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner h3,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner h3,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner h3,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner h3, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner h3,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner h3,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner h3,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner h3,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner h3,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner h3 {
          text-transform: none;
          font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
          margin-bottom: 7px; }
        .cms-index-index .grid-1-1.email-content div.content-container .content-inner .newsletter-cms-form,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner .newsletter-cms-form,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner .newsletter-cms-form,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner .newsletter-cms-form,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner .newsletter-cms-form,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner .newsletter-cms-form, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner .newsletter-cms-form,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner .newsletter-cms-form,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner .newsletter-cms-form,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner .newsletter-cms-form,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner .newsletter-cms-form,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner .newsletter-cms-form {
          max-width: 400px;
          margin: auto;
          padding-top: 23px; }
        .cms-index-index .grid-1-1.email-content div.content-container .content-inner .input-box, .cms-index-index .grid-1-1.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner .actions, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner .input-box, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner .actions {
          display: inline-block; }
        .cms-index-index .grid-1-1.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner .input-box,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner .input-box, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner .input-box,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner .input-box {
          padding: 0;
          width: 66.75%;
          display: inline-block;
          vertical-align: top;
          margin-right: 6px; }
          .cms-index-index .grid-1-1.email-content div.content-container .content-inner .input-box input,
          .cms-index-index .grid-1-2.email-content div.content-container .content-inner .input-box input,
          .cms-index-index .grid-1-3.email-content div.content-container .content-inner .input-box input,
          .cms-index-index .grid-2-1.email-content div.content-container .content-inner .input-box input,
          .cms-index-index .grid-2-2.email-content div.content-container .content-inner .input-box input,
          .cms-index-index .grid-2-3.email-content div.content-container .content-inner .input-box input, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner .input-box input,
          .catalog-category-view .grid-1-2.email-content div.content-container .content-inner .input-box input,
          .catalog-category-view .grid-1-3.email-content div.content-container .content-inner .input-box input,
          .catalog-category-view .grid-2-1.email-content div.content-container .content-inner .input-box input,
          .catalog-category-view .grid-2-2.email-content div.content-container .content-inner .input-box input,
          .catalog-category-view .grid-2-3.email-content div.content-container .content-inner .input-box input {
            width: 100%;
            height: 40px;
            line-height: 40px;
            padding-left: 12px;
            border-radius: 4px;
            background-clip: padding-box; }
        .cms-index-index .grid-1-1.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-1-2.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-1-3.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-2-1.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-2-2.email-content div.content-container .content-inner .actions,
        .cms-index-index .grid-2-3.email-content div.content-container .content-inner .actions, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-1-2.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-1-3.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-2-1.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-2-2.email-content div.content-container .content-inner .actions,
        .catalog-category-view .grid-2-3.email-content div.content-container .content-inner .actions {
          margin: 0;
          width: 26.5%;
          display: inline-block;
          vertical-align: top; }
          .cms-index-index .grid-1-1.email-content div.content-container .content-inner .actions button,
          .cms-index-index .grid-1-2.email-content div.content-container .content-inner .actions button,
          .cms-index-index .grid-1-3.email-content div.content-container .content-inner .actions button,
          .cms-index-index .grid-2-1.email-content div.content-container .content-inner .actions button,
          .cms-index-index .grid-2-2.email-content div.content-container .content-inner .actions button,
          .cms-index-index .grid-2-3.email-content div.content-container .content-inner .actions button, .catalog-category-view .grid-1-1.email-content div.content-container .content-inner .actions button,
          .catalog-category-view .grid-1-2.email-content div.content-container .content-inner .actions button,
          .catalog-category-view .grid-1-3.email-content div.content-container .content-inner .actions button,
          .catalog-category-view .grid-2-1.email-content div.content-container .content-inner .actions button,
          .catalog-category-view .grid-2-2.email-content div.content-container .content-inner .actions button,
          .catalog-category-view .grid-2-3.email-content div.content-container .content-inner .actions button {
            width: 100%;
            padding: 0;
            line-height: 40px;
            border-radius: 4px;
            background-clip: padding-box;
            font-size: 14px;
            background: #08107B; }
    .cms-index-index .grid-1-1.no-overlay div.content-container,
    .cms-index-index .grid-1-2.no-overlay div.content-container,
    .cms-index-index .grid-1-3.no-overlay div.content-container,
    .cms-index-index .grid-2-1.no-overlay div.content-container,
    .cms-index-index .grid-2-2.no-overlay div.content-container,
    .cms-index-index .grid-2-3.no-overlay div.content-container, .catalog-category-view .grid-1-1.no-overlay div.content-container,
    .catalog-category-view .grid-1-2.no-overlay div.content-container,
    .catalog-category-view .grid-1-3.no-overlay div.content-container,
    .catalog-category-view .grid-2-1.no-overlay div.content-container,
    .catalog-category-view .grid-2-2.no-overlay div.content-container,
    .catalog-category-view .grid-2-3.no-overlay div.content-container {
      text-align: center;
      padding: 0 23px 0 23px; }
      .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner,
      .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner,
      .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner,
      .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner,
      .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner,
      .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner,
      .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner,
      .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner,
      .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner,
      .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner,
      .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: auto;
        left: 0;
        right: 0;
        padding: 0 65px 0 65px; }
        .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner > h1, .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner > h2, .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner > h3, .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner > h4, .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner > p, .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner > div, .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner > a, .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner > span,
        .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner > h1,
        .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner > h2,
        .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner > h3,
        .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner > h4,
        .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner > p,
        .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner > div,
        .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner > a,
        .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner > span,
        .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner > h1,
        .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner > h2,
        .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner > h3,
        .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner > h4,
        .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner > p,
        .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner > div,
        .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner > a,
        .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner > span,
        .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner > h1,
        .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner > h2,
        .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner > h3,
        .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner > h4,
        .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner > p,
        .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner > div,
        .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner > a,
        .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner > span,
        .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner > h1,
        .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner > h2,
        .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner > h3,
        .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner > h4,
        .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner > p,
        .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner > div,
        .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner > a,
        .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner > span,
        .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner > h1,
        .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner > h2,
        .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner > h3,
        .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner > h4,
        .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner > p,
        .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner > div,
        .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner > a,
        .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner > span, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner > h1, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner > h2, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner > h3, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner > h4, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner > p, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner > div, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner > a, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner > span,
        .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner > h1,
        .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner > h2,
        .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner > h3,
        .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner > h4,
        .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner > p,
        .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner > div,
        .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner > a,
        .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner > span,
        .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner > h1,
        .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner > h2,
        .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner > h3,
        .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner > h4,
        .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner > p,
        .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner > div,
        .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner > a,
        .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner > span,
        .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner > h1,
        .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner > h2,
        .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner > h3,
        .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner > h4,
        .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner > p,
        .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner > div,
        .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner > a,
        .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner > span,
        .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner > h1,
        .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner > h2,
        .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner > h3,
        .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner > h4,
        .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner > p,
        .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner > div,
        .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner > a,
        .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner > span,
        .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner > h1,
        .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner > h2,
        .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner > h3,
        .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner > h4,
        .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner > p,
        .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner > div,
        .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner > a,
        .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner > span {
          float: none; }
        @media only screen and (max-width: 1200px) {
          .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner {
            padding: 0 40px 0 40px; } }
        @media only screen and (max-width: 1024px) {
          .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner,
          .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner,
          .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner {
            padding: 0 23px 0 23px; } }
        .cms-index-index .grid-1-1.no-overlay div.content-container .content-inner h3,
        .cms-index-index .grid-1-2.no-overlay div.content-container .content-inner h3,
        .cms-index-index .grid-1-3.no-overlay div.content-container .content-inner h3,
        .cms-index-index .grid-2-1.no-overlay div.content-container .content-inner h3,
        .cms-index-index .grid-2-2.no-overlay div.content-container .content-inner h3,
        .cms-index-index .grid-2-3.no-overlay div.content-container .content-inner h3, .catalog-category-view .grid-1-1.no-overlay div.content-container .content-inner h3,
        .catalog-category-view .grid-1-2.no-overlay div.content-container .content-inner h3,
        .catalog-category-view .grid-1-3.no-overlay div.content-container .content-inner h3,
        .catalog-category-view .grid-2-1.no-overlay div.content-container .content-inner h3,
        .catalog-category-view .grid-2-2.no-overlay div.content-container .content-inner h3,
        .catalog-category-view .grid-2-3.no-overlay div.content-container .content-inner h3 {
          font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
          text-transform: none; }
    .cms-index-index .grid-1-1.no-overlay .overlay,
    .cms-index-index .grid-1-2.no-overlay .overlay,
    .cms-index-index .grid-1-3.no-overlay .overlay,
    .cms-index-index .grid-2-1.no-overlay .overlay,
    .cms-index-index .grid-2-2.no-overlay .overlay,
    .cms-index-index .grid-2-3.no-overlay .overlay, .catalog-category-view .grid-1-1.no-overlay .overlay,
    .catalog-category-view .grid-1-2.no-overlay .overlay,
    .catalog-category-view .grid-1-3.no-overlay .overlay,
    .catalog-category-view .grid-2-1.no-overlay .overlay,
    .catalog-category-view .grid-2-2.no-overlay .overlay,
    .catalog-category-view .grid-2-3.no-overlay .overlay {
      width: 100%;
      height: 100%;
      background-color: #000;
      position: absolute;
      top: 0;
      left: 0;
      opacity: .25;
      -webkit-transition: opacity 300ms ease-in-out;
      transition: opacity 300ms ease-in-out; }
      .cms-index-index .grid-1-1.no-overlay .overlay.darken,
      .cms-index-index .grid-1-2.no-overlay .overlay.darken,
      .cms-index-index .grid-1-3.no-overlay .overlay.darken,
      .cms-index-index .grid-2-1.no-overlay .overlay.darken,
      .cms-index-index .grid-2-2.no-overlay .overlay.darken,
      .cms-index-index .grid-2-3.no-overlay .overlay.darken, .catalog-category-view .grid-1-1.no-overlay .overlay.darken,
      .catalog-category-view .grid-1-2.no-overlay .overlay.darken,
      .catalog-category-view .grid-1-3.no-overlay .overlay.darken,
      .catalog-category-view .grid-2-1.no-overlay .overlay.darken,
      .catalog-category-view .grid-2-2.no-overlay .overlay.darken,
      .catalog-category-view .grid-2-3.no-overlay .overlay.darken {
        opacity: .50; }
    .cms-index-index .grid-1-1.right-content div.content-container,
    .cms-index-index .grid-1-2.right-content div.content-container,
    .cms-index-index .grid-1-3.right-content div.content-container,
    .cms-index-index .grid-2-1.right-content div.content-container,
    .cms-index-index .grid-2-2.right-content div.content-container,
    .cms-index-index .grid-2-3.right-content div.content-container, .catalog-category-view .grid-1-1.right-content div.content-container,
    .catalog-category-view .grid-1-2.right-content div.content-container,
    .catalog-category-view .grid-1-3.right-content div.content-container,
    .catalog-category-view .grid-2-1.right-content div.content-container,
    .catalog-category-view .grid-2-2.right-content div.content-container,
    .catalog-category-view .grid-2-3.right-content div.content-container {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.9);
      width: 50%;
      border: 1px solid #CFCFD5;
      -webkit-transition: width 300ms ease-in-out;
      transition: width 300ms ease-in-out; }
      .cms-index-index .grid-1-1.right-content div.content-container .content-inner,
      .cms-index-index .grid-1-2.right-content div.content-container .content-inner,
      .cms-index-index .grid-1-3.right-content div.content-container .content-inner,
      .cms-index-index .grid-2-1.right-content div.content-container .content-inner,
      .cms-index-index .grid-2-2.right-content div.content-container .content-inner,
      .cms-index-index .grid-2-3.right-content div.content-container .content-inner, .catalog-category-view .grid-1-1.right-content div.content-container .content-inner,
      .catalog-category-view .grid-1-2.right-content div.content-container .content-inner,
      .catalog-category-view .grid-1-3.right-content div.content-container .content-inner,
      .catalog-category-view .grid-2-1.right-content div.content-container .content-inner,
      .catalog-category-view .grid-2-2.right-content div.content-container .content-inner,
      .catalog-category-view .grid-2-3.right-content div.content-container .content-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        .cms-index-index .grid-1-1.right-content div.content-container .content-inner h3,
        .cms-index-index .grid-1-2.right-content div.content-container .content-inner h3,
        .cms-index-index .grid-1-3.right-content div.content-container .content-inner h3,
        .cms-index-index .grid-2-1.right-content div.content-container .content-inner h3,
        .cms-index-index .grid-2-2.right-content div.content-container .content-inner h3,
        .cms-index-index .grid-2-3.right-content div.content-container .content-inner h3, .catalog-category-view .grid-1-1.right-content div.content-container .content-inner h3,
        .catalog-category-view .grid-1-2.right-content div.content-container .content-inner h3,
        .catalog-category-view .grid-1-3.right-content div.content-container .content-inner h3,
        .catalog-category-view .grid-2-1.right-content div.content-container .content-inner h3,
        .catalog-category-view .grid-2-2.right-content div.content-container .content-inner h3,
        .catalog-category-view .grid-2-3.right-content div.content-container .content-inner h3 {
          margin-bottom: 0; }
      .cms-index-index .grid-1-1.right-content div.content-container.content-flash,
      .cms-index-index .grid-1-2.right-content div.content-container.content-flash,
      .cms-index-index .grid-1-3.right-content div.content-container.content-flash,
      .cms-index-index .grid-2-1.right-content div.content-container.content-flash,
      .cms-index-index .grid-2-2.right-content div.content-container.content-flash,
      .cms-index-index .grid-2-3.right-content div.content-container.content-flash, .catalog-category-view .grid-1-1.right-content div.content-container.content-flash,
      .catalog-category-view .grid-1-2.right-content div.content-container.content-flash,
      .catalog-category-view .grid-1-3.right-content div.content-container.content-flash,
      .catalog-category-view .grid-2-1.right-content div.content-container.content-flash,
      .catalog-category-view .grid-2-2.right-content div.content-container.content-flash,
      .catalog-category-view .grid-2-3.right-content div.content-container.content-flash {
        width: 100%; }
    .cms-index-index .grid-1-1.left-content div.content-container,
    .cms-index-index .grid-1-2.left-content div.content-container,
    .cms-index-index .grid-1-3.left-content div.content-container,
    .cms-index-index .grid-2-1.left-content div.content-container,
    .cms-index-index .grid-2-2.left-content div.content-container,
    .cms-index-index .grid-2-3.left-content div.content-container, .catalog-category-view .grid-1-1.left-content div.content-container,
    .catalog-category-view .grid-1-2.left-content div.content-container,
    .catalog-category-view .grid-1-3.left-content div.content-container,
    .catalog-category-view .grid-2-1.left-content div.content-container,
    .catalog-category-view .grid-2-2.left-content div.content-container,
    .catalog-category-view .grid-2-3.left-content div.content-container {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.9);
      width: 50%;
      border: 1px solid #CFCFD5;
      -webkit-transition: width 300ms ease-in-out;
      transition: width 300ms ease-in-out; }
      .cms-index-index .grid-1-1.left-content div.content-container .content-inner,
      .cms-index-index .grid-1-2.left-content div.content-container .content-inner,
      .cms-index-index .grid-1-3.left-content div.content-container .content-inner,
      .cms-index-index .grid-2-1.left-content div.content-container .content-inner,
      .cms-index-index .grid-2-2.left-content div.content-container .content-inner,
      .cms-index-index .grid-2-3.left-content div.content-container .content-inner, .catalog-category-view .grid-1-1.left-content div.content-container .content-inner,
      .catalog-category-view .grid-1-2.left-content div.content-container .content-inner,
      .catalog-category-view .grid-1-3.left-content div.content-container .content-inner,
      .catalog-category-view .grid-2-1.left-content div.content-container .content-inner,
      .catalog-category-view .grid-2-2.left-content div.content-container .content-inner,
      .catalog-category-view .grid-2-3.left-content div.content-container .content-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        .cms-index-index .grid-1-1.left-content div.content-container .content-inner h3,
        .cms-index-index .grid-1-2.left-content div.content-container .content-inner h3,
        .cms-index-index .grid-1-3.left-content div.content-container .content-inner h3,
        .cms-index-index .grid-2-1.left-content div.content-container .content-inner h3,
        .cms-index-index .grid-2-2.left-content div.content-container .content-inner h3,
        .cms-index-index .grid-2-3.left-content div.content-container .content-inner h3, .catalog-category-view .grid-1-1.left-content div.content-container .content-inner h3,
        .catalog-category-view .grid-1-2.left-content div.content-container .content-inner h3,
        .catalog-category-view .grid-1-3.left-content div.content-container .content-inner h3,
        .catalog-category-view .grid-2-1.left-content div.content-container .content-inner h3,
        .catalog-category-view .grid-2-2.left-content div.content-container .content-inner h3,
        .catalog-category-view .grid-2-3.left-content div.content-container .content-inner h3 {
          margin-bottom: 0; }
      .cms-index-index .grid-1-1.left-content div.content-container.content-flash,
      .cms-index-index .grid-1-2.left-content div.content-container.content-flash,
      .cms-index-index .grid-1-3.left-content div.content-container.content-flash,
      .cms-index-index .grid-2-1.left-content div.content-container.content-flash,
      .cms-index-index .grid-2-2.left-content div.content-container.content-flash,
      .cms-index-index .grid-2-3.left-content div.content-container.content-flash, .catalog-category-view .grid-1-1.left-content div.content-container.content-flash,
      .catalog-category-view .grid-1-2.left-content div.content-container.content-flash,
      .catalog-category-view .grid-1-3.left-content div.content-container.content-flash,
      .catalog-category-view .grid-2-1.left-content div.content-container.content-flash,
      .catalog-category-view .grid-2-2.left-content div.content-container.content-flash,
      .catalog-category-view .grid-2-3.left-content div.content-container.content-flash {
        width: 100%; }
    .cms-index-index .grid-1-1.bottom-content div.panel,
    .cms-index-index .grid-1-2.bottom-content div.panel,
    .cms-index-index .grid-1-3.bottom-content div.panel,
    .cms-index-index .grid-2-1.bottom-content div.panel,
    .cms-index-index .grid-2-2.bottom-content div.panel,
    .cms-index-index .grid-2-3.bottom-content div.panel, .catalog-category-view .grid-1-1.bottom-content div.panel,
    .catalog-category-view .grid-1-2.bottom-content div.panel,
    .catalog-category-view .grid-1-3.bottom-content div.panel,
    .catalog-category-view .grid-2-1.bottom-content div.panel,
    .catalog-category-view .grid-2-2.bottom-content div.panel,
    .catalog-category-view .grid-2-3.bottom-content div.panel {
      position: absolute;
      top: 0;
      width: 100%;
      min-height: 0;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transition: min-height 300ms ease-in-out;
      transition: min-height 300ms ease-in-out; }
    .cms-index-index .grid-1-1.bottom-content div.content-container,
    .cms-index-index .grid-1-2.bottom-content div.content-container,
    .cms-index-index .grid-1-3.bottom-content div.content-container,
    .cms-index-index .grid-2-1.bottom-content div.content-container,
    .cms-index-index .grid-2-2.bottom-content div.content-container,
    .cms-index-index .grid-2-3.bottom-content div.content-container, .catalog-category-view .grid-1-1.bottom-content div.content-container,
    .catalog-category-view .grid-1-2.bottom-content div.content-container,
    .catalog-category-view .grid-1-3.bottom-content div.content-container,
    .catalog-category-view .grid-2-1.bottom-content div.content-container,
    .catalog-category-view .grid-2-2.bottom-content div.content-container,
    .catalog-category-view .grid-2-3.bottom-content div.content-container {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.9);
      min-height: 198px;
      border: 1px solid #CFCFD5;
      -webkit-transition: min-height 300ms ease-in-out;
      transition: min-height 300ms ease-in-out; }
      @media only screen and (max-width: 599px) {
        .cms-index-index .grid-1-1.bottom-content div.content-container,
        .cms-index-index .grid-1-2.bottom-content div.content-container,
        .cms-index-index .grid-1-3.bottom-content div.content-container,
        .cms-index-index .grid-2-1.bottom-content div.content-container,
        .cms-index-index .grid-2-2.bottom-content div.content-container,
        .cms-index-index .grid-2-3.bottom-content div.content-container, .catalog-category-view .grid-1-1.bottom-content div.content-container,
        .catalog-category-view .grid-1-2.bottom-content div.content-container,
        .catalog-category-view .grid-1-3.bottom-content div.content-container,
        .catalog-category-view .grid-2-1.bottom-content div.content-container,
        .catalog-category-view .grid-2-2.bottom-content div.content-container,
        .catalog-category-view .grid-2-3.bottom-content div.content-container {
          min-height: 137px; } }
      .cms-index-index .grid-1-1.bottom-content div.content-container h2,
      .cms-index-index .grid-1-2.bottom-content div.content-container h2,
      .cms-index-index .grid-1-3.bottom-content div.content-container h2,
      .cms-index-index .grid-2-1.bottom-content div.content-container h2,
      .cms-index-index .grid-2-2.bottom-content div.content-container h2,
      .cms-index-index .grid-2-3.bottom-content div.content-container h2, .catalog-category-view .grid-1-1.bottom-content div.content-container h2,
      .catalog-category-view .grid-1-2.bottom-content div.content-container h2,
      .catalog-category-view .grid-1-3.bottom-content div.content-container h2,
      .catalog-category-view .grid-2-1.bottom-content div.content-container h2,
      .catalog-category-view .grid-2-2.bottom-content div.content-container h2,
      .catalog-category-view .grid-2-3.bottom-content div.content-container h2 {
        margin-top: 44px;
        margin-bottom: 0px;
        line-height: 34px; }
        @media only screen and (max-width: 599px) {
          .cms-index-index .grid-1-1.bottom-content div.content-container h2,
          .cms-index-index .grid-1-2.bottom-content div.content-container h2,
          .cms-index-index .grid-1-3.bottom-content div.content-container h2,
          .cms-index-index .grid-2-1.bottom-content div.content-container h2,
          .cms-index-index .grid-2-2.bottom-content div.content-container h2,
          .cms-index-index .grid-2-3.bottom-content div.content-container h2, .catalog-category-view .grid-1-1.bottom-content div.content-container h2,
          .catalog-category-view .grid-1-2.bottom-content div.content-container h2,
          .catalog-category-view .grid-1-3.bottom-content div.content-container h2,
          .catalog-category-view .grid-2-1.bottom-content div.content-container h2,
          .catalog-category-view .grid-2-2.bottom-content div.content-container h2,
          .catalog-category-view .grid-2-3.bottom-content div.content-container h2 {
            margin-top: 13px; } }
      .cms-index-index .grid-1-1.bottom-content div.content-container p,
      .cms-index-index .grid-1-2.bottom-content div.content-container p,
      .cms-index-index .grid-1-3.bottom-content div.content-container p,
      .cms-index-index .grid-2-1.bottom-content div.content-container p,
      .cms-index-index .grid-2-2.bottom-content div.content-container p,
      .cms-index-index .grid-2-3.bottom-content div.content-container p, .catalog-category-view .grid-1-1.bottom-content div.content-container p,
      .catalog-category-view .grid-1-2.bottom-content div.content-container p,
      .catalog-category-view .grid-1-3.bottom-content div.content-container p,
      .catalog-category-view .grid-2-1.bottom-content div.content-container p,
      .catalog-category-view .grid-2-2.bottom-content div.content-container p,
      .catalog-category-view .grid-2-3.bottom-content div.content-container p {
        margin-top: 3px; }
    .cms-index-index .grid-1-1.bottom-content.flash div.content-container,
    .cms-index-index .grid-1-2.bottom-content.flash div.content-container,
    .cms-index-index .grid-1-3.bottom-content.flash div.content-container,
    .cms-index-index .grid-2-1.bottom-content.flash div.content-container,
    .cms-index-index .grid-2-2.bottom-content.flash div.content-container,
    .cms-index-index .grid-2-3.bottom-content.flash div.content-container, .catalog-category-view .grid-1-1.bottom-content.flash div.content-container,
    .catalog-category-view .grid-1-2.bottom-content.flash div.content-container,
    .catalog-category-view .grid-1-3.bottom-content.flash div.content-container,
    .catalog-category-view .grid-2-1.bottom-content.flash div.content-container,
    .catalog-category-view .grid-2-2.bottom-content.flash div.content-container,
    .catalog-category-view .grid-2-3.bottom-content.flash div.content-container {
      min-height: 60%;
      border-top: none; }
    .cms-index-index .grid-1-1.bottom-content.flash div.panel,
    .cms-index-index .grid-1-2.bottom-content.flash div.panel,
    .cms-index-index .grid-1-3.bottom-content.flash div.panel,
    .cms-index-index .grid-2-1.bottom-content.flash div.panel,
    .cms-index-index .grid-2-2.bottom-content.flash div.panel,
    .cms-index-index .grid-2-3.bottom-content.flash div.panel, .catalog-category-view .grid-1-1.bottom-content.flash div.panel,
    .catalog-category-view .grid-1-2.bottom-content.flash div.panel,
    .catalog-category-view .grid-1-3.bottom-content.flash div.panel,
    .catalog-category-view .grid-2-1.bottom-content.flash div.panel,
    .catalog-category-view .grid-2-2.bottom-content.flash div.panel,
    .catalog-category-view .grid-2-3.bottom-content.flash div.panel {
      min-height: 40%;
      border: 1px solid #CFCFD5;
      border-bottom: none; }
    .cms-index-index .grid-1-1 .rule,
    .cms-index-index .grid-1-2 .rule,
    .cms-index-index .grid-1-3 .rule,
    .cms-index-index .grid-2-1 .rule,
    .cms-index-index .grid-2-2 .rule,
    .cms-index-index .grid-2-3 .rule, .catalog-category-view .grid-1-1 .rule,
    .catalog-category-view .grid-1-2 .rule,
    .catalog-category-view .grid-1-3 .rule,
    .catalog-category-view .grid-2-1 .rule,
    .catalog-category-view .grid-2-2 .rule,
    .catalog-category-view .grid-2-3 .rule {
      display: inline-block;
      width: 172px;
      height: 3px;
      background: #E9B226;
      margin: 9px 0px 6px 0px; }
  .cms-index-index .grid-1-1, .catalog-category-view .grid-1-1 {
    width: 49%;
    float: left;
    padding-bottom: 49%; }
    .cms-index-index .grid-1-1:nth-child(even), .catalog-category-view .grid-1-1:nth-child(even) {
      width: 49%;
      float: right; }
    .cms-index-index .grid-1-1:nth-child(odd), .catalog-category-view .grid-1-1:nth-child(odd) {
      width: 49%;
      float: left; }
    @media only screen and (max-width: 599px) {
      .cms-index-index .grid-1-1.mobile:nth-child(even), .cms-index-index .grid-1-1.mobile:nth-child(odd), .catalog-category-view .grid-1-1.mobile:nth-child(even), .catalog-category-view .grid-1-1.mobile:nth-child(odd) {
        width: 100%;
        float: none;
        padding-bottom: 66.9%; } }
  .cms-index-index .grid-1-2, .catalog-category-view .grid-1-2 {
    width: 99.9%;
    padding-bottom: 49%;
    position: relative; }
    @media only screen and (max-width: 599px) {
      .cms-index-index .grid-1-2.mobile, .catalog-category-view .grid-1-2.mobile {
        padding-bottom: 66.9%; } }
    @media only screen and (min-width: 580px) {
      .cms-index-index .grid-1-2 .content-inner > *, .catalog-category-view .grid-1-2 .content-inner > * {
        padding-right: 23px; } }
  .cms-index-index .grid-2-2, .catalog-category-view .grid-2-2 {
    width: 99.9%;
    padding-bottom: 100%;
    position: relative; }
  .cms-index-index .grid-2-3, .catalog-category-view .grid-2-3 {
    width: 99.9%;
    padding-bottom: 100%; }
  .cms-index-index #newsletter-validate-detail-cms #loading-block,
  .cms-index-index #newsletter-validate-detail #loading-block, .catalog-category-view #newsletter-validate-detail-cms #loading-block,
  .catalog-category-view #newsletter-validate-detail #loading-block {
    z-index: 1000;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 126px;
    background: #FFF;
    opacity: .7; }
  .cms-index-index .email-content #newsletter-validate-detail-cms #loading-block,
  .cms-index-index #newsletter-validate-detail #loading-block, .catalog-category-view .email-content #newsletter-validate-detail-cms #loading-block,
  .catalog-category-view #newsletter-validate-detail #loading-block {
    height: 100%; }
  .cms-index-index .email-content #loading-block, .catalog-category-view .email-content #loading-block {
    z-index: 1000;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 166%;
    background: #FFF;
    opacity: .7;
    top: -33%;
    left: 0;
    right: 0;
    bottom: 0; }
    .cms-index-index .email-content #loading-block img, .catalog-category-view .email-content #loading-block img {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 50px;
      z-index: 9;
      margin-left: -25px; }
  .cms-index-index #newsletter-validate-detail-cms ul.messages li.error-msg li,
  .cms-index-index #newsletter-validate-detail ul.messages li.error-msg li, .catalog-category-view #newsletter-validate-detail-cms ul.messages li.error-msg li,
  .catalog-category-view #newsletter-validate-detail ul.messages li.error-msg li {
    color: #990000; }

.focuspoint {
  position: relative;
  overflow: hidden; }

.focuspoint img {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: none;
  max-width: none; }

/*
* Dependant on category being named shop
*/
.catalog-category-view.category-shop .breadcrumbs {
  display: none; }

.catalog-category-view.category-shop .main-container div.main {
  padding-top: 118px; }

@media only screen and (min-width: 769px) {
  .catalog-category-view.category-shop .main-container div.main {
    padding-top: 124px; } }

.catalog-category-view.category-shop .button.btn-ghost.btn-medium, .catalog-category-view.category-shop a.button.btn-ghost.btn-medium {
  font-size: 16px;
  padding: 11px 24px; }

.catalog-category-view.category-shop .tab-container .tab-controls .tabs {
  border-bottom: 3px solid #E7E7EA; }
  @media only screen and (max-width: 768px) {
    .catalog-category-view.category-shop .tab-container .tab-controls .tabs li {
      display: inline-block; } }

@media only screen and (max-width: 768px) {
  .catalog-category-view.category-shop .category-widget-banner {
    padding-top: 6px; } }

.catalog-category-view .category-widget-banner .widget-banner li {
  font-size: 22px;
  line-height: 29.33px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  text-align: center;
  background-color: #525255;
  padding: 13.5px 15px;
  color: #FFFFFF;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
  @media only screen and (min-width: 600px) {
    .catalog-category-view .category-widget-banner .widget-banner li {
      margin-left: 6px;
      margin-right: 6px; } }
  @media only screen and (min-width: 769px) {
    .catalog-category-view .category-widget-banner .widget-banner li {
      font-size: 25px;
      line-height: 33.33px;
      text-shadow: 0px 1px 1px rgba(20, 20, 20, 0.5);
      margin: 12px 1% 0; } }

.catalog-category-view .quadrants-container {
  position: relative;
  border-bottom: 1px solid #CFCFD5; }
  @media only screen and (max-width: 768px) {
    .catalog-category-view .quadrants-container {
      padding-top: 6px; } }

.shop-menu .cms-shop-menu {
  background-color: #F3F3F4;
  border-bottom: 1px solid #CFCFD5;
  height: 117px;
  padding-top: 20px; }
  @media only screen and (max-width: 768px) {
    .shop-menu .cms-shop-menu {
      overflow: hidden; } }
  .shop-menu .cms-shop-menu div.owl-item {
    display: inline-block;
    text-align: center;
    border: none;
    vertical-align: middle;
    width: 72px;
    height: 88px; }
    @media only screen and (max-width: 768px) {
      .shop-menu .cms-shop-menu div.owl-item {
        opacity: 0;
        -webkit-transition: opacity 200ms ease-in-out;
        transition: opacity 200ms ease-in-out; }
        .shop-menu .cms-shop-menu div.owl-item.active {
          opacity: 1; } }
    @media only screen and (min-width: 1601px) {
      .shop-menu .cms-shop-menu div.owl-item {
        width: 122px; } }
    @media only screen and (max-width: 768px) {
      .shop-menu .cms-shop-menu div.owl-item .shop-nav {
        overflow: hidden; }
        .shop-menu .cms-shop-menu div.owl-item .shop-nav h5 {
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; } }
    .shop-menu .cms-shop-menu div.owl-item img {
      /*width: 72px;*/
      margin: 0 auto 12px; }
  .shop-menu .cms-shop-menu a img {
    margin-bottom: 12px; }
    @media only screen and (max-width: 768px) {
      .shop-menu .cms-shop-menu a img {
        display: block; } }

.shop-menu .owl-dots {
  display: none !important; }

@media only screen and (max-width: 768px) {
  .shop-menu .owl-nav {
    display: block; } }

.shop-menu .owl-nav .owl-prev {
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  text-indent: -999999px; }
  @media only screen and (max-width: 479px) {
    .shop-menu .owl-nav .owl-prev {
      left: 9px; } }
  .shop-menu .owl-nav .owl-prev:before {
    background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png);
    display: block;
    content: '';
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: -110px -115px;
    position: absolute; }

.shop-menu .owl-nav .owl-next {
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 50%;
  text-indent: -999999px; }
  @media only screen and (max-width: 479px) {
    .shop-menu .owl-nav .owl-next {
      right: 18px; } }
  .shop-menu .owl-nav .owl-next:before {
    background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png);
    display: block;
    content: '';
    width: 8px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: -111px -98px;
    position: absolute; }

@media only screen and (min-width: 769px) {
  .shop-menu .owl-nav {
    display: none; } }

@media only screen and (max-width: 599px) {
  .shop-menu {
    margin-bottom: 6px; } }

@media only screen and (max-width: 768px) {
  .shop-menu {
    margin-bottom: 6px;
    position: absolute;
    width: 100%;
    top: 0px; } }

@media only screen and (min-width: 769px) {
  .shop-menu {
    display: none; } }

/* ============================================ *
 * Breadcrumbs
 * ============================================ */
.catalog-category-view .main-container,
.catalogsearch-result-index .main-container {
  padding: 0; }
  .catalog-category-view .main-container .main,
  .catalogsearch-result-index .main-container .main {
    padding-top: 0;
    max-width: 100%; }
    @media only screen and (min-width: 600px) {
      .catalog-category-view .main-container .main .category-products,
      .catalogsearch-result-index .main-container .main .category-products {
        background: white;
        -webkit-transform: translateZ(10px);
        -ms-transform: translateZ(10px);
        transform: translateZ(10px); } }
    .catalog-category-view .main-container .main .price-box .price-label,
    .catalogsearch-result-index .main-container .main .price-box .price-label {
      color: #141414;
      font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .catalog-category-view .main-container .price-box .special-price,
  .catalogsearch-result-index .main-container .price-box .special-price {
    padding-left: 0px; }

.catalog-category-view .breadcrumbs,
.catalogsearch-result-index .breadcrumbs {
  clear: both;
  margin: 0 auto;
  border-left: none;
  border-right: none;
  border-top: 0; }
  .catalog-category-view .breadcrumbs .icon-chat,
  .catalog-category-view .breadcrumbs .share,
  .catalogsearch-result-index .breadcrumbs .icon-chat,
  .catalogsearch-result-index .breadcrumbs .share {
    display: none; }
  .catalog-category-view .breadcrumbs .crumbs,
  .catalogsearch-result-index .breadcrumbs .crumbs {
    max-width: 1550px;
    margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .catalog-category-view .breadcrumbs,
    .catalogsearch-result-index .breadcrumbs {
      display: block; } }

.catalog-category-view .icon.continue,
.catalogsearch-result-index .icon.continue {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  padding: 15px;
  bottom: 0; }
  .catalog-category-view .icon.continue.animated,
  .catalogsearch-result-index .icon.continue.animated {
    -webkit-animation: continue-bounce 1s forwards;
    animation: continue-bounce 1s forwards; }
  .catalog-category-view .icon.continue:before,
  .catalogsearch-result-index .icon.continue:before {
    margin: auto;
    content: "";
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -109px -133px;
    height: 16px;
    width: 26px;
    display: block; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      .catalog-category-view .icon.continue:before,
      .catalogsearch-result-index .icon.continue:before {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }

.catalog-category-view .has-image .icon.continue:before,
.catalogsearch-result-index .has-image .icon.continue:before {
  background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -174px -133px;
  height: 16px;
  width: 26px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .catalog-category-view .has-image .icon.continue:before,
    .catalogsearch-result-index .has-image .icon.continue:before {
      background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
      background-size: 300px 1200px; } }

.category-banner {
  max-width: 1000px;
  margin: 14px auto 0;
  padding-bottom: 14px; }
  @media only screen and (max-width: 768px) {
    .category-banner {
      display: none; } }
  .category-banner .banner-content {
    padding: 30px 12px;
    text-align: center;
    color: white; }
  .category-banner img {
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  .category-banner p {
    margin-bottom: 12px; }
  .category-banner a {
    color: white; }

/* ============================================ *
 * Products Grid
 * ============================================ */
.category-products .products-grid .product-info .actions .btn-cart {
  display: none; }

.catalog-category-view .availability.available-soon,
.catalog-category-view .availability.out-of-stock {
  display: none; }

/**
 * Hides an element with "mobile" class on desktop, sets it to @param $displayType on mobile.
 */
/**
 * Hides element on mobile
 */
.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

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

@-webkit-keyframes bounce {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes bounce {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-blur-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }

@keyframes fade-blur-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }

@-webkit-keyframes grow-in {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes grow-in {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes bounce-fade {
  0%, 3%, 15%, 25% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  11% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  18% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounce-fade {
  0%, 3%, 15%, 25% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  11% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  18% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounce-triangle {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
    -ms-transform: translateY(-20px) rotate(-45deg);
    transform: translateY(-20px) rotate(-45deg); }
  50% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); } }

@keyframes bounce-triangle {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
    -ms-transform: translateY(-20px) rotate(-45deg);
    transform: translateY(-20px) rotate(-45deg); }
  50% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes shake {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px); }
  50% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px); } }

@keyframes shake {
  0%, 10%, 40%, 70%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px); }
  50% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px); } }

@-webkit-keyframes tooltip-fade-in {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes tooltip-fade-in {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes map-heart-fade {
  0% {
    top: -15px;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0; }
  15% {
    opacity: 1; }
  20% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  40% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  60% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  80% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  85% {
    opacity: 1; }
  100% {
    top: -40px;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); } }

@keyframes map-heart-fade {
  0% {
    top: -15px;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0; }
  15% {
    opacity: 1; }
  20% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  40% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  60% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); }
  80% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px); }
  85% {
    opacity: 1; }
  100% {
    top: -40px;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px); } }

@-webkit-keyframes map-cloud-one {
  0% {
    left: 30%; }
  15% {
    left: 0%; }
  65% {
    left: 100%; }
  100% {
    left: 30%; } }

@keyframes map-cloud-one {
  0% {
    left: 30%; }
  15% {
    left: 0%; }
  65% {
    left: 100%; }
  100% {
    left: 30%; } }

@-webkit-keyframes map-cloud-two {
  0% {
    left: 75%; }
  12.5% {
    left: 100%; }
  62.5% {
    left: 0%; }
  100% {
    left: 75%; } }

@keyframes map-cloud-two {
  0% {
    left: 75%; }
  12.5% {
    left: 100%; }
  62.5% {
    left: 0%; }
  100% {
    left: 75%; } }

@-webkit-keyframes map-hotspot-blip {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); } }

@keyframes map-hotspot-blip {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); } }

@-webkit-keyframes map-drawing-float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  75% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes map-drawing-float {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  25% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  75% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 69px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 69px; }
  100% {
    top: 59px; } }

@keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 69px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 69px; }
  100% {
    top: 59px; } }

@-webkit-keyframes fip-on {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes fip-on {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes fade-in-slide-up-lower {
  0% {
    opacity: 0;
    top: 70px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 70px; }
  100% {
    top: 60px; } }

@keyframes fade-in-slide-up-lower {
  0% {
    opacity: 0;
    top: 70px; }
  79% {
    opacity: 0; }
  80% {
    opacity: 1;
    top: 70px; }
  100% {
    top: 60px; } }

@-webkit-keyframes fade-out-slide-down {
  0% {
    opacity: 1;
    top: 50px; }
  19% {
    opacity: 1; }
  20% {
    opacity: 0;
    top: 60px; }
  100% {
    top: 60px; } }

@keyframes fade-out-slide-down {
  0% {
    opacity: 1;
    top: 50px; }
  19% {
    opacity: 1; }
  20% {
    opacity: 0;
    top: 60px; }
  100% {
    top: 60px; } }

@-webkit-keyframes dropdown-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes dropdown-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); } }

@-webkit-keyframes grow-fade-in {
  0% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes grow-fade-in {
  0% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes continue-bounce {
  0%, 20%, 50%, 80%, 100% {
    bottom: 0; }
  40% {
    bottom: 12px; }
  60% {
    bottom: 6px; } }

@keyframes continue-bounce {
  0%, 20%, 50%, 80%, 100% {
    bottom: 0; }
  40% {
    bottom: 12px; }
  60% {
    bottom: 6px; } }

@media only screen and (max-width: 768px) {
  body.customer-account .block.block-list.block-compare .actions {
    display: none; } }

.catalogsearch-result-index .compare-messages,
.catalog-category-view .compare-messages,
.customer-account .compare-messages {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  -webkit-transform: translateZ(15px);
  -ms-transform: translateZ(15px);
  transform: translateZ(15px); }
  .catalogsearch-result-index .compare-messages .close,
  .catalog-category-view .compare-messages .close,
  .customer-account .compare-messages .close {
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer; }
    .catalogsearch-result-index .compare-messages .close:after,
    .catalog-category-view .compare-messages .close:after,
    .customer-account .compare-messages .close:after {
      content: '\e905';
      font-family: 'icomoon';
      display: inline-block;
      color: #ffffff;
      font-size: 1.4286rem; }
  .catalogsearch-result-index .compare-messages li li,
  .catalog-category-view .compare-messages li li,
  .customer-account .compare-messages li li {
    max-width: 1600px;
    margin: auto; }
    .catalogsearch-result-index .compare-messages li li span a,
    .catalog-category-view .compare-messages li li span a,
    .customer-account .compare-messages li li span a {
      color: white;
      text-transform: none;
      cursor: pointer;
      font-size: 1.3214rem;
      text-decoration: underline; }
      .catalogsearch-result-index .compare-messages li li span a:hover,
      .catalog-category-view .compare-messages li li span a:hover,
      .customer-account .compare-messages li li span a:hover {
        text-decoration: underline; }

.catalogsearch-result-index .loading-overlay,
.catalogsearch-result-index .fancybox-overlay,
.catalog-category-view .loading-overlay,
.catalog-category-view .fancybox-overlay,
.customer-account .loading-overlay,
.customer-account .fancybox-overlay {
  -webkit-transform: translateZ(15px);
  -ms-transform: translateZ(15px);
  transform: translateZ(15px); }

@media only screen and (max-width: 768px) {
  .catalogsearch-result-index .fancybox-overlay,
  .catalogsearch-result-index .fancybox-mobile,
  .catalog-category-view .fancybox-overlay,
  .catalog-category-view .fancybox-mobile,
  .customer-account .fancybox-overlay,
  .customer-account .fancybox-mobile {
    display: none; } }

.catalogsearch-result-index .fancybox-overlay .fancybox-skin,
.catalogsearch-result-index .fancybox-mobile .fancybox-skin,
.catalog-category-view .fancybox-overlay .fancybox-skin,
.catalog-category-view .fancybox-mobile .fancybox-skin,
.customer-account .fancybox-overlay .fancybox-skin,
.customer-account .fancybox-mobile .fancybox-skin {
  background-color: #ffffff;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #CFCFD5; }

.catalogsearch-result-index .fancybox-overlay .fancybox-inner > div,
.catalogsearch-result-index .fancybox-mobile .fancybox-inner > div,
.catalog-category-view .fancybox-overlay .fancybox-inner > div,
.catalog-category-view .fancybox-mobile .fancybox-inner > div,
.customer-account .fancybox-overlay .fancybox-inner > div,
.customer-account .fancybox-mobile .fancybox-inner > div {
  max-width: 99.9%; }
  .catalogsearch-result-index .fancybox-overlay .fancybox-inner > div h3,
  .catalogsearch-result-index .fancybox-mobile .fancybox-inner > div h3,
  .catalog-category-view .fancybox-overlay .fancybox-inner > div h3,
  .catalog-category-view .fancybox-mobile .fancybox-inner > div h3,
  .customer-account .fancybox-overlay .fancybox-inner > div h3,
  .customer-account .fancybox-mobile .fancybox-inner > div h3 {
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 6px 0 15px 0;
    letter-spacing: 3px; }

.catalogsearch-result-index .fancybox-overlay table.products-table .product-image,
.catalogsearch-result-index .fancybox-mobile table.products-table .product-image,
.catalog-category-view .fancybox-overlay table.products-table .product-image,
.catalog-category-view .fancybox-mobile table.products-table .product-image,
.customer-account .fancybox-overlay table.products-table .product-image,
.customer-account .fancybox-mobile table.products-table .product-image {
  margin-bottom: 5px; }

.catalogsearch-result-index .fancybox-overlay .data-table h2.product-name,
.catalogsearch-result-index .fancybox-mobile .data-table h2.product-name,
.catalog-category-view .fancybox-overlay .data-table h2.product-name,
.catalog-category-view .fancybox-mobile .data-table h2.product-name,
.customer-account .fancybox-overlay .data-table h2.product-name,
.customer-account .fancybox-mobile .data-table h2.product-name {
  margin-bottom: 0; }

.catalogsearch-result-index .fancybox-overlay .data-table h2 a,
.catalogsearch-result-index .fancybox-mobile .data-table h2 a,
.catalog-category-view .fancybox-overlay .data-table h2 a,
.catalog-category-view .fancybox-mobile .data-table h2 a,
.customer-account .fancybox-overlay .data-table h2 a,
.customer-account .fancybox-mobile .data-table h2 a {
  font-size: 1.2857rem;
  margin-bottom: 0;
  line-height: 24px; }

.catalogsearch-result-index .fancybox-overlay .data-table .ratings,
.catalogsearch-result-index .fancybox-mobile .data-table .ratings,
.catalog-category-view .fancybox-overlay .data-table .ratings,
.catalog-category-view .fancybox-mobile .data-table .ratings,
.customer-account .fancybox-overlay .data-table .ratings,
.customer-account .fancybox-mobile .data-table .ratings {
  margin: 1px 0; }

.catalogsearch-result-index .fancybox-overlay .data-table .price-box,
.catalogsearch-result-index .fancybox-mobile .data-table .price-box,
.catalog-category-view .fancybox-overlay .data-table .price-box,
.catalog-category-view .fancybox-mobile .data-table .price-box,
.customer-account .fancybox-overlay .data-table .price-box,
.customer-account .fancybox-mobile .data-table .price-box {
  margin: 4px 0 0 0; }

.catalogsearch-result-index .fancybox-overlay .data-table .savings-story,
.catalogsearch-result-index .fancybox-mobile .data-table .savings-story,
.catalog-category-view .fancybox-overlay .data-table .savings-story,
.catalog-category-view .fancybox-mobile .data-table .savings-story,
.customer-account .fancybox-overlay .data-table .savings-story,
.customer-account .fancybox-mobile .data-table .savings-story {
  margin-bottom: 6px; }

.catalogsearch-result-index .fancybox-overlay a.fancybox-close,
.catalogsearch-result-index .fancybox-mobile a.fancybox-close,
.catalog-category-view .fancybox-overlay a.fancybox-close,
.catalog-category-view .fancybox-mobile a.fancybox-close,
.customer-account .fancybox-overlay a.fancybox-close,
.customer-account .fancybox-mobile a.fancybox-close {
  background-image: none;
  top: 21px;
  right: 25px;
  text-align: center; }
  .catalogsearch-result-index .fancybox-overlay a.fancybox-close:after,
  .catalogsearch-result-index .fancybox-mobile a.fancybox-close:after,
  .catalog-category-view .fancybox-overlay a.fancybox-close:after,
  .catalog-category-view .fancybox-mobile a.fancybox-close:after,
  .customer-account .fancybox-overlay a.fancybox-close:after,
  .customer-account .fancybox-mobile a.fancybox-close:after {
    content: '\e905';
    font-family: 'icomoon';
    display: inline-block;
    color: #909294;
    font-size: 1.4286rem;
    padding: 10px 12px;
    border-radius: 100%;
    background-color: white;
    opacity: 0.5; }

.catalogsearch-result-index .fancybox-overlay .compare-table .ratings .rating-box,
.catalogsearch-result-index .fancybox-mobile .compare-table .ratings .rating-box,
.catalog-category-view .fancybox-overlay .compare-table .ratings .rating-box,
.catalog-category-view .fancybox-mobile .compare-table .ratings .rating-box,
.customer-account .fancybox-overlay .compare-table .ratings .rating-box,
.customer-account .fancybox-mobile .compare-table .ratings .rating-box {
  margin: auto;
  resize: none;
  width: 72px; }

.catalogsearch-result-index .fancybox-overlay .compare-table .ratings .amount,
.catalogsearch-result-index .fancybox-mobile .compare-table .ratings .amount,
.catalog-category-view .fancybox-overlay .compare-table .ratings .amount,
.catalog-category-view .fancybox-mobile .compare-table .ratings .amount,
.customer-account .fancybox-overlay .compare-table .ratings .amount,
.customer-account .fancybox-mobile .compare-table .ratings .amount {
  display: none; }

.catalogsearch-result-index .fancybox-overlay .compare-table .price-box .minimal-price-link,
.catalogsearch-result-index .fancybox-mobile .compare-table .price-box .minimal-price-link,
.catalog-category-view .fancybox-overlay .compare-table .price-box .minimal-price-link,
.catalog-category-view .fancybox-mobile .compare-table .price-box .minimal-price-link,
.customer-account .fancybox-overlay .compare-table .price-box .minimal-price-link,
.customer-account .fancybox-mobile .compare-table .price-box .minimal-price-link {
  display: none; }

.catalogsearch-result-index .fancybox-overlay .compare-table .price-box .price,
.catalogsearch-result-index .fancybox-mobile .compare-table .price-box .price,
.catalog-category-view .fancybox-overlay .compare-table .price-box .price,
.catalog-category-view .fancybox-mobile .compare-table .price-box .price,
.customer-account .fancybox-overlay .compare-table .price-box .price,
.customer-account .fancybox-mobile .compare-table .price-box .price {
  font-size: 1rem; }

.catalogsearch-result-index .fancybox-overlay .compare-table a.btn-remove,
.catalogsearch-result-index .fancybox-mobile .compare-table a.btn-remove,
.catalog-category-view .fancybox-overlay .compare-table a.btn-remove,
.catalog-category-view .fancybox-mobile .compare-table a.btn-remove,
.customer-account .fancybox-overlay .compare-table a.btn-remove,
.customer-account .fancybox-mobile .compare-table a.btn-remove {
  border: none;
  font: 12px "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  color: #525255;
  font-size: 0.8571rem;
  display: inline-block;
  width: auto; }
  .catalogsearch-result-index .fancybox-overlay .compare-table a.btn-remove:after,
  .catalogsearch-result-index .fancybox-mobile .compare-table a.btn-remove:after,
  .catalog-category-view .fancybox-overlay .compare-table a.btn-remove:after,
  .catalog-category-view .fancybox-mobile .compare-table a.btn-remove:after,
  .customer-account .fancybox-overlay .compare-table a.btn-remove:after,
  .customer-account .fancybox-mobile .compare-table a.btn-remove:after {
    content: '';
    display: none; }
  .catalogsearch-result-index .fancybox-overlay .compare-table a.btn-remove:before,
  .catalogsearch-result-index .fancybox-mobile .compare-table a.btn-remove:before,
  .catalog-category-view .fancybox-overlay .compare-table a.btn-remove:before,
  .catalog-category-view .fancybox-mobile .compare-table a.btn-remove:before,
  .customer-account .fancybox-overlay .compare-table a.btn-remove:before,
  .customer-account .fancybox-mobile .compare-table a.btn-remove:before {
    content: '\e905';
    font-family: 'icomoon';
    display: inline-block;
    position: relative;
    top: 1px;
    padding-right: 8px; }
  .catalogsearch-result-index .fancybox-overlay .compare-table a.btn-remove:hover,
  .catalogsearch-result-index .fancybox-mobile .compare-table a.btn-remove:hover,
  .catalog-category-view .fancybox-overlay .compare-table a.btn-remove:hover,
  .catalog-category-view .fancybox-mobile .compare-table a.btn-remove:hover,
  .customer-account .fancybox-overlay .compare-table a.btn-remove:hover,
  .customer-account .fancybox-mobile .compare-table a.btn-remove:hover {
    background: transparent;
    text-decoration: none; }

.catalogsearch-result-index .fancybox-overlay .compare-table tbody,
.catalogsearch-result-index .fancybox-mobile .compare-table tbody,
.catalog-category-view .fancybox-overlay .compare-table tbody,
.catalog-category-view .fancybox-mobile .compare-table tbody,
.customer-account .fancybox-overlay .compare-table tbody,
.customer-account .fancybox-mobile .compare-table tbody {
  border: none; }
  .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr th, .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr td,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr th,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr td,
  .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr th,
  .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr td,
  .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr th,
  .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr td,
  .customer-account .fancybox-overlay .compare-table tbody.product-details tr th,
  .customer-account .fancybox-overlay .compare-table tbody.product-details tr td,
  .customer-account .fancybox-mobile .compare-table tbody.product-details tr th,
  .customer-account .fancybox-mobile .compare-table tbody.product-details tr td {
    position: relative;
    padding: 23px;
    height: 60px; }
    .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr th div, .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr th span, .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr td div, .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr td span,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr th div,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr th span,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr td div,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr td span,
    .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr th div,
    .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr th span,
    .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr td div,
    .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr td span,
    .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr th div,
    .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr th span,
    .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr td div,
    .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr td span,
    .customer-account .fancybox-overlay .compare-table tbody.product-details tr th div,
    .customer-account .fancybox-overlay .compare-table tbody.product-details tr th span,
    .customer-account .fancybox-overlay .compare-table tbody.product-details tr td div,
    .customer-account .fancybox-overlay .compare-table tbody.product-details tr td span,
    .customer-account .fancybox-mobile .compare-table tbody.product-details tr th div,
    .customer-account .fancybox-mobile .compare-table tbody.product-details tr th span,
    .customer-account .fancybox-mobile .compare-table tbody.product-details tr td div,
    .customer-account .fancybox-mobile .compare-table tbody.product-details tr td span {
      text-transform: none;
      display: inline-block;
      vertical-align: middle; }
  .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr.odd th,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr.odd th,
  .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr.odd th,
  .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr.odd th,
  .customer-account .fancybox-overlay .compare-table tbody.product-details tr.odd th,
  .customer-account .fancybox-mobile .compare-table tbody.product-details tr.odd th {
    background-color: #E7E7EA; }
  .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr.odd td,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr.odd td,
  .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr.odd td,
  .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr.odd td,
  .customer-account .fancybox-overlay .compare-table tbody.product-details tr.odd td,
  .customer-account .fancybox-mobile .compare-table tbody.product-details tr.odd td {
    background-color: #F3F3F4; }
  .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr th,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr th,
  .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr th,
  .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr th,
  .customer-account .fancybox-overlay .compare-table tbody.product-details tr th,
  .customer-account .fancybox-mobile .compare-table tbody.product-details tr th {
    text-align: left; }
  .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr td,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr td,
  .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr td,
  .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr td,
  .customer-account .fancybox-overlay .compare-table tbody.product-details tr td,
  .customer-account .fancybox-mobile .compare-table tbody.product-details tr td {
    text-align: center; }
    .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr td div, .catalogsearch-result-index .fancybox-overlay .compare-table tbody.product-details tr td span,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr td div,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody.product-details tr td span,
    .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr td div,
    .catalog-category-view .fancybox-overlay .compare-table tbody.product-details tr td span,
    .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr td div,
    .catalog-category-view .fancybox-mobile .compare-table tbody.product-details tr td span,
    .customer-account .fancybox-overlay .compare-table tbody.product-details tr td div,
    .customer-account .fancybox-overlay .compare-table tbody.product-details tr td span,
    .customer-account .fancybox-mobile .compare-table tbody.product-details tr td div,
    .customer-account .fancybox-mobile .compare-table tbody.product-details tr td span {
      font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .catalogsearch-result-index .fancybox-overlay .compare-table tbody th,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody th,
  .catalog-category-view .fancybox-overlay .compare-table tbody th,
  .catalog-category-view .fancybox-mobile .compare-table tbody th,
  .customer-account .fancybox-overlay .compare-table tbody th,
  .customer-account .fancybox-mobile .compare-table tbody th {
    background-color: #F3F3F4;
    border-right: 1px solid #E7E7EA;
    background-clip: padding-box; }
    .catalogsearch-result-index .fancybox-overlay .compare-table tbody th span,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody th span,
    .catalog-category-view .fancybox-overlay .compare-table tbody th span,
    .catalog-category-view .fancybox-mobile .compare-table tbody th span,
    .customer-account .fancybox-overlay .compare-table tbody th span,
    .customer-account .fancybox-mobile .compare-table tbody th span {
      white-space: normal; }
  .catalogsearch-result-index .fancybox-overlay .compare-table tbody tr, .catalogsearch-result-index .fancybox-overlay .compare-table tbody td,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody tr,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody td,
  .catalog-category-view .fancybox-overlay .compare-table tbody tr,
  .catalog-category-view .fancybox-overlay .compare-table tbody td,
  .catalog-category-view .fancybox-mobile .compare-table tbody tr,
  .catalog-category-view .fancybox-mobile .compare-table tbody td,
  .customer-account .fancybox-overlay .compare-table tbody tr,
  .customer-account .fancybox-overlay .compare-table tbody td,
  .customer-account .fancybox-mobile .compare-table tbody tr,
  .customer-account .fancybox-mobile .compare-table tbody td {
    border: none;
    background-color: #ffffff;
    background-clip: padding-box; }
  .catalogsearch-result-index .fancybox-overlay .compare-table tbody tr,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody tr,
  .catalog-category-view .fancybox-overlay .compare-table tbody tr,
  .catalog-category-view .fancybox-mobile .compare-table tbody tr,
  .customer-account .fancybox-overlay .compare-table tbody tr,
  .customer-account .fancybox-mobile .compare-table tbody tr {
    border: 1px solid #E7E7EA;
    border-bottom: none; }
    .catalogsearch-result-index .fancybox-overlay .compare-table tbody tr.even,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody tr.even,
    .catalog-category-view .fancybox-overlay .compare-table tbody tr.even,
    .catalog-category-view .fancybox-mobile .compare-table tbody tr.even,
    .customer-account .fancybox-overlay .compare-table tbody tr.even,
    .customer-account .fancybox-mobile .compare-table tbody tr.even {
      background-color: #F3F3F4; }
    .catalogsearch-result-index .fancybox-overlay .compare-table tbody tr:last-child,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody tr:last-child,
    .catalog-category-view .fancybox-overlay .compare-table tbody tr:last-child,
    .catalog-category-view .fancybox-mobile .compare-table tbody tr:last-child,
    .customer-account .fancybox-overlay .compare-table tbody tr:last-child,
    .customer-account .fancybox-mobile .compare-table tbody tr:last-child {
      border-bottom: 1px solid #E7E7EA; }
    .catalogsearch-result-index .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first,
    .catalogsearch-result-index .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first,
    .catalog-category-view .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first,
    .catalog-category-view .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first,
    .customer-account .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first,
    .customer-account .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first {
      border: none;
      border-bottom: 1px solid #E7E7EA; }
      .catalogsearch-result-index .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first th, .catalogsearch-result-index .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first td,
      .catalogsearch-result-index .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first th,
      .catalogsearch-result-index .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first td,
      .catalog-category-view .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first th,
      .catalog-category-view .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first td,
      .catalog-category-view .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first th,
      .catalog-category-view .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first td,
      .customer-account .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first th,
      .customer-account .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first td,
      .customer-account .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first th,
      .customer-account .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first td {
        background-color: #ffffff;
        border-right: none;
        padding-bottom: 21px; }
      .catalogsearch-result-index .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first .product-image img,
      .catalogsearch-result-index .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first .product-image img,
      .catalog-category-view .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first .product-image img,
      .catalog-category-view .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first .product-image img,
      .customer-account .fancybox-overlay .compare-table tbody tr.product-shop-row.top.first .product-image img,
      .customer-account .fancybox-mobile .compare-table tbody tr.product-shop-row.top.first .product-image img {
        margin: auto; }
  .catalogsearch-result-index .fancybox-overlay .compare-table tbody td,
  .catalogsearch-result-index .fancybox-mobile .compare-table tbody td,
  .catalog-category-view .fancybox-overlay .compare-table tbody td,
  .catalog-category-view .fancybox-mobile .compare-table tbody td,
  .customer-account .fancybox-overlay .compare-table tbody td,
  .customer-account .fancybox-mobile .compare-table tbody td {
    border-right: 1px solid #E7E7EA; }

.catalogsearch-result-index .fancybox-overlay .compare-table thead tr, .catalogsearch-result-index .fancybox-overlay .compare-table thead td, .catalogsearch-result-index .fancybox-overlay .compare-table thead th,
.catalogsearch-result-index .fancybox-mobile .compare-table thead tr,
.catalogsearch-result-index .fancybox-mobile .compare-table thead td,
.catalogsearch-result-index .fancybox-mobile .compare-table thead th,
.catalog-category-view .fancybox-overlay .compare-table thead tr,
.catalog-category-view .fancybox-overlay .compare-table thead td,
.catalog-category-view .fancybox-overlay .compare-table thead th,
.catalog-category-view .fancybox-mobile .compare-table thead tr,
.catalog-category-view .fancybox-mobile .compare-table thead td,
.catalog-category-view .fancybox-mobile .compare-table thead th,
.customer-account .fancybox-overlay .compare-table thead tr,
.customer-account .fancybox-overlay .compare-table thead td,
.customer-account .fancybox-overlay .compare-table thead th,
.customer-account .fancybox-mobile .compare-table thead tr,
.customer-account .fancybox-mobile .compare-table thead td,
.customer-account .fancybox-mobile .compare-table thead th {
  border: none;
  border-right: none;
  background-color: #ffffff;
  background-clip: padding-box; }

.catalogsearch-result-index .fancybox-overlay table.products-table,
.catalogsearch-result-index .fancybox-mobile table.products-table,
.catalog-category-view .fancybox-overlay table.products-table,
.catalog-category-view .fancybox-mobile table.products-table,
.customer-account .fancybox-overlay table.products-table,
.customer-account .fancybox-mobile table.products-table {
  resize: both;
  width: 99.9%; }
  .catalogsearch-result-index .fancybox-overlay table.products-table tbody, .catalogsearch-result-index .fancybox-overlay table.products-table thead, .catalogsearch-result-index .fancybox-overlay table.products-table tr,
  .catalogsearch-result-index .fancybox-mobile table.products-table tbody,
  .catalogsearch-result-index .fancybox-mobile table.products-table thead,
  .catalogsearch-result-index .fancybox-mobile table.products-table tr,
  .catalog-category-view .fancybox-overlay table.products-table tbody,
  .catalog-category-view .fancybox-overlay table.products-table thead,
  .catalog-category-view .fancybox-overlay table.products-table tr,
  .catalog-category-view .fancybox-mobile table.products-table tbody,
  .catalog-category-view .fancybox-mobile table.products-table thead,
  .catalog-category-view .fancybox-mobile table.products-table tr,
  .customer-account .fancybox-overlay table.products-table tbody,
  .customer-account .fancybox-overlay table.products-table thead,
  .customer-account .fancybox-overlay table.products-table tr,
  .customer-account .fancybox-mobile table.products-table tbody,
  .customer-account .fancybox-mobile table.products-table thead,
  .customer-account .fancybox-mobile table.products-table tr {
    width: 100%;
    resize: both; }

li[data-product-id] .button + .button {
  margin-left: 0px; }

li[data-product-id] div a.button.btn-tertiary.btn-small {
  display: inline-block;
  height: 24px;
  font-size: 0.7857rem;
  line-height: 14px;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
  li[data-product-id] div a.button.btn-tertiary.btn-small:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid #525255;
    padding: 5px 6px; }
    li[data-product-id] div a.button.btn-tertiary.btn-small:first-child:after {
      content: '';
      display: inline-block;
      background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -150px -709px;
      height: 13px;
      width: 13px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
        li[data-product-id] div a.button.btn-tertiary.btn-small:first-child:after {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }
  li[data-product-id] div a.button.btn-tertiary.btn-small:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 5px 18px 5px 12px; }

li[data-product-id] div:first-child {
  display: block; }

li[data-product-id] div:last-child {
  display: none; }

li[data-product-id].checked div a.button.btn-tertiary.btn-small {
  background-color: #08107B; }
  li[data-product-id].checked div a.button.btn-tertiary.btn-small:first-child:after {
    content: '';
    display: inline-block;
    background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat -150px -674px;
    height: 13px;
    width: 13px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      li[data-product-id].checked div a.button.btn-tertiary.btn-small:first-child:after {
        background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
        background-size: 300px 1200px; } }

li[data-product-id].checked div:first-child {
  display: none; }

li[data-product-id].checked div:last-child {
  display: block; }

.loading-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -999em;
  opacity: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9999;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }
  .loading-overlay.loading {
    opacity: 1;
    left: 0;
    right: 0; }
  .loading-overlay body {
    background-color: #111; }
  .loading-overlay .loader1, .loading-overlay .loader2, .loading-overlay .loader3 {
    position: absolute;
    border: 3px solid transparent;
    border-top: 3px solid #08107B;
    border-radius: 50%;
    content: '';
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block; }
  .loading-overlay .loader1 {
    height: 70px;
    width: 70px;
    -webkit-animation: rotateNeg linear infinite;
    animation: rotateNeg linear infinite;
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms; }
  .loading-overlay .loader2 {
    height: 60px;
    width: 60px;
    -webkit-animation: rotate linear infinite;
    animation: rotate linear infinite;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms; }
  .loading-overlay .loader3 {
    height: 50px;
    width: 50px;
    -webkit-animation: rotateNeg linear infinite;
    animation: rotateNeg linear infinite;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translateY(-50%) rotate(360deg); }
  100% {
    -webkit-transform: translateY(-50%) rotate(0deg); } }

@keyframes rotate {
  from {
    -webkit-transform: translateY(-50%) rotateZ(360deg);
            transform: translateY(-50%) rotateZ(360deg); }
  to {
    -webkit-transform: translateY(-50%) rotateZ(0deg);
            transform: translateY(-50%) rotateZ(0deg); } }

@-webkit-keyframes rotateNeg {
  0% {
    -webkit-transform: translateY(-50%) rotate(-360deg); }
  100% {
    -webkit-transform: translateY(-50%) rotate(0deg); } }

@keyframes rotateNeg {
  from {
    -webkit-transform: translateY(-50%) rotateZ(-360deg);
            transform: translateY(-50%) rotateZ(-360deg); }
  to {
    -webkit-transform: translateY(-50%) rotateZ(0deg);
            transform: translateY(-50%) rotateZ(0deg); } }

/* ============================================ *
 * Savings Story
 * ============================================ */
body .wrapper .page .price-box {
  margin-bottom: 0px; }
  body .wrapper .page .price-box .old-price .price {
    font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #909294; }
  body .wrapper .page .price-box .special-price {
    padding-right: 12px; }
    body .wrapper .page .price-box .special-price .price {
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

body .wrapper .page .savings-story {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }

body .wrapper .page .item div.price-box .price {
  font-size: 1.1429rem;
  line-height: 1.3333;
  margin-left: 0; }

body .wrapper .page .item div.price-box .old-price {
  padding: 0px; }

body .wrapper .page .item div.price-box .special-price {
  padding-right: 6px; }

body.catalog-product-view .wrapper .page .savings-story {
  font-size: 1.1429rem; }

body.catalog-product-view .wrapper .page .product-shop .special-price .price {
  line-height: 24px; }

body.catalog-product-view .wrapper .page .price-valid .from-date:after {
  content: '-';
  display: inline-block;
  padding-left: 5px; }

body .wrapper .page .category-products .price-box {
  overflow: hidden;
  display: inline-block;
  width: 100%; }
  body .wrapper .page .category-products .price-box .old-price .price, body .wrapper .page .category-products .price-box .special-price .price {
    font-size: 1rem;
    line-height: 1.3333; }
  body .wrapper .page .category-products .price-box .special-price {
    padding-right: 6px; }

body .wrapper .page .category-products .savings-story {
  font-size: 1rem; }

body .wrapper .page .category-products .price-valid {
  font-size: 0.7143rem;
  font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #08107B;
  padding: 6px 0px 10px 0px; }
  body .wrapper .page .category-products .price-valid .from-date:after {
    content: '-';
    display: inline-block;
    padding-left: 5px; }

/* ============================================ *
 * Review - Customer
 * ============================================ */
body.catalog-product-view .product-view .product-essential .reviews-mobile .ratings {
  text-align: center; }

body.catalog-product-view .product-view .product-essential .reviews-mobile .ratings .rating-box,
body.catalog-product-view .product-view .product-essential .reviews-mobile .ratings .rating-decimal,
body.catalog-product-view .product-view .product-essential .reviews-mobile .ratings .rating-links {
  display: inline-block;
  float: none; }

body.catalog-product-view .product-view .product-essential .reviews-mobile .ratings .rating-decimal,
body.catalog-product-view .product-view .product-essential .reviews-mobile .ratings .rating-links {
  width: auto;
  position: relative;
  top: -2px; }

.product-view .reviews {
  margin: 0 auto;
  text-align: center;
  max-width: 797px;
  padding-top: 63px; }
  @media only screen and (max-width: 768px) {
    .product-view .reviews {
      padding-top: 0;
      padding-bottom: 0; } }
  @media only screen and (max-width: 768px) {
    .product-view .reviews .pages a, .product-view .reviews .pages .current, .product-view .reviews .pages li {
      font-size: 16px; }
    .product-view .reviews .pages li, .product-view .reviews .pages li.current {
      margin: 0 2px; }
    .product-view .reviews .pages .next {
      width: 20px; }
      .product-view .reviews .pages .next:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #777777;
        border-right: none;
        top: 50%;
        margin-top: -8px;
        left: 50%;
        margin-left: -4px;
        background: none; }
    .product-view .reviews .pages .previous {
      width: 20px; }
      .product-view .reviews .pages .previous:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #777777;
        border-left: none;
        top: 50%;
        margin-top: -8px;
        left: 50%;
        margin-left: -6px;
        background: none; }
    .product-view .reviews .pages .previous_jump, .product-view .reviews .pages .next_jump {
      width: 15px; } }

.product-view .no-rating {
  text-transform: uppercase;
  color: #08107B;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  cursor: pointer;
  margin-top: 7px;
  margin-bottom: 8px; }

.review-summary-bottom {
  position: relative; }
  .review-summary-bottom .rating-box {
    display: inline-block;
    cursor: pointer;
    width: 75px; }
  .review-summary-bottom .amount {
    text-transform: uppercase;
    color: #08107B;
    display: inline-block;
    position: relative;
    top: -6px;
    padding-left: 15px;
    cursor: pointer; }
  @media only screen and (min-width: 769px) {
    .review-summary-bottom {
      display: none; } }

.review-form {
  width: auto;
  float: none;
  margin: 0 auto;
  text-align: center;
  max-width: 797px;
  display: none; }
  .review-form .form-add {
    text-align: left; }

.reviews-description {
  line-height: 23.3px;
  font-size: 14px;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .reviews-description {
      padding: 0 12px; } }

.write-review {
  text-transform: uppercase;
  color: #08107B;
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  margin-top: 15px;
  margin-bottom: 25px;
  text-align: center;
  cursor: pointer; }

#featured-reviews {
  width: auto;
  float: none;
  margin: 0 auto;
  text-align: center;
  max-width: 797px; }
  #featured-reviews .review-heading:after:before, #featured-reviews .review-heading:after:after {
    content: " ";
    display: table; }
  #featured-reviews .review-heading:after:after {
    clear: both; }
  #featured-reviews .review-heading .pager {
    clear: none;
    float: right;
    width: auto; }
    #featured-reviews .review-heading .pager .count-container .limiter {
      margin-bottom: 0; }
      #featured-reviews .review-heading .pager .count-container .limiter label {
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
        font-size: 10px;
        text-transform: uppercase; }
    #featured-reviews .review-heading .pager .amount {
      display: none; }
  #featured-reviews h2 {
    color: #08107B;
    font-size: 11px;
    text-transform: uppercase; }
    #featured-reviews h2 span {
      color: #141414; }
  #featured-reviews h3 {
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase; }
    #featured-reviews h3 span {
      color: #08107B; }
  #featured-reviews .fieldset {
    padding-top: 25px;
    width: 470px; }
    #featured-reviews .fieldset h4 {
      border-bottom: 1px solid #CFCFD5;
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
      font-size: 11px;
      font-weight: normal;
      padding-bottom: 5px;
      text-transform: uppercase; }
      #featured-reviews .fieldset h4 em {
        display: none; }
    #featured-reviews .fieldset .form-list {
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
      font-size: 11px;
      font-weight: normal;
      margin: 10px 0;
      text-transform: uppercase;
      width: 470px; }
      #featured-reviews .fieldset .form-list .inline-label:after:before, #featured-reviews .fieldset .form-list .inline-label:after:after {
        content: " ";
        display: table; }
      #featured-reviews .fieldset .form-list .inline-label:after:after {
        clear: both; }
      #featured-reviews .fieldset .form-list label {
        font-size: 11px;
        font-weight: normal; }
      #featured-reviews .fieldset .form-list textarea {
        border: 1px solid #CFCFD5;
        border-radius: 0;
        min-width: 100%;
        -webkit-appearance: none; }
      #featured-reviews .fieldset .form-list input {
        border: 1px solid #CFCFD5;
        border-radius: 0; }
        #featured-reviews .fieldset .form-list input[type="text"] {
          width: 100%; }
  #featured-reviews .buttons-set {
    border: none;
    margin: 0;
    width: 470px; }
  #featured-reviews dl {
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 35px;
    text-align: left; }
    #featured-reviews dl dt {
      margin: 10px 0;
      margin-top: 25px; }
      #featured-reviews dl dt .review-meta {
        color: #08107B;
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: normal;
        display: block;
        font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        line-height: 12px; }
        #featured-reviews dl dt .review-meta .ratings {
          display: inline-block;
          margin: 0px; }
          #featured-reviews dl dt .review-meta .ratings .rating-box {
            margin: 0px;
            width: 75px; }
          #featured-reviews dl dt .review-meta .ratings .amount {
            display: none; }
        #featured-reviews dl dt .review-meta .meta-inner {
          vertical-align: top; }
      #featured-reviews dl dt .review-title {
        font-size: 18.5px;
        color: #141414;
        line-height: 24.67px;
        margin-top: 20px; }
    #featured-reviews dl dd {
      margin: 10px 0;
      font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 14px;
      color: #141414;
      line-height: 18.64px; }
      #featured-reviews dl dd .ratings-table {
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
        font-size: 11px;
        width: 100%; }
        #featured-reviews dl dd .ratings-table tr {
          margin-right: 15px; }
        #featured-reviews dl dd .ratings-table .review-label {
          width: 300px;
          max-width: 70%; }
      #featured-reviews dl dd table {
        margin: 15px 0; }
      #featured-reviews dl dd .std.truncate {
        display: inline; }
      #featured-reviews dl dd .truncate-ctrl-btn {
        color: #08107B; }
  #featured-reviews .feat-review-wrap {
    border: 1px solid #CFCFD5;
    padding: 0 25px 15px;
    margin: 12px 12px 0; }
    #featured-reviews .feat-review-wrap .review-title {
      margin-top: 11px; }
    @media only screen and (max-width: 768px) {
      #featured-reviews .feat-review-wrap {
        padding: 0 12px 15px; } }
    @media only screen and (min-width: 479px) {
      #featured-reviews .feat-review-wrap {
        margin: 12px 15px 0; } }
    @media only screen and (min-width: 850px) {
      #featured-reviews .feat-review-wrap {
        margin: 12px 0 0; } }

#customer-reviews {
  width: auto;
  float: none;
  margin: 0 auto;
  text-align: center;
  max-width: 797px; }
  #customer-reviews .review-heading:after:before, #customer-reviews .review-heading:after:after {
    content: " ";
    display: table; }
  #customer-reviews .review-heading:after:after {
    clear: both; }
  #customer-reviews .review-heading .pager {
    clear: none;
    float: right;
    width: auto; }
    #customer-reviews .review-heading .pager .count-container .limiter {
      margin-bottom: 0; }
      #customer-reviews .review-heading .pager .count-container .limiter label {
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
        font-size: 10px;
        text-transform: uppercase; }
    #customer-reviews .review-heading .pager .amount {
      display: none; }
  #customer-reviews h2 {
    color: #08107B;
    font-size: 11px;
    text-transform: uppercase; }
    #customer-reviews h2 span {
      color: #141414; }
  #customer-reviews h3 {
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase; }
    #customer-reviews h3 span {
      color: #08107B; }
  #customer-reviews .fieldset {
    padding-top: 25px;
    width: 470px; }
    #customer-reviews .fieldset h4 {
      border-bottom: 1px solid #CFCFD5;
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
      font-size: 11px;
      font-weight: normal;
      padding-bottom: 5px;
      text-transform: uppercase; }
      #customer-reviews .fieldset h4 em {
        display: none; }
    #customer-reviews .fieldset .form-list {
      font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
      font-size: 11px;
      font-weight: normal;
      margin: 10px 0;
      text-transform: uppercase;
      width: 470px; }
      #customer-reviews .fieldset .form-list .inline-label:after:before, #customer-reviews .fieldset .form-list .inline-label:after:after {
        content: " ";
        display: table; }
      #customer-reviews .fieldset .form-list .inline-label:after:after {
        clear: both; }
      #customer-reviews .fieldset .form-list label {
        font-size: 11px;
        font-weight: normal; }
      #customer-reviews .fieldset .form-list textarea {
        border: 1px solid #CFCFD5;
        border-radius: 0;
        min-width: 100%;
        -webkit-appearance: none; }
      #customer-reviews .fieldset .form-list input {
        border: 1px solid #CFCFD5;
        border-radius: 0; }
        #customer-reviews .fieldset .form-list input[type="text"] {
          width: 100%; }
  #customer-reviews .buttons-set {
    border: none;
    margin: 0;
    width: 470px; }
  #customer-reviews dl {
    font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 35px;
    text-align: left; }
    #customer-reviews dl dt {
      margin: 10px 0;
      margin-top: 25px; }
      #customer-reviews dl dt .review-meta {
        color: #08107B;
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: normal;
        display: block;
        font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        line-height: 12px; }
        #customer-reviews dl dt .review-meta .ratings {
          display: inline-block;
          margin: 0px; }
          #customer-reviews dl dt .review-meta .ratings .rating-box {
            margin: 0px;
            width: 75px; }
          #customer-reviews dl dt .review-meta .ratings .amount {
            display: none; }
        #customer-reviews dl dt .review-meta .meta-inner {
          vertical-align: top; }
      #customer-reviews dl dt .review-title {
        font-size: 18.5px;
        color: #141414;
        line-height: 24.67px;
        margin-top: 20px; }
    #customer-reviews dl dd {
      margin: 10px 0;
      font-family: "Helvetica LT W01 Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 14px;
      color: #141414;
      line-height: 18.64px; }
      #customer-reviews dl dd .ratings-table {
        font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
        font-size: 11px;
        width: 100%; }
        #customer-reviews dl dd .ratings-table tr {
          margin-right: 15px; }
        #customer-reviews dl dd .ratings-table .review-label {
          width: 300px;
          max-width: 70%; }
      #customer-reviews dl dd table {
        margin: 15px 0; }
      #customer-reviews dl dd .std.truncate {
        display: inline; }
      #customer-reviews dl dd .truncate-ctrl-btn {
        color: #08107B; }
  #customer-reviews dl {
    padding: 0 15px; }
  #customer-reviews .pager {
    float: none; }
    #customer-reviews .pager .pages {
      float: none;
      display: inline-block; }
      #customer-reviews .pager .pages li .next img, #customer-reviews .pager .pages li .previous img {
        display: none; }
  #customer-reviews .no-rating {
    display: none; }
  #customer-reviews .button.btn-tertiary.read-more {
    margin-bottom: 60px; }

.review-summary-table {
  border-bottom: 1px solid #CFCFD5;
  margin: 0 0 10px; }
  .review-summary-table thead {
    background: transparent; }
    .review-summary-table thead th {
      background: transparent;
      border: none;
      padding: 15px 7px 10px 8px; }
      @media only screen and (min-width: 520px) {
        .review-summary-table thead th .rating-box {
          margin: 0 auto; } }
  .review-summary-table tbody th {
    background: #FFFFFF;
    font-size: 11px; }
  .review-summary-table tbody td {
    border: none;
    text-align: center;
    padding: 0; }
    .review-summary-table tbody td label {
      width: 100%;
      display: block;
      padding: 11px 0; }
      .review-summary-table tbody td label:before {
        left: 50%;
        margin-left: -12px; }
  .review-summary-table .rating-box .rating-number {
    display: none; }
    .review-summary-table .rating-box .rating-number:after {
      display: none; }

/* ============================================ *
 * Ratings - Global
 * ============================================ */
.ratings-table, .ratings {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase; }
  .ratings-table th, .ratings th {
    padding-right: 10px; }
  .ratings-table .rating-box, .ratings .rating-box {
    background-position: 0 -615px;
    background-repeat: repeat-x;
    height: 13px;
    overflow: hidden;
    text-indent: -9999px;
    width: 65px; }
    .ratings-table .rating-box .rating, .ratings .rating-box .rating {
      background-position: 0 -600px;
      background-repeat: repeat-x;
      float: left;
      height: 13px;
      text-indent: -9999px;
      background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat 0px -599px;
      height: 72px;
      width: 12px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
        .ratings-table .rating-box .rating, .ratings .rating-box .rating {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }
    .ratings-table .rating-box.large .rating, .ratings .rating-box.large .rating {
      background: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite.png) no-repeat 0px -803px;
      height: 124px;
      width: 20px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
        .ratings-table .rating-box.large .rating, .ratings .rating-box.large .rating {
          background-image: url(http://www.getolympus.com/skin/frontend/blueacorn/site/images/icon_sprite@2x.png);
          background-size: 300px 1200px; } }

body.catalog-product-view .product-view .product-essential .ratings,
body.catalog-product-view .product-view .product-essential .extra-info .ratings {
  font-family: "Helvetica LT W01 Roman", "Helvetica", Verdana, Arial, sans-serif; }
  body.catalog-product-view .product-view .product-essential .ratings .rating-links,
  body.catalog-product-view .product-view .product-essential .extra-info .ratings .rating-links {
    clear: none;
    text-transform: uppercase;
    color: #08107B;
    cursor: pointer;
    margin: 6px 0 0 12px; }
  body.catalog-product-view .product-view .product-essential .ratings .rating-box,
  body.catalog-product-view .product-view .product-essential .extra-info .ratings .rating-box {
    width: 75px;
    margin-top: 0;
    cursor: pointer;
    display: inline-block;
    float: left; }
    body.catalog-product-view .product-view .product-essential .ratings .rating-box.large,
    body.catalog-product-view .product-view .product-essential .extra-info .ratings .rating-box.large {
      width: 124px; }
    @media only screen and (min-width: 769px) {
      body.catalog-product-view .product-view .product-essential .ratings .rating-box,
      body.catalog-product-view .product-view .product-essential .extra-info .ratings .rating-box {
        margin-top: 3px; } }
  body.catalog-product-view .product-view .product-essential .ratings .rating-decimal,
  body.catalog-product-view .product-view .product-essential .extra-info .ratings .rating-decimal {
    float: left;
    margin-left: 10px;
    margin-top: 6px;
    text-transform: uppercase;
    color: #08107B;
    cursor: pointer; }

@media only screen and (min-width: 769px) {
  body.catalog-product-view.bundle .product-view .product-essential .ratings .rating-decimal {
    margin-left: 5px;
    margin-top: 9px;
    font-size: 12px; }
  body.catalog-product-view.bundle .product-view .product-essential .ratings .rating-links {
    margin-left: 6px;
    margin-top: 9px;
    font-size: 12px; } }

@media only screen and (min-width: 880px) {
  body.catalog-product-view.bundle .product-view .product-essential .ratings .rating-decimal {
    margin-left: 10px;
    margin-top: 6px;
    font-size: 14px; }
  body.catalog-product-view.bundle .product-view .product-essential .ratings .rating-links {
    margin-left: 12px;
    margin-top: 6px;
    font-size: 14px; } }

.ratings .rating-box {
  width: 75px; }

@media only screen and (max-width: 768px) {
  body.review-product-list .product-view .product-shop .price-info {
    padding-left: 0; }
  body.review-product-list .product-view .product-shop .extra-info {
    padding: 0;
    min-width: 84%; }
    body.review-product-list .product-view .product-shop .extra-info .ratings-table {
      margin: 10px 0;
      width: 100%; }
      body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
        margin-right: 15px; } }

@media only screen and (max-width: 535px) {
  body.review-product-list .product-view .product-shop .extra-info {
    min-width: 0; }
    body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
      float: none;
      margin-right: 0; } }

@media only screen and (max-width: 520px) {
  #customer-reviews .fieldset {
    width: 100%; }
    #customer-reviews .fieldset .form-list {
      width: 100%; }
      #customer-reviews .fieldset .form-list .inline-label label,
      #customer-reviews .fieldset .form-list .inline-label .input-box {
        float: none; }
  #customer-reviews .buttons-set {
    width: 100%; }
  .review-summary-table thead th {
    padding-left: 0px;
    padding-right: 0px; }
  .review-summary-table tbody th {
    padding: 5px 0px 5px 10px; }
  .review-summary-table tbody td {
    width: 15%;
    padding: 0px; }
  .review-summary-table .rating-box {
    text-indent: -2px;
    text-align: center;
    background: none;
    height: 19.6px;
    width: 100%; }
    .review-summary-table .rating-box .rating {
      display: none; }
    .review-summary-table .rating-box .rating-number {
      display: inline-block; } }

@media only screen and (max-width: 450px) {
  #customer-reviews dl dd .ratings-table tr {
    float: none; } }

/* ============================================ *
 * Review View Page
 * ============================================ */
.review-product-view .product-review .product-details h2 {
  border-bottom: none; }

.review-product-view .product-review .product-img-box {
  width: auto;
  max-width: 50%; }
  .review-product-view .product-review .product-img-box > a {
    width: 100%; }
  .review-product-view .product-review .product-img-box .product-image {
    width: 100%; }

@media only screen and (max-width: 768px) {
  .review-product-view .product-review .product-img-box {
    max-width: 100%; } }

#review-form .buttons-set button.button {
  margin-bottom: 20px; }

