@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

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

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

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

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
    display: none;
}

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
    background-color: transparent;
}

    /**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
    border-bottom: 1px dotted;
}

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

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

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

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

/**
   * Prevent `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
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
    border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
    margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
   * Contain overflow in all browsers.
   */
pre {
    overflow: auto;
}

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
    overflow: visible;
}

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
    text-transform: none;
}

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve 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],
    html input[disabled] {
        cursor: not-allowed;
    }

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

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

    /**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }

    /**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
    input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        box-sizing: content-box;
        /* 2 */
    }

        /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
    overflow: auto;
}

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=80em&xxlarge=100em";
}

html {
    font-size: 100%;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0;
}

select {
    width: 100%;
    border-radius: 0;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
}

[data-whatinput='mouse'] button {
    outline: 0;
}

.is-visible {
    display: block !important;
}

.is-hidden {
    display: none !important;
}

.row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}

    .row::before, .row::after {
        content: ' ';
        display: table;
    }

    .row::after {
        clear: both;
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row .row {
        max-width: none;
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }

@media screen and (min-width: 40em) {
    .row .row {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0;
}

.row.expanded {
    max-width: none;
}

    .row.expanded .row {
        margin-left: auto;
        margin-right: auto;
    }

.column, .columns {
    width: 100%;
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

@media screen and (min-width: 40em) {
    .column, .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left;
}

.column.row.row, .row.row.columns {
    float: none;
}

.row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.small-1 {
    width: 8.3333333333%;
}

.small-push-1 {
    position: relative;
    left: 8.3333333333%;
}

.small-pull-1 {
    position: relative;
    left: -8.3333333333%;
}

.small-offset-0 {
    margin-left: 0%;
}

.small-2 {
    width: 16.6666666667%;
}

.small-push-2 {
    position: relative;
    left: 16.6666666667%;
}

.small-pull-2 {
    position: relative;
    left: -16.6666666667%;
}

.small-offset-1 {
    margin-left: 8.3333333333%;
}

.small-3 {
    width: 25%;
}

.small-push-3 {
    position: relative;
    left: 25%;
}

.small-pull-3 {
    position: relative;
    left: -25%;
}

.small-offset-2 {
    margin-left: 16.6666666667%;
}

.small-4 {
    width: 33.3333333333%;
}

.small-push-4 {
    position: relative;
    left: 33.3333333333%;
}

.small-pull-4 {
    position: relative;
    left: -33.3333333333%;
}

.small-offset-3 {
    margin-left: 25%;
}

.small-5 {
    width: 41.6666666667%;
}

.small-push-5 {
    position: relative;
    left: 41.6666666667%;
}

.small-pull-5 {
    position: relative;
    left: -41.6666666667%;
}

.small-offset-4 {
    margin-left: 33.3333333333%;
}

.small-6 {
    width: 50%;
}

.small-push-6 {
    position: relative;
    left: 50%;
}

.small-pull-6 {
    position: relative;
    left: -50%;
}

.small-offset-5 {
    margin-left: 41.6666666667%;
}

.small-7 {
    width: 58.3333333333%;
}

.small-push-7 {
    position: relative;
    left: 58.3333333333%;
}

.small-pull-7 {
    position: relative;
    left: -58.3333333333%;
}

.small-offset-6 {
    margin-left: 50%;
}

.small-8 {
    width: 66.6666666667%;
}

.small-push-8 {
    position: relative;
    left: 66.6666666667%;
}

.small-pull-8 {
    position: relative;
    left: -66.6666666667%;
}

.small-offset-7 {
    margin-left: 58.3333333333%;
}

.small-9 {
    width: 75%;
}

.small-push-9 {
    position: relative;
    left: 75%;
}

.small-pull-9 {
    position: relative;
    left: -75%;
}

.small-offset-8 {
    margin-left: 66.6666666667%;
}

.small-10 {
    width: 83.3333333333%;
}

.small-push-10 {
    position: relative;
    left: 83.3333333333%;
}

.small-pull-10 {
    position: relative;
    left: -83.3333333333%;
}

.small-offset-9 {
    margin-left: 75%;
}

.small-11 {
    width: 91.6666666667%;
}

.small-push-11 {
    position: relative;
    left: 91.6666666667%;
}

.small-pull-11 {
    position: relative;
    left: -91.6666666667%;
}

.small-offset-10 {
    margin-left: 83.3333333333%;
}

.small-12 {
    width: 100%;
}

.small-offset-11 {
    margin-left: 91.6666666667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
    width: 100%;
    float: left;
}

    .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
        clear: both;
    }

    .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
        float: left;
    }

.small-up-2 > .column, .small-up-2 > .columns {
    width: 50%;
    float: left;
}

    .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
        clear: both;
    }

    .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
        float: left;
    }

.small-up-3 > .column, .small-up-3 > .columns {
    width: 33.3333333333%;
    float: left;
}

    .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
        clear: both;
    }

    .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
        float: left;
    }

.small-up-4 > .column, .small-up-4 > .columns {
    width: 25%;
    float: left;
}

    .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
        clear: both;
    }

    .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
        float: left;
    }

.small-up-5 > .column, .small-up-5 > .columns {
    width: 20%;
    float: left;
}

    .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
        clear: both;
    }

    .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
        float: left;
    }

.small-up-6 > .column, .small-up-6 > .columns {
    width: 16.6666666667%;
    float: left;
}

    .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
        clear: both;
    }

    .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
        float: left;
    }

.small-up-7 > .column, .small-up-7 > .columns {
    width: 14.2857142857%;
    float: left;
}

    .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
        clear: both;
    }

    .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
        float: left;
    }

.small-up-8 > .column, .small-up-8 > .columns {
    width: 12.5%;
    float: left;
}

    .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
        clear: both;
    }

    .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
        float: left;
    }

.small-collapse > .column, .small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

.small-collapse .row,
.expanded.row .small-collapse.row {
    margin-left: 0;
    margin-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
}

@media screen and (min-width: 40em) {
    .medium-1 {
        width: 8.3333333333%;
    }

    .medium-push-1 {
        position: relative;
        left: 8.3333333333%;
    }

    .medium-pull-1 {
        position: relative;
        left: -8.3333333333%;
    }

    .medium-offset-0 {
        margin-left: 0%;
    }

    .medium-2 {
        width: 16.6666666667%;
    }

    .medium-push-2 {
        position: relative;
        left: 16.6666666667%;
    }

    .medium-pull-2 {
        position: relative;
        left: -16.6666666667%;
    }

    .medium-offset-1 {
        margin-left: 8.3333333333%;
    }

    .medium-3 {
        width: 25%;
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
    }

    .medium-pull-3 {
        position: relative;
        left: -25%;
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%;
    }

    .medium-4 {
        width: 33.3333333333%;
    }

    .medium-push-4 {
        position: relative;
        left: 33.3333333333%;
    }

    .medium-pull-4 {
        position: relative;
        left: -33.3333333333%;
    }

    .medium-offset-3 {
        margin-left: 25%;
    }

    .medium-5 {
        width: 41.6666666667%;
    }

    .medium-push-5 {
        position: relative;
        left: 41.6666666667%;
    }

    .medium-pull-5 {
        position: relative;
        left: -41.6666666667%;
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%;
    }

    .medium-6 {
        width: 50%;
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
    }

    .medium-pull-6 {
        position: relative;
        left: -50%;
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%;
    }

    .medium-7 {
        width: 58.3333333333%;
    }

    .medium-push-7 {
        position: relative;
        left: 58.3333333333%;
    }

    .medium-pull-7 {
        position: relative;
        left: -58.3333333333%;
    }

    .medium-offset-6 {
        margin-left: 50%;
    }

    .medium-8 {
        width: 66.6666666667%;
    }

    .medium-push-8 {
        position: relative;
        left: 66.6666666667%;
    }

    .medium-pull-8 {
        position: relative;
        left: -66.6666666667%;
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%;
    }

    .medium-9 {
        width: 75%;
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
    }

    .medium-pull-9 {
        position: relative;
        left: -75%;
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%;
    }

    .medium-10 {
        width: 83.3333333333%;
    }

    .medium-push-10 {
        position: relative;
        left: 83.3333333333%;
    }

    .medium-pull-10 {
        position: relative;
        left: -83.3333333333%;
    }

    .medium-offset-9 {
        margin-left: 75%;
    }

    .medium-11 {
        width: 91.6666666667%;
    }

    .medium-push-11 {
        position: relative;
        left: 91.6666666667%;
    }

    .medium-pull-11 {
        position: relative;
        left: -91.6666666667%;
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%;
    }

    .medium-12 {
        width: 100%;
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%;
    }

    .medium-up-1 > .column, .medium-up-1 > .columns {
        width: 100%;
        float: left;
    }

        .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
            clear: both;
        }

        .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
            float: left;
        }

    .medium-up-2 > .column, .medium-up-2 > .columns {
        width: 50%;
        float: left;
    }

        .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
            clear: both;
        }

        .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
            float: left;
        }

    .medium-up-3 > .column, .medium-up-3 > .columns {
        width: 33.3333333333%;
        float: left;
    }

        .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
            clear: both;
        }

        .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
            float: left;
        }

    .medium-up-4 > .column, .medium-up-4 > .columns {
        width: 25%;
        float: left;
    }

        .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
            clear: both;
        }

        .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
            float: left;
        }

    .medium-up-5 > .column, .medium-up-5 > .columns {
        width: 20%;
        float: left;
    }

        .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
            clear: both;
        }

        .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
            float: left;
        }

    .medium-up-6 > .column, .medium-up-6 > .columns {
        width: 16.6666666667%;
        float: left;
    }

        .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
            clear: both;
        }

        .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
            float: left;
        }

    .medium-up-7 > .column, .medium-up-7 > .columns {
        width: 14.2857142857%;
        float: left;
    }

        .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
            clear: both;
        }

        .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
            float: left;
        }

    .medium-up-8 > .column, .medium-up-8 > .columns {
        width: 12.5%;
        float: left;
    }

        .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
            clear: both;
        }

        .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
            float: left;
        }

    .medium-collapse > .column, .medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .medium-collapse .row,
    .expanded.row .medium-collapse.row {
        margin-left: 0;
        margin-right: 0;
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }

    .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .medium-uncentered,
    .medium-push-0,
    .medium-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left;
    }
}

@media screen and (min-width: 64em) {
    .large-1 {
        width: 8.3333333333%;
    }

    .large-push-1 {
        position: relative;
        left: 8.3333333333%;
    }

    .large-pull-1 {
        position: relative;
        left: -8.3333333333%;
    }

    .large-offset-0 {
        margin-left: 0%;
    }

    .large-2 {
        width: 16.6666666667%;
    }

    .large-push-2 {
        position: relative;
        left: 16.6666666667%;
    }

    .large-pull-2 {
        position: relative;
        left: -16.6666666667%;
    }

    .large-offset-1 {
        margin-left: 8.3333333333%;
    }

    .large-3 {
        width: 25%;
    }

    .large-push-3 {
        position: relative;
        left: 25%;
    }

    .large-pull-3 {
        position: relative;
        left: -25%;
    }

    .large-offset-2 {
        margin-left: 16.6666666667%;
    }

    .large-4 {
        width: 33.3333333333%;
    }

    .large-push-4 {
        position: relative;
        left: 33.3333333333%;
    }

    .large-pull-4 {
        position: relative;
        left: -33.3333333333%;
    }

    .large-offset-3 {
        margin-left: 25%;
    }

    .large-5 {
        width: 41.6666666667%;
    }

    .large-push-5 {
        position: relative;
        left: 41.6666666667%;
    }

    .large-pull-5 {
        position: relative;
        left: -41.6666666667%;
    }

    .large-offset-4 {
        margin-left: 33.3333333333%;
    }

    .large-6 {
        width: 50%;
    }

    .large-push-6 {
        position: relative;
        left: 50%;
    }

    .large-pull-6 {
        position: relative;
        left: -50%;
    }

    .large-offset-5 {
        margin-left: 41.6666666667%;
    }

    .large-7 {
        width: 58.3333333333%;
    }

    .large-push-7 {
        position: relative;
        left: 58.3333333333%;
    }

    .large-pull-7 {
        position: relative;
        left: -58.3333333333%;
    }

    .large-offset-6 {
        margin-left: 50%;
    }

    .large-8 {
        width: 66.6666666667%;
    }

    .large-push-8 {
        position: relative;
        left: 66.6666666667%;
    }

    .large-pull-8 {
        position: relative;
        left: -66.6666666667%;
    }

    .large-offset-7 {
        margin-left: 58.3333333333%;
    }

    .large-9 {
        width: 75%;
    }

    .large-push-9 {
        position: relative;
        left: 75%;
    }

    .large-pull-9 {
        position: relative;
        left: -75%;
    }

    .large-offset-8 {
        margin-left: 66.6666666667%;
    }

    .large-10 {
        width: 83.3333333333%;
    }

    .large-push-10 {
        position: relative;
        left: 83.3333333333%;
    }

    .large-pull-10 {
        position: relative;
        left: -83.3333333333%;
    }

    .large-offset-9 {
        margin-left: 75%;
    }

    .large-11 {
        width: 91.6666666667%;
    }

    .large-push-11 {
        position: relative;
        left: 91.6666666667%;
    }

    .large-pull-11 {
        position: relative;
        left: -91.6666666667%;
    }

    .large-offset-10 {
        margin-left: 83.3333333333%;
    }

    .large-12 {
        width: 100%;
    }

    .large-offset-11 {
        margin-left: 91.6666666667%;
    }

    .large-up-1 > .column, .large-up-1 > .columns {
        width: 100%;
        float: left;
    }

        .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
            clear: both;
        }

        .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
            float: left;
        }

    .large-up-2 > .column, .large-up-2 > .columns {
        width: 50%;
        float: left;
    }

        .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
            clear: both;
        }

        .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
            float: left;
        }

    .large-up-3 > .column, .large-up-3 > .columns {
        width: 33.3333333333%;
        float: left;
    }

        .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
            clear: both;
        }

        .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
            float: left;
        }

    .large-up-4 > .column, .large-up-4 > .columns {
        width: 25%;
        float: left;
    }

        .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
            clear: both;
        }

        .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
            float: left;
        }

    .large-up-5 > .column, .large-up-5 > .columns {
        width: 20%;
        float: left;
    }

        .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
            clear: both;
        }

        .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
            float: left;
        }

    .large-up-6 > .column, .large-up-6 > .columns {
        width: 16.6666666667%;
        float: left;
    }

        .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
            clear: both;
        }

        .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
            float: left;
        }

    .large-up-7 > .column, .large-up-7 > .columns {
        width: 14.2857142857%;
        float: left;
    }

        .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
            clear: both;
        }

        .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
            float: left;
        }

    .large-up-8 > .column, .large-up-8 > .columns {
        width: 12.5%;
        float: left;
    }

        .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
            clear: both;
        }

        .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
            float: left;
        }

    .large-collapse > .column, .large-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .large-collapse .row,
    .expanded.row .large-collapse.row {
        margin-left: 0;
        margin-right: 0;
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }

    .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .large-uncentered,
    .large-push-0,
    .large-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left;
    }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility;
}

em,
i {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 80%;
    line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        color: #cacaca;
        line-height: 0;
    }

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 1.1875rem;
}

h4 {
    font-size: 1.125rem;
}

h5 {
    font-size: 1.0625rem;
}

h6 {
    font-size: 1rem;
}

@media screen and (min-width: 40em) {
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 1.9375rem;
    }

    h4 {
        font-size: 1.5625rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 1rem;
    }
}

a {
    color: #2199e8;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

    a:hover, a:focus {
        color: #1585cf;
    }

    a img {
        border: 0;
    }

hr {
    max-width: 75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both;
}

ul,
ol,
dl {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside;
}

li {
    font-size: inherit;
}

ul {
    list-style-type: disc;
    margin-left: 1.25rem;
}

ol {
    margin-left: 1.25rem;
}

    ul ul, ol ul, ul ol, ol ol {
        margin-left: 1.25rem;
        margin-bottom: 0;
    }

dl {
    margin-bottom: 1rem;
}

    dl dt {
        margin-bottom: 0.3rem;
        font-weight: bold;
    }

blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca;
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #8a8a8a;
    }

cite {
    display: block;
    font-size: 0.8125rem;
    color: #8a8a8a;
}

    cite:before {
        content: '\2014 \0020';
    }

abbr {
    color: #0a0a0a;
    cursor: help;
    border-bottom: 1px dotted #0a0a0a;
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #0a0a0a;
    background-color: #e6e6e6;
    border: 1px solid #cacaca;
    padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
    padding: 0.125rem 0.25rem 0;
    margin: 0;
    background-color: #e6e6e6;
    color: #0a0a0a;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
}

.subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a;
}

.lead {
    font-size: 125%;
    line-height: 1.6;
}

.stat {
    font-size: 2.5rem;
    line-height: 1;
}

p + .stat {
    margin-top: -1rem;
}

.no-bullet {
    margin-left: 0;
    list-style: none;
}

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

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

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

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

@media screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left;
    }

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

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

    .medium-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 64em) {
    .large-text-left {
        text-align: left;
    }

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

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

    .large-text-justify {
        text-align: justify;
    }
}

.show-for-print {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .show-for-print {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

        .ir a:after,
        a[href^='javascript:']:after,
        a[href^='#']:after {
            content: '';
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    pre,
    blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    border-radius: 0;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
    textarea:focus {
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        outline: none;
        box-shadow: 0 0 5px #cacaca;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    }

textarea {
    max-width: 100%;
}

    textarea[rows] {
        height: auto;
    }

    input::placeholder,
    textarea::placeholder {
        color: #cacaca;
    }

    input:disabled, input[readonly],
    textarea:disabled,
    textarea[readonly] {
        background-color: #e6e6e6;
        cursor: not-allowed;
    }

[type='submit'],
[type='button'] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type='search'] {
    box-sizing: border-box;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
    margin: 0 0 1rem;
}

    [type='checkbox'] + label,
    [type='radio'] + label {
        display: inline-block;
        margin-left: 0.5rem;
        margin-right: 1rem;
        margin-bottom: 0;
        vertical-align: baseline;
    }

        [type='checkbox'] + label[for],
        [type='radio'] + label[for] {
            cursor: pointer;
        }

label > [type='checkbox'],
label > [type='radio'] {
    margin-right: 0.5rem;
}

[type='file'] {
    width: 100%;
}

label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a;
}

    label.middle {
        margin: 0 0 1rem;
        padding: 0.5625rem 0;
    }

.help-text {
    margin-top: -0.5rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #0a0a0a;
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem;
}

    .input-group > :first-child {
        border-radius: 0 0 0 0;
    }

    .input-group > :last-child > * {
        border-radius: 0 0 0 0;
    }

.input-group-label, .input-group-field, .input-group-button {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
}

.input-group-label {
    text-align: center;
    padding: 0 1rem;
    background: #e6e6e6;
    color: #0a0a0a;
    border: 1px solid #cacaca;
    white-space: nowrap;
    width: 1%;
    height: 100%;
}

    .input-group-label:first-child {
        border-right: 0;
    }

    .input-group-label:last-child {
        border-left: 0;
    }

.input-group-field {
    border-radius: 0;
    height: 2.5rem;
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    height: 100%;
    width: 1%;
}

    .input-group-button a,
    .input-group-button input,
    .input-group-button button {
        margin: 0;
    }

.input-group .input-group-button {
    display: table-cell;
}

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

legend {
    margin-bottom: 0.5rem;
    max-width: 100%;
}

.fieldset {
    border: 1px solid #cacaca;
    padding: 1.25rem;
    margin: 1.125rem 0;
}

    .fieldset legend {
        background: #FFFFFF;
        padding: 0 0.1875rem;
        margin: 0;
        margin-left: -0.1875rem;
    }

select {
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 1.5rem;
}

@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
    }
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed;
}

select::-ms-expand {
    display: none;
}

select[multiple] {
    height: auto;
    background-image: none;
}

.is-invalid-input:not(:focus) {
    background-color: rgba(236, 88, 64, 0.1);
    border-color: #ec5840;
}

.is-invalid-label {
    color: #ec5840;
}

.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ec5840;
}

    .form-error.is-visible {
        display: block;
    }

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #2199e8;
    color: #fefefe;
}

[data-whatinput='mouse'] .button {
    outline: 0;
}

.button:hover, .button:focus {
    background-color: #1583cc;
    color: #fefefe;
}

.button.tiny {
    font-size: 0.6rem;
}

.button.small {
    font-size: 0.75rem;
}

.button.large {
    font-size: 1.25rem;
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.button.primary {
    background-color: #2199e8;
    color: #fefefe;
}

    .button.primary:hover, .button.primary:focus {
        background-color: #147cc0;
        color: #fefefe;
    }

.button.secondary {
    background-color: #777;
    color: #fefefe;
}

    .button.secondary:hover, .button.secondary:focus {
        background-color: #5f5f5f;
        color: #fefefe;
    }

.button.success {
    background-color: #3adb76;
    color: #fefefe;
}

    .button.success:hover, .button.success:focus {
        background-color: #22bb5b;
        color: #fefefe;
    }

.button.warning {
    background-color: #ffae00;
    color: #fefefe;
}

    .button.warning:hover, .button.warning:focus {
        background-color: #cc8b00;
        color: #fefefe;
    }

.button.alert {
    background-color: #ec5840;
    color: #fefefe;
}

    .button.alert:hover, .button.alert:focus {
        background-color: #da3116;
        color: #fefefe;
    }

.button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8;
}

    .button.hollow, .button.hollow:hover, .button.hollow:focus {
        background-color: transparent;
    }

        .button.hollow:hover, .button.hollow:focus {
            border-color: #0c4d78;
            color: #0c4d78;
        }

        .button.hollow.primary {
            border: 1px solid #2199e8;
            color: #2199e8;
        }

            .button.hollow.primary:hover, .button.hollow.primary:focus {
                border-color: #0c4d78;
                color: #0c4d78;
            }

        .button.hollow.secondary {
            border: 1px solid #777;
            color: #777;
        }

            .button.hollow.secondary:hover, .button.hollow.secondary:focus {
                border-color: #3c3c3c;
                color: #3c3c3c;
            }

        .button.hollow.success {
            border: 1px solid #3adb76;
            color: #3adb76;
        }

            .button.hollow.success:hover, .button.hollow.success:focus {
                border-color: #157539;
                color: #157539;
            }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00;
        }

            .button.hollow.warning:hover, .button.hollow.warning:focus {
                border-color: #805700;
                color: #805700;
            }

        .button.hollow.alert {
            border: 1px solid #ec5840;
            color: #ec5840;
        }

            .button.hollow.alert:hover, .button.hollow.alert:focus {
                border-color: #881f0e;
                color: #881f0e;
            }

.button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
        background-color: #2199e8;
        color: #fefefe;
    }

.button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 1em;
    display: inline-block;
}

.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -0.1em;
}

.accordion {
    list-style-type: none;
    background: #fefefe;
    margin-left: 0;
}

.accordion-item:first-child > :first-child {
    border-radius: 0 0 0 0;
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0;
}

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: 0.75rem;
    color: #2199e8;
    position: relative;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

:last-child:not(.is-active) > .accordion-title {
    border-radius: 0 0 0 0;
    border-bottom: 1px solid #e6e6e6;
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6;
}

.accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem;
}

.is-active > .accordion-title::before {
    content: '–';
}

.accordion-content {
    padding: 1rem;
    display: none;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a;
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.is-accordion-submenu-parent > a {
    position: relative;
}

    .is-accordion-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 1rem;
    }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    transform-origin: 50% 50%;
    transform: scaleY(-1);
}

.badge {
    display: inline-block;
    padding: 0.3em;
    min-width: 2.1em;
    font-size: 0.6rem;
    text-align: center;
    border-radius: 50%;
    background: #2199e8;
    color: #fefefe;
}

    .badge.secondary {
        background: #777;
        color: #fefefe;
    }

    .badge.success {
        background: #3adb76;
        color: #fefefe;
    }

    .badge.warning {
        background: #ffae00;
        color: #fefefe;
    }

    .badge.alert {
        background: #ec5840;
        color: #fefefe;
    }

.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem 0;
}

    .breadcrumbs::before, .breadcrumbs::after {
        content: ' ';
        display: table;
    }

    .breadcrumbs::after {
        clear: both;
    }

    .breadcrumbs li {
        float: left;
        color: #0a0a0a;
        font-size: 0.6875rem;
        cursor: default;
        text-transform: uppercase;
    }

        .breadcrumbs li:not(:last-child)::after {
            color: #cacaca;
            content: "/";
            margin: 0 0.75rem;
            position: relative;
            top: 1px;
            opacity: 1;
        }

    .breadcrumbs a {
        color: #2199e8;
    }

        .breadcrumbs a:hover {
            text-decoration: underline;
        }

    .breadcrumbs .disabled {
        color: #cacaca;
        cursor: not-allowed;
    }

.button-group {
    margin-bottom: 1rem;
    font-size: 0;
}

    .button-group::before, .button-group::after {
        content: ' ';
        display: table;
    }

    .button-group::after {
        clear: both;
    }

    .button-group .button {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: 0.9rem;
    }

        .button-group .button:last-child {
            margin-right: 0;
        }

    .button-group.tiny .button {
        font-size: 0.6rem;
    }

    .button-group.small .button {
        font-size: 0.75rem;
    }

    .button-group.large .button {
        font-size: 1.25rem;
    }

    .button-group.expanded {
        margin-right: -1px;
    }

        .button-group.expanded::before, .button-group.expanded::after {
            display: none;
        }

        .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
            display: inline-block;
            width: calc(50% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
                margin-right: -6px;
            }

        .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
            display: inline-block;
            width: calc(33.3333333333% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
                margin-right: -6px;
            }

        .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
            display: inline-block;
            width: calc(25% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
                margin-right: -6px;
            }

        .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
            display: inline-block;
            width: calc(20% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
                margin-right: -6px;
            }

        .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
            display: inline-block;
            width: calc(16.6666666667% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
                margin-right: -6px;
            }

    .button-group.primary .button {
        background-color: #2199e8;
        color: #fefefe;
    }

        .button-group.primary .button:hover, .button-group.primary .button:focus {
            background-color: #147cc0;
            color: #fefefe;
        }

    .button-group.secondary .button {
        background-color: #777;
        color: #fefefe;
    }

        .button-group.secondary .button:hover, .button-group.secondary .button:focus {
            background-color: #5f5f5f;
            color: #fefefe;
        }

    .button-group.success .button {
        background-color: #3adb76;
        color: #fefefe;
    }

        .button-group.success .button:hover, .button-group.success .button:focus {
            background-color: #22bb5b;
            color: #fefefe;
        }

    .button-group.warning .button {
        background-color: #ffae00;
        color: #fefefe;
    }

        .button-group.warning .button:hover, .button-group.warning .button:focus {
            background-color: #cc8b00;
            color: #fefefe;
        }

    .button-group.alert .button {
        background-color: #ec5840;
        color: #fefefe;
    }

        .button-group.alert .button:hover, .button-group.alert .button:focus {
            background-color: #da3116;
            color: #fefefe;
        }

    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
        width: 100%;
    }

        .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
            margin-bottom: 0;
        }

@media screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block;
    }

        .button-group.stacked-for-small.expanded .button {
            display: block;
            margin-right: 0;
        }
}

.callout {
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    position: relative;
    color: #0a0a0a;
    background-color: white;
}

    .callout > :first-child {
        margin-top: 0;
    }

    .callout > :last-child {
        margin-bottom: 0;
    }

    .callout.primary {
        background-color: #def0fc;
    }

    .callout.secondary {
        background-color: #ebebeb;
    }

    .callout.success {
        background-color: #e1faea;
    }

    .callout.warning {
        background-color: #fff3d9;
    }

    .callout.alert {
        background-color: #fce6e2;
    }

    .callout.small {
        padding-top: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
    }

    .callout.large {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem;
    }

.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
}

[data-whatinput='mouse'] .close-button {
    outline: 0;
}

.close-button:hover, .close-button:focus {
    color: #0a0a0a;
}

.menu {
    margin: 0;
    list-style-type: none;
}

    .menu > li {
        display: table-cell;
        vertical-align: middle;
    }

[data-whatinput='mouse'] .menu > li {
    outline: 0;
}

.menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1;
}

.menu input,
.menu a,
.menu button {
    margin-bottom: 0;
}

.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
    vertical-align: middle;
}

    .menu > li > a img + span,
    .menu > li > a i + span,
    .menu > li > a svg + span {
        vertical-align: middle;
    }

.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
    margin-right: 0.25rem;
    display: inline-block;
}

.menu > li {
    display: table-cell;
}

.menu.vertical > li {
    display: block;
}

@media screen and (min-width: 40em) {
    .menu.medium-horizontal > li {
        display: table-cell;
    }

    .menu.medium-vertical > li {
        display: block;
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
        display: table-cell;
    }

    .menu.large-vertical > li {
        display: block;
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem;
}

.menu.simple a {
    padding: 0;
}

.menu.align-right::before, .menu.align-right::after {
    content: ' ';
    display: table;
}

.menu.align-right::after {
    clear: both;
}

.menu.align-right > li {
    float: right;
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .menu.expanded > li:first-child:last-child {
        width: 100%;
    }

.menu.icon-top > li > a {
    text-align: center;
}

    .menu.icon-top > li > a img,
    .menu.icon-top > li > a i,
    .menu.icon-top > li > a svg {
        display: block;
        margin: 0 auto 0.25rem;
    }

.menu.nested {
    margin-left: 1rem;
}

.menu .active > a {
    color: #fefefe;
    background: #2199e8;
}

.menu-text {
    font-weight: bold;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: 0.7rem 1rem;
}

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

    .menu-centered > .menu {
        display: inline-block;
    }

.no-js [data-responsive-menu] ul {
    display: none;
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px;
}

    .menu-icon::after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        top: 0;
        left: 0;
        box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    }

    .menu-icon:hover::after {
        background: #cacaca;
        box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        width: 20px;
        height: 16px;
    }

        .menu-icon.dark::after {
            content: '';
            position: absolute;
            display: block;
            width: 100%;
            height: 2px;
            background: #0a0a0a;
            top: 0;
            left: 0;
            box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
        }

        .menu-icon.dark:hover::after {
            background: #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
        }

.is-drilldown {
    position: relative;
    overflow: hidden;
}

    .is-drilldown li {
        display: block !important;
    }

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #fefefe;
    transition: transform 0.15s linear;
}

    .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        transform: translateX(-100%);
    }

    .is-drilldown-submenu.is-closing {
        transform: translateX(100%);
    }

.is-drilldown-submenu-parent > a {
    position: relative;
}

    .is-drilldown-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 1rem;
    }

.js-drilldown-back > a::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
}

.dropdown-pane {
    background-color: #FFFFFF;
    border: 1px solid #cacaca;
    border-radius: 0;
    display: block;
    font-size: 1rem;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 10;
}

    .dropdown-pane.is-open {
        visibility: visible;
    }

    .dropdown-pane.tiny {
        width: 100px;
    }

    .dropdown-pane.small {
        width: 200px;
    }

    .dropdown-pane.large {
        width: 400px;
    }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative;
}

    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px;
    }

[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0;
}

.no-js .dropdown.menu ul {
    display: none;
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0;
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%;
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
}

.dropdown.menu.vertical > li > a::after {
    right: 14px;
    margin-top: -3px;
}

.dropdown.menu.vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
}

.dropdown.menu.vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
}

@media screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.medium-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.large-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    left: auto;
    right: 0;
}

.is-dropdown-menu.vertical {
    width: 100px;
}

    .is-dropdown-menu.vertical.align-right {
        float: right;
    }

.is-dropdown-submenu-parent {
    position: relative;
}

    .is-dropdown-submenu-parent a::after {
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -2px;
    }

    .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
        top: 100%;
        left: auto;
    }

    .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #fefefe;
    border: 1px solid #cacaca;
}

    .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }

    .is-dropdown-submenu .is-dropdown-submenu {
        margin-top: -1px;
    }

    .is-dropdown-submenu > li {
        width: 100%;
    }

    .is-dropdown-submenu.js-dropdown-active {
        display: block;
    }

.flex-video {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden;
}

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

    .flex-video.widescreen {
        padding-bottom: 56.25%;
    }

    .flex-video.vimeo {
        padding-top: 0;
    }

.label {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 0;
    background: #2199e8;
    color: #fefefe;
}

    .label.secondary {
        background: #777;
        color: #fefefe;
    }

    .label.success {
        background: #3adb76;
        color: #fefefe;
    }

    .label.warning {
        background: #ffae00;
        color: #fefefe;
    }

    .label.alert {
        background: #ec5840;
        color: #fefefe;
    }

.media-object {
    margin-bottom: 1rem;
    display: block;
}

    .media-object img {
        max-width: none;
    }

@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        display: block;
    }

        .media-object.stack-for-small .media-object-section img {
            width: 100%;
        }
}

.media-object-section {
    display: table-cell;
    vertical-align: top;
}

    .media-object-section:first-child {
        padding-right: 1rem;
    }

    .media-object-section:last-child:not(:nth-child(2)) {
        padding-left: 1rem;
    }

    .media-object-section > :last-child {
        margin-bottom: 0;
    }

    .media-object-section.middle {
        vertical-align: middle;
    }

    .media-object-section.bottom {
        vertical-align: bottom;
    }

html,
body {
    height: 100%;
}

.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto;
}

.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    transition: transform 0.5s ease;
}

    .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
        content: ' ';
        display: table;
    }

    .off-canvas-wrapper-inner::after {
        clear: both;
    }

.off-canvas-content,
.off-canvas-content {
    min-height: 100%;
    background: #FFFFFF;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: 0.1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 254, 254, 0.25);
    cursor: pointer;
    transition: background 0.5s ease;
}

.off-canvas {
    position: absolute;
    background: #e6e6e6;
    z-index: -1;
    max-height: 100%;
    overflow-y: auto;
    transform: translateX(0);
}

[data-whatinput='mouse'] .off-canvas {
    outline: 0;
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px;
}

.is-open-left {
    transform: translateX(250px);
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px;
}

.is-open-right {
    transform: translateX(-250px);
}

@media screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-medium ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-medium {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-medium ~ .off-canvas-content {
            margin-right: 250px;
        }
}

@media screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-large ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-large {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-large ~ .off-canvas-content {
            margin-right: 250px;
        }
}

.orbit {
    position: relative;
}

.orbit-container {
    position: relative;
    margin: 0;
    overflow: hidden;
    list-style: none;
}

.orbit-slide {
    width: 100%;
    max-height: 100%;
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0;
    }

.orbit-figure {
    margin: 0;
}

.orbit-image {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    margin-bottom: 0;
    color: #fefefe;
    background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous, .orbit-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe;
}

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0;
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
    left: 0;
}

.orbit-next {
    left: auto;
    right: 0;
}

.orbit-bullets {
    position: relative;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    text-align: center;
}

[data-whatinput='mouse'] .orbit-bullets {
    outline: 0;
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    background-color: #cacaca;
    border-radius: 50%;
}

    .orbit-bullets button:hover {
        background-color: #8a8a8a;
    }

    .orbit-bullets button.is-active {
        background-color: #8a8a8a;
    }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem;
}

    .pagination::before, .pagination::after {
        content: ' ';
        display: table;
    }

    .pagination::after {
        clear: both;
    }

    .pagination li {
        font-size: 0.875rem;
        margin-right: 0.0625rem;
        border-radius: 0;
        display: none;
    }

        .pagination li:last-child, .pagination li:first-child {
            display: inline-block;
        }

@media screen and (min-width: 40em) {
    .pagination li {
        display: inline-block;
    }
}

.pagination a,
.pagination button {
    color: #0a0a0a;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
}

    .pagination a:hover,
    .pagination button:hover {
        background: #e6e6e6;
    }

.pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #2199e8;
    color: #fefefe;
    cursor: default;
}

.pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed;
}

    .pagination .disabled:hover {
        background: transparent;
    }

.pagination .ellipsis::after {
    content: '\2026';
    padding: 0.1875rem 0.625rem;
    color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    content: '\00ab';
    display: inline-block;
    margin-right: 0.5rem;
}

.pagination-next a::after,
.pagination-next.disabled::after {
    content: '\00bb';
    display: inline-block;
    margin-left: 0.5rem;
}

.progress {
    background-color: #cacaca;
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
}

    .progress.primary .progress-meter {
        background-color: #2199e8;
    }

    .progress.secondary .progress-meter {
        background-color: #777;
    }

    .progress.success .progress-meter {
        background-color: #3adb76;
    }

    .progress.warning .progress-meter {
        background-color: #ffae00;
    }

    .progress.alert .progress-meter {
        background-color: #ec5840;
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #2199e8;
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fefefe;
    white-space: nowrap;
}

.slider {
    position: relative;
    height: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    user-select: none;
    touch-action: none;
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: 0.5rem;
    background-color: #cacaca;
    transition: all 0.2s ease-in-out;
}

    .slider-fill.is-dragging {
        transition: all 0s linear;
    }

.slider-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #2199e8;
    transition: all 0.2s ease-in-out;
    touch-action: manipulation;
    border-radius: 0;
}

[data-whatinput='mouse'] .slider-handle {
    outline: 0;
}

.slider-handle:hover {
    background-color: #1583cc;
}

.slider-handle.is-dragging {
    transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

.slider.vertical {
    display: inline-block;
    width: 0.5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    transform: scale(1, -1);
}

    .slider.vertical .slider-fill {
        top: 0;
        width: 0.5rem;
        max-height: 100%;
    }

    .slider.vertical .slider-handle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1.4rem;
        height: 1.4rem;
        transform: translateX(-50%);
    }

.sticky-container {
    position: relative;
}

.sticky {
    position: absolute;
    z-index: 0;
    transform: translate3d(0, 0, 0);
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5;
    }

        .sticky.is-stuck.is-at-top {
            top: 0;
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0;
        }

    .sticky.is-anchored {
        position: absolute;
        left: auto;
        right: auto;
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0;
        }

body.is-reveal-open {
    overflow: hidden;
}

html.is-reveal-open,
html.is-reveal-open body {
    height: 100%;
    overflow: hidden;
    user-select: none;
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: scroll;
}

.reveal {
    display: none;
    z-index: 1006;
    padding: 1rem;
    border: 1px solid #cacaca;
    background-color: #fefefe;
    border-radius: 0;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
}

[data-whatinput='mouse'] .reveal {
    outline: 0;
}

@media screen and (min-width: 40em) {
    .reveal {
        min-height: 0;
    }
}

.reveal .column, .reveal .columns,
.reveal .columns {
    min-width: 0;
}

.reveal > :last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 75rem;
    }
}

@media screen and (min-width: 40em) {
    .reveal .reveal {
        left: auto;
        right: auto;
        margin: 0 auto;
    }
}

.reveal.collapse {
    padding: 0;
}

@media screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem;
    }
}

@media screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem;
    }
}

@media screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem;
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0;
}

@media screen and (max-width: 39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        max-width: none;
        margin-left: 0;
        border: 0;
        border-radius: 0;
    }
}

.reveal.without-overlay {
    position: fixed;
}

.switch {
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    user-select: none;
    color: #fefefe;
    font-weight: bold;
    font-size: 0.875rem;
}

.switch-input {
    opacity: 0;
    position: absolute;
}

.switch-paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    transition: all 0.25s ease-out;
    border-radius: 0;
    color: inherit;
    font-weight: inherit;
}

input + .switch-paddle {
    margin: 0;
}

.switch-paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    transition: all 0.25s ease-out;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
}

input:checked ~ .switch-paddle {
    background: #2199e8;
}

    input:checked ~ .switch-paddle::after {
        left: 2.25rem;
    }

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0;
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.switch-active {
    left: 8%;
    display: none;
}

input:checked + label > .switch-active {
    display: block;
}

.switch-inactive {
    right: 15%;
}

input:checked + label > .switch-inactive {
    display: none;
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.625rem;
}

    .switch.tiny .switch-paddle::after {
        width: 1rem;
        height: 1rem;
    }

.switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem;
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.75rem;
}

    .switch.small .switch-paddle::after {
        width: 1.25rem;
        height: 1.25rem;
    }

.switch.small input:checked ~ .switch-paddle::after {
    left: 2rem;
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem;
}

    .switch.large .switch-paddle::after {
        width: 2rem;
        height: 2rem;
    }

.switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem;
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}

    table thead,
    table tbody,
    table tfoot {
        border: 1px solid #f1f1f1;
        background-color: #fefefe;
    }

    table caption {
        font-weight: bold;
        padding: 0.5rem 0.625rem 0.625rem;
    }

    table thead,
    table tfoot {
        background: #f8f8f8;
        color: #0a0a0a;
    }

        table thead tr,
        table tfoot tr {
            background: transparent;
        }

        table thead th,
        table thead td,
        table tfoot th,
        table tfoot td {
            padding: 0.5rem 0.625rem 0.625rem;
            font-weight: bold;
            text-align: left;
        }

    table tbody tr:nth-child(even) {
        background-color: #f1f1f1;
    }

    table tbody th,
    table tbody td {
        padding: 0.5rem 0.625rem 0.625rem;
    }

@media screen and (max-width: 63.9375em) {
    table.stack thead {
        display: none;
    }

    table.stack tfoot {
        display: none;
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }

    table.stack td {
        border-top: 0;
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
}

table.hover tr:hover {
    background-color: #f9f9f9;
}

table.hover tr:nth-of-type(even):hover {
    background-color: #ececec;
}

.table-scroll {
    overflow-x: auto;
}

    .table-scroll table {
        width: auto;
    }

.tabs {
    margin: 0;
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6;
}

    .tabs::before, .tabs::after {
        content: ' ';
        display: table;
    }

    .tabs::after {
        clear: both;
    }

    .tabs.vertical > li {
        width: auto;
        float: none;
        display: block;
    }

    .tabs.simple > li > a {
        padding: 0;
    }

        .tabs.simple > li > a:hover {
            background: transparent;
        }

    .tabs.primary {
        background: #2199e8;
    }

        .tabs.primary > li > a {
            color: #fefefe;
        }

            .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
                background: #1893e4;
            }

.tabs-title {
    float: left;
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        line-height: 1;
        font-size: 0.75rem;
    }

        .tabs-title > a:hover {
            background: #fefefe;
        }

        .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
            background: #e6e6e6;
        }

.tabs-content {
    background: #fefefe;
    transition: all 0.5s ease;
    border: 1px solid #e6e6e6;
    border-top: 0;
}

    .tabs-content.vertical {
        border: 1px solid #e6e6e6;
        border-left: 0;
    }

.tabs-panel {
    display: none;
    padding: 1rem;
}

    .tabs-panel.is-active {
        display: block;
    }

.thumbnail {
    border: solid 4px #fefefe;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow 200ms ease-out;
    border-radius: 0;
    margin-bottom: 1rem;
}

    .thumbnail:hover, .thumbnail:focus {
        box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);
    }

.title-bar {
    background: #0a0a0a;
    color: #fefefe;
    padding: 0.5rem;
}

    .title-bar::before, .title-bar::after {
        content: ' ';
        display: table;
    }

    .title-bar::after {
        clear: both;
    }

    .title-bar .menu-icon {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

.title-bar-left {
    float: left;
}

.title-bar-right {
    float: right;
    text-align: right;
}

.title-bar-title {
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px;
}

    .menu-icon.dark::after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background: #0a0a0a;
        top: 0;
        left: 0;
        box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    }

    .menu-icon.dark:hover::after {
        background: #8a8a8a;
        box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
    }

.has-tip {
    border-bottom: none;
    font-weight: bold;
    position: relative;
    display: inline-block;
    cursor: help;
}

.tooltip {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1rem;
    padding: 1.6666666667rem;
    position: absolute;
    z-index: 10;
    top: calc(100% + 0.8rem);
    max-width: 10rem !important;
    border-radius: 0.5333333333rem;
}

    .tooltip::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 1rem;
        border-color: transparent transparent #FFFFFF;
        border-bottom-style: solid;
        border-top-width: 0;
        bottom: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .tooltip.top::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 1rem;
        border-color: #FFFFFF transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        top: 100%;
        bottom: auto;
    }

    .tooltip.left::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 1rem;
        border-color: transparent transparent transparent #FFFFFF;
        border-left-style: solid;
        border-right-width: 0;
        bottom: auto;
        left: 100%;
        top: 50%;
        transform: translateY(-50%);
    }

    .tooltip.right::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 1rem;
        border-color: transparent #FFFFFF transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
        bottom: auto;
        left: auto;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
    }

.top-bar {
    padding: 0.5rem;
}

    .top-bar::before, .top-bar::after {
        content: ' ';
        display: table;
    }

    .top-bar::after {
        clear: both;
    }

    .top-bar,
    .top-bar ul {
        background-color: #e6e6e6;
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem;
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0;
        }

        .top-bar input.button {
            width: auto;
        }

        .top-bar .top-bar-left,
        .top-bar .top-bar-right {
            width: 100%;
        }

@media screen and (min-width: 40em) {
    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        width: auto;
    }
}

@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        width: 100%;
    }
}

@media screen and (max-width: 79.9375em) {
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        width: 100%;
    }
}

.top-bar-title {
    float: left;
    margin-right: 1rem;
}

.top-bar-left {
    float: left;
}

.top-bar-right {
    float: right;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important;
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important;
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none !important;
    }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important;
    }
}

@media screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important;
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none !important;
    }
}

@media screen and (min-width: 64em) and (max-width: 79.9375em) {
    .hide-for-large-only {
        display: none !important;
    }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 80em) {
    .show-for-large-only {
        display: none !important;
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

.show-for-landscape,
.hide-for-portrait {
    display: block !important;
}

@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: block !important;
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
        display: none !important;
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.clearfix::before, .clearfix::after {
    content: ' ';
    display: table;
}

.clearfix::after {
    clear: both;
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-05 09:26:57
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 16:15:46
*/
/* BLACK MAGIC: Verticle Centering */
/* BLACK MAGIC: Horizontal Centering */
/* BLACK MAGIC: Vertical + Horizontal Centering */
@keyframes arrowAnimation {
    0% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-0.4rem, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-05 09:27:19
* @Last Modified by:   AT
* @Last Modified time: 2016-10-06 13:42:33
*/
/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-10 10:01:57
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 22:30:35
*/
div.tooltip {
    min-width: 20.9333333333rem;
    box-shadow: 0 0.2rem 0.2666666667rem rgba(0, 0, 0, 0.2);
    z-index: 1000000;
}

    div.tooltip:before {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 1.2rem !important;
        border-style: solid;
        border-width: 0 0.5rem 0.8rem 0.5rem !important;
        border-color: transparent transparent #FFFFFF transparent;
    }

    div.tooltip .tooltip-title {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 0.75px;
        text-transform: uppercase;
        margin-bottom: 0.6666666667rem;
    }

    div.tooltip .tooltip-image {
        width: 100%;
        margin-bottom: 1rem;
    }

    div.tooltip .tooltip-desc {
        font-size: 1rem;
        line-height: 1.2rem;
        color: #969696;
        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
    }

.tooltip-detail {
    display: none;
}

@media (max-width: 639px) {
    div.tooltip[role=tooltip] img:not(.show-ns) {
        display: none;
    }
}

.customModal {
    top: 205px;
    display: block;
    position: relative;
    width: 75%;
    max-width: 384px;
    margin: auto;
    background: white;
    padding: 2em;
    font-size: 15px;
}

    .customModal h4 {
        font-size: 15px;
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 0.75px;
        text-transform: uppercase;
        margin-bottom: 0.6666666667rem;
    }

    .customModal .tooltip-desc {
        margin-top: 0.6666666667rem;
        font-size: 1rem;
        line-height: 1.2rem;
        color: #969696;
        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
    }

    .customModal:after {
        content: " ";
        display: block;
        background: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-close.svg);
        width: 15px;
        height: 15px;
        position: absolute;
        right: -25px;
        top: -25px;
        cursor: pointer;
        pointer-events: none;
    }

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}

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

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover, .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    }

        .slick-prev:hover:before, .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: white;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: black;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: black;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            opacity: 0.75;
        }

* {
    font-family: "futura-pt",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.3333333333rem;
}

html.pc * {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
}

html {
    font-size: 15px;
}

    html.pc {
        -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
    }

body {
    font-family: "Futura PT";
    margin: 0;
    border: 0;
}

.body-container {
    padding-top: 12.6666666667rem;
}
/*20161219*/ /*padding-top: 12.5333333333rem; }*/

.container {
    margin: auto;
    width: 100%;
    max-width: 85.3333333333rem;
    box-sizing: border-box;
    padding: 0 3.3333333333rem;
    position: relative;
}

svg {
    width: 100%;
    height: 100%;
}

    svg image {
        width: 100%;
        height: 100%;
    }

@media (max-width: 639px) {
    html, * {
        font-size: 14px;
        line-height: 1.2142857143rem;
    }

    .body-container {
        padding-top: 5.3571428571rem;
    }

    .container {
        padding: 0 1.2857142857rem;
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    .body-container {
        padding-top: 7.6666666667rem;
    }

    .container {
        padding: 0 2.1333333333rem;
    }
}

ul.breadcrumbs {
    margin: 1rem 0;
}

    ul.breadcrumbs li {
        font-size: 1rem;
        line-height: 1.3333333333rem;
        text-transform: initial;
    }

        ul.breadcrumbs li a {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

        ul.breadcrumbs li.current {
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
        }

        ul.breadcrumbs li:not(:last-child)::after {
            content: " /\00a0";
            margin: 0;
            top: 0;
        }

@media (max-width: 1279px) {
    ul.breadcrumbs {
        padding: 0 1rem;
    }
}

@media (max-width: 767px) {
    ul.breadcrumbs {
        display: none;
    }
}

label.has-checkbox {
    font-size: 1rem;
    line-height: 1.3333333333rem;
}

    label.has-checkbox input[type=checkbox] {
        display: none;
    }

    label.has-checkbox div.checkbox {
        line-height: 0;
    }

        label.has-checkbox div.checkbox img {
            vertical-align: middle;
            width: 1.3333333333rem;
            height: 1.3333333333rem;
        }

            label.has-checkbox div.checkbox img.unchecked {
                display: inline-block;
            }

            label.has-checkbox div.checkbox img.checked {
                display: none;
            }

        label.has-checkbox div.checkbox span {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            vertical-align: middle;
            margin-left: 0.4666666667rem;
        }

    label.has-checkbox input:checked ~ div.checkbox img.unchecked {
        display: none;
    }

    label.has-checkbox input:checked ~ div.checkbox img.checked {
        display: inline-block;
    }

    label.has-checkbox input:checked ~ div.checkbox span {
        color: #000000;
        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    }

select.ico-dropdown {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-drop-down.png);
    background-position: right 0.6rem center;
    background-size: 0.4666666667rem 0.4666666667rem;
}

html.svg select.ico-dropdown {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-drop-down.svg);
}

select, input {
    outline: none;
    padding: 0;
    margin: 0;
}

select, input, textarea {
    outline: none;
    box-shadow: none !important;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

input, select, a, button {
    outline: none;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

[ng-click] {
    cursor: pointer;
}

.opac0 {
    opacity: 0;
}

.opac1 {
    opacity: 1;
}

#haackroutedebugger {
    display: none;
}

@media (max-width: 1279px) {
    .show-for-xlarge-up {
        display: none !important;
    }
}

@media (min-width: 1280px) {
    .show-for-small-to-large {
        display: none !important;
    }
}

@media (max-width: 639px), (min-width: 1280px) {
    .show-for-medium-to-large {
        display: none !important;
    }
}

#root-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    z-index: 800;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

    #root-header:after {
        -webkit-transition: opacity 400ms;
        -moz-transition: opacity 400ms;
        -ms-transition: opacity 400ms;
        -o-transition: opacity 400ms;
        transition: opacity 400ms;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        content: "";
        background-color: #000000;
        opacity: 0;
        z-index: 800;
    }

    #root-header #top-strip {
        font-family: "futura-pt",sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1rem;
        line-height: 1.3333333333rem;
        position: relative;
        z-index: 801;
        background-color: #000000;
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        height: 3rem;
        text-align: center;
        padding-top: 0.8666666667rem;
    }

        #root-header #top-strip ul.strip-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #root-header #top-strip ul.strip-list li {
                display: inline-block;
                color: #FFFFFF;
                -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                vertical-align: top;
            }

                #root-header #top-strip ul.strip-list li.sep {
                    margin: 0.2666666667rem 1rem 0;
                    border-left: 1px solid #B4B4B4;
                    height: 0.8rem;
                }

    #root-header #main-header {
        font-family: "futura-pt",sans-serif;
        font-weight: 400;
        font-style: normal;
        -webkit-transition: padding 400ms;
        -moz-transition: padding 400ms;
        -ms-transition: padding 400ms;
        -o-transition: padding 400ms;
        transition: padding 400ms;
        position: relative;
        z-index: 802;
        background-color: #FFFFFF;
        padding: 2.6666666667rem 0 1.8666666667rem;
        text-align: center;
    }

        #root-header #main-header #logo {
            -webkit-transition: width 400ms;
            -moz-transition: width 400ms;
            -ms-transition: width 400ms;
            -o-transition: width 400ms;
            transition: width 400ms;
            display: inline-block;
            width: 20.2rem;
        }

            #root-header #main-header #logo img {
                width: 100%;
                height: auto;
            }

        #root-header #main-header #shipping-control {
            position: absolute;
            top: 0.6rem;
            left: 3.3333333333rem;
            line-height: 0;
        }

            #root-header #main-header #shipping-control ul {
                display: inline-block;
                list-style: none;
                margin: 0;
                padding: 0;
            }

                #root-header #main-header #shipping-control ul li {
                    display: inline-block;
                    float: left;
                }

            #root-header #main-header #shipping-control #currency-container {
                font-family: "futura-pt",sans-serif;
                font-weight: 400;
                font-style: normal;
                font-size: 1rem;
                line-height: 1.3333333333rem;
                margin-right: 2.3333333333rem;
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                vertical-align: top;
            }

                #root-header #main-header #shipping-control #currency-container a {
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

            #root-header #main-header #shipping-control #shipping-container {
                min-width: 11.4666666667rem;
                line-height: 0;
                vertical-align: top;
            }

                #root-header #main-header #shipping-control #shipping-container span {
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    display: inline-block;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                    vertical-align: top;
                    margin-right: 0.4rem;
                }

                #root-header #main-header #shipping-control #shipping-container div.shipping-destination-container {
                    position: relative;
                    display: inline-block;
                    vertical-align: top;
                    height: 1.3333333333rem;
                    line-height: 1.3333333333rem;
                    width: 6.5333333333rem;
                }

                    #root-header #main-header #shipping-control #shipping-container div.shipping-destination-container select {
                        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-dropdown.png");
                        background-size: contain;
                        background-repeat: no-repeat;
                        color: #000000;
                        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                        position: relative;
                        display: inline-block;
                        height: 1.3333333333rem;
                        line-height: 1.3333333333rem;
                        border-width: 0;
                        vertical-align: top;
                        z-index: 803;
                        background-color: transparent;
                        width: 100%;
                        font-weight: 500;
                        background-size: 0.6666666667rem 0.6666666667rem;
                        background-position: -0.9333333333rem center;
                        padding-left: 0.9333333333rem;
                    }

html.svg #root-header #main-header #shipping-control #shipping-container div.shipping-destination-container select {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-dropdown.svg");
}

#root-header #main-header #mobile-menu-toggle {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-menu.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.5333333333rem;
    left: 3.3333333333rem;
    width: 1.6666666667rem;
    height: 1.6666666667rem;
    cursor: pointer;
    background-size: 100%;
    display: none;
}

html.svg #root-header #main-header #mobile-menu-toggle {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-menu.svg");
}

#root-header #main-header #account-control {
    position: absolute;
    top: 0.5333333333rem;
    right: 3.3333333333rem;
    line-height: 0;
}

    #root-header #main-header #account-control ul {
        font-size: 1rem;
        line-height: 1.3333333333rem;
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #root-header #main-header #account-control ul li {
            font-size: 1rem;
            line-height: 1.3333333333rem;
            display: inline-block;
            float: left;
        }

            #root-header #main-header #account-control ul li a {
                font-size: 1rem;
                line-height: 1.3333333333rem;
                display: inline-block;
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

                #root-header #main-header #account-control ul li a:hover {
                    font-weight: 500;
                }

            #root-header #main-header #account-control ul li.control-items {
                width: 4rem;
                height: 1.3333333333rem;
                line-height: 1.3333333333rem;
                text-align: left;
                margin-right: 1rem;
                margin-top: 1px;
            }

                #root-header #main-header #account-control ul li.control-items#search-container {
                    margin-right: 0.6rem;
                }

                    #root-header #main-header #account-control ul li.control-items#search-container a {
                        position: relative;
                        display: inline-block;
                    }

                        #root-header #main-header #account-control ul li.control-items#search-container a:after {
                            display: none;
                            position: absolute;
                            left: 0;
                            top: 3.6666666667rem;
                            content: "";
                            width: 100%;
                            height: 0.2rem;
                            background-color: #000000;
                        }

            #root-header #main-header #account-control ul li#account-container {
                width: auto;
                height: 1.4666666667rem;
            }

                #root-header #main-header #account-control ul li#account-container ul li {
                    position: relative;
                    display: inline-block;
                    width: 1.4666666667rem;
                    height: 1.4666666667rem;
                    vertical-align: middle;
                }

                    #root-header #main-header #account-control ul li#account-container ul li a {
                        width: 100%;
                        height: 100%;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li.sep {
                        width: auto;
                        display: inline-block;
                        margin: 0 0.6666666667rem;
                        vertical-align: middle;
                    }

                        #root-header #main-header #account-control ul li#account-container ul li.sep span {
                            display: inline-block;
                            background-color: #B4B4B4;
                            width: 1px;
                            height: 1.2rem;
                            margin-top: 2px;
                            vertical-align: middle;
                        }

                    #root-header #main-header #account-control ul li#account-container ul li .text {
                        font-size: 0.6rem;
                        line-height: 0.8rem;
                        text-align: center;
                        position: absolute;
                        left: 0;
                        width: 100%;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-wishlist .text {
                        bottom: 100%;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-wishlist .normal {
                        display: inline-block;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-wishlist .hover {
                        display: none;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-wishlist:hover .text {
                        color: #FFFFFF;
                        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-wishlist:hover .normal {
                        display: none;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-wishlist:hover .hover {
                        display: inline-block;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-cart .text {
                        bottom: 100%;
                    }

#root-header #navigation-menu {
    position: relative;
    z-index: 801;
    background-color: #FFFFFF;
    text-align: center;
}

    #root-header #navigation-menu:after {
        position: absolute;
        display: block;
        z-index: 801;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #B4B4B4;
    }

    #root-header #navigation-menu:before {
        position: absolute;
        display: none;
        z-index: 801;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #B4B4B4;
    }

    #root-header #navigation-menu > .container {
        max-width: 100%;
        padding: 0;
    }

    #root-header #navigation-menu div.navigation-menu-list {
        display: block;
        z-index: 802;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        line-height: 0;
        padding: 0 2rem;
        max-width: 1400px;
    }

        #root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item {
            font-size: 1rem;
            line-height: 2.6666666667rem;
            position: relative;
            z-index: 804;
            display: inline-block;
            /*width: 14%;*/
            text-align: center;
            margin: 0 3.5%;
        }

@media(min-width: 639px) and (max-width: 1024px) {
    #root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item {
        margin: 0 2.6%;
    }
}

#root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item a.primary-item {
    font-size: 1rem;
    line-height: 2.6666666667rem;
    position: relative;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px;
    color: #000000;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    z-index: 804;
}

    #root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item a.primary-item span {
        font-size: 1rem;
        line-height: 2.6666666667rem;
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        position: relative;
        display: inline-block;
    }

        #root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item a.primary-item span.red {
            color: red;
            font-size: 1rem;
            line-height: 2.6666666667rem;
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            position: relative;
            display: inline-block;
        }

#root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item:hover a.primary-item span:after, #root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item.active a.primary-item span:after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 100%;
    height: 3px;
    bottom: -1px;
    left: 0;
    background-color: #000000;
    z-index: 803;
}

#root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item-bg-overlay {
    display: none;
    position: fixed;
    top: 12.6666666667rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 802;
}

    #root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item-bg-overlay:hover {
        display: none !important;
    }

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    padding-top: 2.3333333333rem;
    padding-bottom: 3.3333333333rem;
    z-index: 803;
}

    #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu#men-expandable-navigation-menu, #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu#women-expandable-navigation-menu, #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu#kids-expandable-navigation-menu, #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu#sports-expandable-navigation-menu {
        padding-bottom: 2.3333333333rem;
    }

    #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container {
        position: relative;
        z-index: 804;
        display: block;
        width: 100%;
        max-width: 69.1333333333rem;
        margin: 0 auto;
    }

        #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container:after {
            display: block;
            content: "";
            clear: both;
        }

        #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .title {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            letter-spacing: 1px;
            margin-bottom: 1.3333333333rem;
            text-align: left;
        }

        #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single,
        #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all {
            display: inline-block;
            text-align: left;
            width: 23.9151398264%;
        }

            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single span.img,
            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all span.img {
                position: relative;
                display: block;
                width: 100%;
                height: 0;
                padding-top: 56.451612903%;
            }

            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single img,
            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single .title,
            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all .title {
                font-family: "futura-pt",sans-serif;
                font-weight: 400;
                font-style: normal;
                display: block;
                text-align: center;
                margin-top: 0.6666666667rem;
            }

            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single:hover .title,
            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover .title {
                font-weight: 500;
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

        #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all {
            float: right;
        }

            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all.men span.img {
                background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/men-all-icon.png);
            }

html.svg #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all.men span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/men-all-icon.svg);
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all.women span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/women-all-icon.png);
}

html.svg #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all.women span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/women-all-icon.svg);
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all.kids span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/kids-all-icon.png);
}

html.svg #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all.kids span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/kids-all-icon.svg);
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all.sports span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/sports-all-icon.png);
}

html.svg #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all.sports span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/sports-all-icon.svg);
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all.left {
    float: left;
    margin-left: 1.4464802314%;
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all span.img {
    border: #B4B4B4 1px solid;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 4rem 4rem;
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover span.img {
    border-color: #000000;
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover.men span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/men-all-icon-hover.png);
}

html.svg #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover.men span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/men-all-icon-hover.svg);
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover.women span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/women-all-icon-hover.png);
}

html.svg #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover.women span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/women-all-icon-hover.svg);
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover.kids span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/kids-all-icon-hover.png);
}

html.svg #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover.kids span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/kids-all-icon-hover.svg);
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover.sports span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/sports-all-icon-hover.png);
}

html.svg #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single-all:hover.sports span.img {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/sports-all-icon-hover.svg);
}

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single {
    float: left;
    margin-left: 1.4464802314%;
}

    #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-single:first-child {
        margin-left: 0;
    }

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns {
    text-align: left;
}

    #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-column {
        display: inline-block;
        width: 20.1542912247%;
        margin-left: 3.6rem;
        vertical-align: top;
        text-align: left;
    }

        #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-column:first-child {
            margin-left: 0;
        }

        #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-column a {
            font-size: 1rem;
            line-height: 1.8666666667rem;
            display: block;
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-column a.in-house {
                color: #646464;
                -webkit-text-stroke: rgba(100, 100, 100, 0.1);
                font-weight: 500;
            }

            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-column a:hover {
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

                #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-column a:hover.in-house {
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

    #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-big-column {
        width: 23.9151398264%;
        float: right;
        margin-left: 0;
        text-align: left;
    }

        #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-big-column img {
            width: 100%;
            margin-bottom: 0.6666666667rem;
        }

        #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-big-column a {
            font-size: 1rem;
            line-height: 1.8666666667rem;
            display: block;
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            letter-spacing: 1px;
        }

            #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu .expandable-navigation-menu-container .menu-item-columns .menu-item-big-column a:hover {
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

#root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item:hover + div.expandable-navigation-menu {
    display: block;
}

    #root-header #navigation-menu div.navigation-menu-list div.navigation-menu-item:hover + div.expandable-navigation-menu + div.navigation-menu-item-bg-overlay {
        display: block;
    }

#root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu:hover {
    display: block !important;
}

    #root-header #navigation-menu div.navigation-menu-list div.expandable-navigation-menu:hover + div.navigation-menu-item-bg-overlay {
        display: block !important;
    }

#root-header #search {
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    position: absolute;
    top: 10.0666666667rem;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 801;
    background-color: #FFFFFF;
}

    #root-header #search #search-close-button {
        position: absolute;
        top: 1.6666666667rem;
        right: 12.3333333333rem;
        width: 3.3333333333rem;
        height: 3.3333333333rem;
        outline: none;
        z-index: 802;
    }

        #root-header #search #search-close-button img {
            width: 1.3333333333rem;
            height: 1.3333333333rem;
        }

        #root-header #search #search-close-button .normal {
            display: inline-block;
        }

        #root-header #search #search-close-button .hover {
            display: none;
        }

        #root-header #search #search-close-button:hover .normal {
            display: none;
        }

        #root-header #search #search-close-button:hover .hover {
            display: inline-block;
        }

    #root-header #search #search-container {
        display: block;
        padding: 4.6666666667rem 0 5.3333333333rem;
        margin: 0 auto;
        width: 39.0666666667rem;
        height: auto;
    }

        #root-header #search #search-container #search-form {
            position: relative;
            width: 100%;
            height: auto;
        }

            #root-header #search #search-container #search-form input {
                font-family: "ratiomodern",sans-serif;
                font-weight: 400;
                font-style: normal;
                font-size: 2.3333333333rem;
                line-height: 3rem;
                letter-spacing: 2px;
                position: relative;
                box-shadow: none;
                height: 3.2666666667rem;
                background-color: transparent;
                border-width: 0;
                border-bottom: #969696 1px solid;
                width: 100%;
                padding: 0;
                margin: 0;
            }

            #root-header #search #search-container #search-form .twitter-typeahead {
                width: 100%;
            }

                #root-header #search #search-container #search-form .twitter-typeahead .tt-hint {
                    color: #B4B4B4;
                    -webkit-text-stroke: rgba(180, 180, 180, 0.1);
                }

                #root-header #search #search-container #search-form .twitter-typeahead .tt-input {
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

                #root-header #search #search-container #search-form .twitter-typeahead .tt-menu {
                    margin-top: 0.6666666667rem;
                    width: 100%;
                }

                    #root-header #search #search-container #search-form .twitter-typeahead .tt-menu .tt-selectable {
                        font-family: "ratiomodern",sans-serif;
                        font-weight: 400;
                        font-style: normal;
                        font-size: 2.3333333333rem;
                        line-height: 3.6666666667rem;
                        cursor: pointer;
                        color: #B4B4B4;
                        -webkit-text-stroke: rgba(180, 180, 180, 0.1);
                    }

                        #root-header #search #search-container #search-form .twitter-typeahead .tt-menu .tt-selectable .tt-highlight {
                            font-family: "ratiomodern",sans-serif;
                            font-weight: 400;
                            font-style: normal;
                            font-size: 2.3333333333rem;
                            line-height: 3.6666666667rem;
                            color: #000000;
                            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                        }

            #root-header #search #search-container #search-form button {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 3rem;
                height: 3rem;
                padding: 0.6666666667rem;
                outline: none;
            }

                #root-header #search #search-container #search-form button img {
                    width: 1.6666666667rem;
                    height: 1.6666666667rem;
                }

                #root-header #search #search-container #search-form button .normal {
                    display: inline-block;
                }

                #root-header #search #search-container #search-form button .hover {
                    display: none;
                }

                #root-header #search #search-container #search-form button:hover .normal {
                    display: none;
                }

                #root-header #search #search-container #search-form button:hover .hover {
                    display: inline-block;
                }

#root-header.scrolled {
    position: fixed;
}

    #root-header.scrolled #top-strip {
        display: none;
    }

    #root-header.scrolled #search {
        top: 5.6666666667rem;
    }

    #root-header.scrolled #main-header {
        padding-top: 2.3333333333rem;
        padding-bottom: 1.2rem;
    }

        #root-header.scrolled #main-header #logo {
            width: 16.9333333333rem;
        }

#root-header.open-search:after {
    height: 100%;
    opacity: 0.65;
}

#root-header.open-search #search {
    opacity: 1;
    height: 24.3333333333rem;
    overflow: auto;
}

#root-header.open-search #main-header #account-control ul li.control-items#search-container a {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
}

    #root-header.open-search #main-header #account-control ul li.control-items#search-container a:after {
        display: block;
    }

#root-header.open-search #navigation-menu:before {
    display: block;
}

#root-header.open-search.scrolled #main-header #account-control ul li.control-items#search-container a:after {
    top: 2.6rem;
}

.js-off-canvas-exit {
    background-color: rgba(0, 0, 0, 0.65);
}

#left-offset-menu {
    background-color: #F6F6F6;
}

    #left-offset-menu span.img {
        display: none;
    }

.off-canvas.is-open + .off-canvas-content {
    overflow: hidden;
}




@media (max-width: 790px) {
    #root-header #top-strip {
        height: 1.7857142857rem;
        padding-top: 0.2857142857rem;
    }

        #root-header #top-strip ul.strip-list li {
            font-size: 0.9285714286rem;
            line-height: 1.2142857143rem;
            display: none;
        }

            #root-header #top-strip ul.strip-list li.active {
                display: block;
            }

            #root-header #top-strip ul.strip-list li.sep {
                display: none;
            }
}

@media (min-width: 767px) and (max-width: 789px) {
    .body-container {
        padding-top: 11.3rem;
    }
}

@media (max-width: 767px) {

    #root-header #main-header {
        padding: 1.1428571429rem 0 0.7857142857rem;
    }

        #root-header #main-header:after {
            position: absolute;
            display: block;
            z-index: 801;
            content: "";
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: rgba(150, 150, 150, 0.5);
        }

        #root-header #main-header #logo {
            width: 13.0714285714rem;
        }

        #root-header #main-header #shipping-control {
            display: none;
        }

        #root-header #main-header #mobile-menu-toggle {
            display: block;
            top: -0.2142857143rem;
            left: 1.2857142857rem;
            width: 1.7857142857rem;
            height: 1.7857142857rem;
        }

        #root-header #main-header #account-control {
            top: -0.2142857143rem;
            right: 1.2857142857rem;
        }

            #root-header #main-header #account-control ul li.control-items {
                display: none;
            }

            #root-header #main-header #account-control ul li#account-container {
                height: 1.7857142857rem;
            }

                #root-header #main-header #account-control ul li#account-container ul li {
                    height: 1.7857142857rem;
                    width: 1.7857142857rem;
                }

                    #root-header #main-header #account-control ul li#account-container ul li.sep {
                        display: none;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li .text {
                        font-size: 0.6428571429rem;
                        line-height: 0.8571428571rem;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-wishlist {
                        display: none;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-cart .text {
                        bottom: 0.3571428571rem;
                    }

    #root-header #navigation-menu {
        display: none;
    }

    #root-header.scrolled #main-header {
        padding: 1.1428571429rem 0 0.7857142857rem;
    }

        #root-header.scrolled #main-header #logo {
            width: 13.0714285714rem;
        }
}

@media (min-width: 640px) and (max-width: 767px) {
    #root-header #top-strip {
        height: 2.3333333333rem;
        padding-top: 0.5333333333rem;
    }

        #root-header #top-strip ul.strip-list li {
            font-size: 1rem;
            line-height: 1.3333333333rem;
        }

    #root-header #main-header {
        padding: 1.6666666667rem 0;
    }

        #root-header #main-header #logo {
            width: 16.3333333333rem;
        }

        #root-header #main-header #mobile-menu-toggle {
            top: 0.0666666667rem;
            left: 2.1333333333rem;
            width: 1.8666666667rem;
            height: 1.8666666667rem;
        }

        #root-header #main-header #account-control {
            top: 0.0666666667rem;
            right: 2.1333333333rem;
        }

            #root-header #main-header #account-control ul li#account-container {
                height: 1.8666666667rem;
            }

                #root-header #main-header #account-control ul li#account-container ul li {
                    height: 1.8666666667rem;
                    width: 1.8666666667rem;
                }

                    #root-header #main-header #account-control ul li#account-container ul li .text {
                        font-size: 0.6rem;
                        line-height: 0.8rem;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-cart .text {
                        bottom: 0.3333333333rem;
                    }

                    #root-header #main-header #account-control ul li#account-container ul li#account-cart img {
                        width: 1.8666666667rem;
                        height: 1.8666666667rem;
                    }

    #root-header.scrolled #main-header {
        padding: 1.6666666667rem 0;
    }

        #root-header.scrolled #main-header #logo {
            width: 16.3333333333rem;
        }

    #left-offset-menu-wrapper {
        width: 271px;
    }

        #left-offset-menu-wrapper .menu-header {
            height: 56px;
        }

        #left-offset-menu-wrapper .menu-body {
            top: 56px;
        }

        #left-offset-menu-wrapper .menu-body-content {
            padding: 25px 32px 0 32px;
        }

        #left-offset-menu-wrapper p.menu-item {
            font-size: 15px;
            line-height: 45px;
        }
}

@media (max-width: 1024px) {
    #shipping-container, #account-register, #search-container, #signin-container{
        display: none !important;
    }
}

#offset-menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 900;
}

    #offset-menu-overlay.is-active {
        display: block;
    }

#left-offset-menu-wrapper {
    top: 0;
    position: fixed;
    height: 100%;
    width: 228px;
    background: white;
    -webkit-transform: translateX(-100%); /*20161219*/
    -moz-transform: translateX(-100%); /*20161219*/
    -ms-transform: translateX(-100%); /*20161219*/
    -o-transform: translateX(-100%); /*20161219*/
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .25s ease; /*20161219*/
    -moz-transition: -moz-transform .25s ease; /*20161219*/
    -ms-transition: -ms-transform .25s ease; /*20161219*/
    -o-transition: -o-transform .25s ease; /*20161219*/
    transition: transform .25s ease; /*20161219*/
    /*transition: transform ease .25s;*/ /*20161219*/
    font-family: "futura-pt",sans-serif;
    z-index: 910;
    max-height: 100%;
}

    #left-offset-menu-wrapper p.menu-item.primary-menu-item,
    #left-offset-menu-wrapper p.menu-item.sub-menu-title {
        font-weight: 500;
    }

    #left-offset-menu-wrapper .menu-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 42px;
        background-color: inherit;
    }

        #left-offset-menu-wrapper .menu-header .offset-menu-item {
            background-color: inherit;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            #left-offset-menu-wrapper .menu-header .offset-menu-item.search {
                background-color: inherit;
                background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-search-button.svg);
                background-position: 183px 16px;
                background-size: 20px 20px;
                background-repeat: no-repeat;
                padding-top: 8px;
            }

                #left-offset-menu-wrapper .menu-header .offset-menu-item.search:hover {
                    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-search-button-hover.svg);
                }

                #left-offset-menu-wrapper .menu-header .offset-menu-item.search input[type=text] {
                    background: transparent;
                    border: none;
                    margin: 0;
                    height: 100%;
                    padding-left: 18px;
                    padding-right: 20%;
                }

                #left-offset-menu-wrapper .menu-header .offset-menu-item.search input[type=submit] {
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    border: 0;
                    width: 50px;
                    background: transparent;
                }

                #left-offset-menu-wrapper .menu-header .offset-menu-item.search .tt-menu.tt-open {
                    margin-top: 1em;
                    width: 228px;
                    height: 1024px;
                    background-color: white;
                }

                    #left-offset-menu-wrapper .menu-header .offset-menu-item.search .tt-menu.tt-open .tt-suggestion {
                        font-size: 14px;
                        line-height: 35px;
                        padding-left: 18px;
                    }

            #left-offset-menu-wrapper .menu-header .offset-menu-item.back {
                background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-back.png");
                background-size: contain;
                background-repeat: no-repeat;
                cursor: pointer;
                -webkit-transform: translateX(-100%); /*20161219*/
                -moz-transform: translateX(-100%); /*20161219*/
                -ms-transform: translateX(-100%); /*20161219*/
                -o-transform: translateX(-100%); /*20161219*/
                transform: translateX(-100%);
                -webkit-transition: -webkit-transform .25s ease; /*20161219*/
                -moz-transition: -moz-transform .25s ease; /*20161219*/
                -ms-transition: -ms-transform .25s ease; /*20161219*/
                -o-transition: -o-transform .25s ease; /*20161219*/
                transition: transform .25s ease; /*20161219*/
                /*transition: transform ease .25s;*/ /*20161219*/
                background-color: #F6F6F6;
                background-repeat: no-repeat;
                background-position: 18px 22px;
                background-size: 16px 12px;
            }

html.svg #left-offset-menu-wrapper .menu-header .offset-menu-item.back {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-back.svg");
}

#left-offset-menu-wrapper .menu-header .offset-menu-item.back.is-active {
    -webkit-transform: translateX(0); /*20161219*/
    -moz-transform: translateX(0); /*20161219*/
    -ms-transform: translateX(0); /*20161219*/
    -o-transform: translateX(0); /*20161219*/
    transform: translateX(0);
}

#left-offset-menu-wrapper .menu-header .offset-menu-item.back:after {
    display: block;
    content: 'Back';
    position: absolute;
    bottom: 5px;
    left: 39px;
}

#left-offset-menu-wrapper .menu-header:after {
    bottom: 1px;
    content: ' ';
    display: block;
    position: absolute;
    left: 18px;
    right: 25px;
    border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}

#left-offset-menu-wrapper .menu-body {
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
}
    /*20161219 Begin*/
    #left-offset-menu-wrapper .menu-body ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }

    #left-offset-menu-wrapper .menu-body ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    }
    /*20161219 End*/
    #left-offset-menu-wrapper .menu-body.secondary {
        -webkit-transform: translateX(-100%); /*20161219*/
        -moz-transform: translateX(-100%); /*20161219*/
        -ms-transform: translateX(-100%); /*20161219*/
        -o-transform: translateX(-100%); /*20161219*/
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .25s ease; /*20161219*/
        -moz-transition: -moz-transform .25s ease; /*20161219*/
        -ms-transition: -ms-transform .25s ease; /*20161219*/
        -o-transition: -o-transform .25s ease; /*20161219*/
        transition: transform .25s ease; /*20161219*/
        transition: transform ease .25s;
        background-color: #F6F6F6;
    }

        #left-offset-menu-wrapper .menu-body.secondary.is-active {
            -webkit-transform: translateX(0); /*20161219*/
            -moz-transform: translateX(0); /*20161219*/
            -ms-transform: translateX(0); /*20161219*/
            -o-transform: translateX(0); /*20161219*/
            transform: translateX(0);
        }

#left-offset-menu-wrapper .menu-body-content {
    padding: 16px 10% 0 18px;
    overflow-y: auto;
    height: 100%;
}

#left-offset-menu-wrapper p.menu-item {
    font-weight: 400;
    line-height: 35px;
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
}

    #left-offset-menu-wrapper p.menu-item:hover, #left-offset-menu-wrapper p.menu-item.primary-menu-item, #left-offset-menu-wrapper p.menu-item.in-house {
        font-weight: 500;
    }

        #left-offset-menu-wrapper p.menu-item:hover a, #left-offset-menu-wrapper p.menu-item.primary-menu-item a, #left-offset-menu-wrapper p.menu-item.in-house a {
            font-weight: 500;
        }

    #left-offset-menu-wrapper p.menu-item a {
        color: inherit;
    }

#left-offset-menu-wrapper .sub-menu-title {
    color: #969696;
}

#left-offset-menu-wrapper.is-active {
    -webkit-transform: translateX(0); /*20161219*/
    -moz-transform: translateX(0); /*20161219*/
    -ms-transform: translateX(0); /*20161219*/
    -o-transform: translateX(0); /*20161219*/
    transform: translateX(0);
}

@media (min-width: 640px) and (max-width: 767px) {
    #left-offset-menu-wrapper {
        width: 270px;
        font-size: 15px;
    }

        #left-offset-menu-wrapper .menu-header {
            height: 56px;
        }

            #left-offset-menu-wrapper .menu-header .offset-menu-item.back {
                background-size: 18px 14px;
                background-position: 32px 34px;
            }

                #left-offset-menu-wrapper .menu-header .offset-menu-item.back:after {
                    left: 59px;
                    font-size: 15px;
                }

            #left-offset-menu-wrapper .menu-header .offset-menu-item.search {
                background-position: 219px 30px;
                padding-top: 22px;
            }

                #left-offset-menu-wrapper .menu-header .offset-menu-item.search input[type=text] {
                    padding-left: 32px;
                }

                #left-offset-menu-wrapper .menu-header .offset-menu-item.search .tt-menu.tt-open {
                    margin-top: 1em;
                    width: 270px;
                    height: 1280px;
                    background-color: white;
                }

                    #left-offset-menu-wrapper .menu-header .offset-menu-item.search .tt-menu.tt-open .tt-suggestion {
                        font-size: 15px;
                        line-height: 45px;
                        padding-left: 32px;
                    }

            #left-offset-menu-wrapper .menu-header:after {
                left: 32px;
                right: 32px;
            }

        #left-offset-menu-wrapper .menu-body {
            top: 56px;
        }

        #left-offset-menu-wrapper p.menu-item {
            line-height: 45px;
            font-size: 15px;
        }

        #left-offset-menu-wrapper .menu-body-content {
            padding: 32px 32px 0 32px;
        }
}

#left-offset-menu-wrapper p.shipping-title {
    margin-top: 1em;
    margin-bottom: 0;
    color: #969696;
    line-height: 20px;
}

#left-offset-menu-wrapper span.currency {
    display: inline-block;
    padding-left: 1em;
}

#left-offset-menu-wrapper .shipping-destination-container {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    height: 1.3333333333rem;
    line-height: 1.3333333333rem;
    width: 6.5333333333rem;
}

    #left-offset-menu-wrapper .shipping-destination-container select {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-dropdown.png");
        background-size: contain;
        background-repeat: no-repeat;
        color: #000000;
        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
        position: relative;
        display: inline-block;
        height: 1.3333333333rem;
        line-height: 1.3333333333rem;
        border-width: 0;
        vertical-align: top;
        background-color: transparent;
        width: 100%;
        font-weight: 500;
        background-size: 0.6666666667rem 0.6666666667rem;
        background-position: -0.9333333333rem center;
        padding-left: 0.9333333333rem;
    }

html.svg #left-offset-menu-wrapper .shipping-destination-container select {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-dropdown.svg");
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-04 20:42:39
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 16:57:43
*/
#root-footer {
    position: relative;
    background-color: #F5F5F5;
}

    #root-footer:before {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
        background-color: rgba(180, 180, 180, 0.5);
        opacity: 0.5;
    }

    #root-footer > .container {
        padding-top: 2.9333333333rem;
        padding-bottom: 2.3333333333rem;
    }

        #root-footer > .container #root-footer-back-to-top {
            display: none;
        }

        #root-footer > .container #root-footer-navigation {
            position: relative;
            width: 100%;
            margin-bottom: 1.2666666667rem;
        }

            #root-footer > .container #root-footer-navigation:after {
                display: block;
                content: "";
                clear: both;
            }

            #root-footer > .container #root-footer-navigation .footer-section-navigation h6 {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                font-size: 1rem;
                line-height: 1.3333333333rem;
                margin-bottom: 1rem;
                letter-spacing: 1px;
            }

            #root-footer > .container #root-footer-navigation .footer-section-navigation ul {
                font-size: 1rem;
                line-height: 1.8666666667rem;
            }

                #root-footer > .container #root-footer-navigation .footer-section-navigation ul li {
                    display: block;
                    font-size: 1rem;
                    line-height: 1.8666666667rem;
                }

                    #root-footer > .container #root-footer-navigation .footer-section-navigation ul li a {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 400;
                        font-style: normal;
                        font-size: 1rem;
                        line-height: 1.8666666667rem;
                        color: #000000;
                        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                    }

            #root-footer > .container #root-footer-navigation #about-navigation {
                display: block;
                width: 18.9830508475%;
                float: left;
            }

                #root-footer > .container #root-footer-navigation #about-navigation ul li a:hover {
                    font-weight: 500;
                }

            #root-footer > .container #root-footer-navigation #help-navigation {
                display: block;
                width: 31.6101694915%;
                float: left;
            }

                #root-footer > .container #root-footer-navigation #help-navigation ul li {
                    display: inline-block;
                    width: 35.9249329759%;
                    float: left;
                }

                    #root-footer > .container #root-footer-navigation #help-navigation ul li:nth-child(2n+1) {
                        margin-right: 4.2895442359%;
                    }

                    #root-footer > .container #root-footer-navigation #help-navigation ul li a:hover {
                        font-weight: 500;
                    }

            #root-footer > .container #root-footer-navigation #contact-navigation {
                display: block;
                width: 25.3389830508%;
                float: left;
            }

                #root-footer > .container #root-footer-navigation #contact-navigation h6 {
                    margin-bottom: 1rem;
                }

                #root-footer > .container #root-footer-navigation #contact-navigation div#opening-hour {
                    margin-bottom: 1.3333333333rem;
                }

                #root-footer > .container #root-footer-navigation #contact-navigation .contact-list li {
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    display: block;
                    margin-bottom: 0.3333333333rem;
                }

                    #root-footer > .container #root-footer-navigation #contact-navigation .contact-list li span {
                        display: inline-block;
                        vertical-align: middle;
                    }

                    #root-footer > .container #root-footer-navigation #contact-navigation .contact-list li img {
                        display: inline-block;
                        width: 1.6666666667rem;
                        height: 1.6666666667rem;
                        margin-right: 0.3333333333rem;
                        vertical-align: middle;
                    }

                    #root-footer > .container #root-footer-navigation #contact-navigation .contact-list li a:hover span {
                        font-weight: 500;
                    }

            #root-footer > .container #root-footer-navigation #subscription-and-social-navigation {
                display: block;
                width: 24.0677966102%;
                float: right;
            }

                #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form {
                    position: relative;
                    margin-bottom: 1.6666666667rem;
                }

                    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-email {
                        font-size: 1rem;
                        line-height: 1.5333333333rem;
                        color: #000000;
                        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                        width: 100%;
                        background-color: transparent;
                        border-width: 0;
                        border-bottom: #272727 1px solid;
                    }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-email::-webkit-input-placeholder {
                            color: #969696;
                            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                        }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-email:-moz-placeholder {
                            /* Firefox 18- */
                            color: #969696;
                            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                            opacity: 1;
                        }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-email::-moz-placeholder {
                            /* Firefox 19+ */
                            color: #969696;
                            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                            opacity: 1;
                        }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-email:-ms-input-placeholder {
                            color: #969696;
                            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                        }

                    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-button {
                        position: absolute;
                        width: 1.4rem;
                        height: 1.0666666667rem;
                        bottom: 0.2666666667rem;
                        right: 0;
                        outline: none;
                        line-height: 0;
                    }

                #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #follow-us {
                    margin-bottom: 0.6666666667rem;
                }

                #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list {
                    line-height: 0;
                }

                    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list:after {
                        display: block;
                        content: "";
                        clear: both;
                    }

                    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list li {
                        display: inline-block;
                        width: 1.6666666667rem;
                        height: 1.6666666667rem;
                        margin-right: 0.4666666667rem;
                        float: left;
                        line-height: 0;
                    }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list li a {
                            line-height: 0;
                            display: inline-block;
                        }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list li .normal {
                            display: inline-block;
                        }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list li .hover {
                            display: none;
                        }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list li:hover .normal {
                            display: none;
                        }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list li:hover .hover {
                            display: inline-block;
                        }

        #root-footer > .container #root-footer-bottom:after {
            display: block;
            content: "";
            clear: both;
        }

        #root-footer > .container #root-footer-bottom #show-ul-ns,
        #root-footer > .container #root-footer-bottom #show-ul-ns-label {
            display: none;
        }

        #root-footer > .container #root-footer-bottom ul li {
            font-size: 0.8666666667rem;
            line-height: 1.1333333333rem;
            display: inline-block;
            float: left;
            margin-right: 2rem;
        }

            #root-footer > .container #root-footer-bottom ul li.disclaimer {
                margin-right: 2.6666666667rem;
            }

            #root-footer > .container #root-footer-bottom ul li a {
                font-size: 0.8666666667rem;
                line-height: 1.1333333333rem;
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

                #root-footer > .container #root-footer-bottom ul li a:hover {
                    font-weight: 500;
                }

        #root-footer > .container #root-footer-bottom #copyright {
            font-size: 0.8666666667rem;
            line-height: 1.1333333333rem;
            width: 24.0677966102%;
            text-align: left;
            display: inline-block;
            float: right;
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

@media (max-width: 1279px) {
    #root-footer {
        text-align: center;
    }

        #root-footer > .container {
            padding: 0;
        }

            #root-footer > .container #root-footer-back-to-top {
                display: block;
                cursor: pointer;
                padding: 1.3571428571rem 0 1.2857142857rem;
                border-bottom: 1px solid rgba(180, 180, 180, 0.5);
            }

                #root-footer > .container #root-footer-back-to-top span, #root-footer > .container #root-footer-back-to-top img {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    font-size: 1rem;
                    line-height: 1.2857142857rem;
                    letter-spacing: 1px;
                    vertical-align: middle;
                }

                #root-footer > .container #root-footer-back-to-top span {
                    margin-right: 0.3571428571rem;
                }

                #root-footer > .container #root-footer-back-to-top img {
                    transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -moz-transform: rotate(-90deg);
                    -webkit-transform: rotate(-90deg);
                    width: 1.0714285714rem;
                    height: 1.0714285714rem;
                }

            #root-footer > .container #root-footer-navigation {
                margin-bottom: 0;
            }

                #root-footer > .container #root-footer-navigation .footer-section-navigation {
                    padding: 1.4285714286rem 0;
                    /*&::after{
						position: absolute;
						width: 100%;
						height: 1px;
						left: 0;
						bottom: 0;
						content: '';
						background-color: rgba($color_lighterGrey, 0.5);
					}*/
                    border-bottom: 1px solid rgba(180, 180, 180, 0.5);
                }

                    #root-footer > .container #root-footer-navigation .footer-section-navigation h6 {
                        font-size: 1rem;
                        line-height: 1.2857142857rem;
                    }

                    #root-footer > .container #root-footer-navigation .footer-section-navigation ul {
                        font-size: 1rem;
                        line-height: 1.4285714286rem;
                    }

                        #root-footer > .container #root-footer-navigation .footer-section-navigation ul li {
                            font-size: 1rem;
                            line-height: 1.4285714286rem;
                        }

                            #root-footer > .container #root-footer-navigation .footer-section-navigation ul li a {
                                font-size: 1rem;
                                line-height: 1.4285714286rem;
                            }
/*
                #root-footer > .container #root-footer-navigation #about-navigation,
                #root-footer > .container #root-footer-navigation #help-navigation {
                    display: none;
                }
                */
                #root-footer > .container .footer-section-navigation {
                    position: relative!important;
                    width: 100%!important;
                    float: none!important;
                }

                  #root-footer > .container .footer-section-navigation li {
                        margin-top: 0.9285714286rem;
                    }

                        #root-footer > .container .footer-section-navigation li:first-child {
                            margin-top: 0;
                        }

                        #root-footer > .container .footer-section-navigation li img {
                            width: 1.2857142857rem;
                            height: 1.2857142857rem;
                            margin-right: 0.6666666667rem;
                        }

                    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation h6 {
                        margin-bottom: 1.4285714286rem;
                    }

                    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form {
                        width: 15.2857142857rem;
                        margin: 0 auto 1.4285714286rem;
                    }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-email {
                            font-size: 1rem;
                            line-height: 1.2857142857rem;
                            padding-bottom: 0.3571428571rem;
                        }

                        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-button {
                            bottom: 0.4285714286rem;
                            width: 1.4285714286rem;
                            height: 1.0714285714rem;
                        }

                    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #follow-us {
                        display: none;
                    }

                    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list li {
                        width: 1.4285714286rem;
                        height: 1.4285714286rem;
                        margin: 0 0.3571428571rem;
                        float: none;
                    }

                    #root-footer > .container #root-footer-navigation #help-navigation ul li {
                      float: none!important;
                    }

            #root-footer > .container #root-footer-bottom #tnc {
                position: relative;
                /*&::after{
						position: absolute;
						width: 100%;
						height: 1px;
						left: 0;
						bottom: 0;
						content: '';
						background-color: rgba($color_lighterGrey, 0.5);
					}*/
                border-bottom: 1px solid rgba(180, 180, 180, 0.5);
            }

                #root-footer > .container #root-footer-bottom #tnc #show-ul-ns:checked + #show-ul-ns-label h6 .plus-minus#plus {
                    display: none;
                }

                #root-footer > .container #root-footer-bottom #tnc #show-ul-ns:checked + #show-ul-ns-label h6 .plus-minus#minus {
                    display: inline-block;
                }

                #root-footer > .container #root-footer-bottom #tnc #show-ul-ns:checked + #show-ul-ns-label + ul {
                    display: block;
                }

                #root-footer > .container #root-footer-bottom #tnc #show-ul-ns-label {
                    display: block;
                    padding: 1.4285714286rem 0 1.4285714286rem;
                    margin: 0;
                }

                    #root-footer > .container #root-footer-bottom #tnc #show-ul-ns-label h6 {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        font-size: 1rem;
                        line-height: 1.2857142857rem;
                        margin: 0;
                        letter-spacing: 1px;
                    }

                        #root-footer > .container #root-footer-bottom #tnc #show-ul-ns-label h6 .plus-minus {
                            width: 1.0714285714rem;
                            height: 1.0714285714rem;
                            margin-left: 0.3571428571rem;
                            margin-bottom: 0.1428571429rem;
                            vertical-align: bottom;
                        }

                            #root-footer > .container #root-footer-bottom #tnc #show-ul-ns-label h6 .plus-minus#plus {
                                display: inline-block;
                            }

                            #root-footer > .container #root-footer-bottom #tnc #show-ul-ns-label h6 .plus-minus#minus {
                                display: none;
                            }

                #root-footer > .container #root-footer-bottom #tnc ul {
                    margin-top: -0.3571428571rem;
                    padding-bottom: 0.6428571429rem;
                    position: relative;
                    display: none;
                }

                    #root-footer > .container #root-footer-bottom #tnc ul li {
                        font-size: 1rem;
                        line-height: 2.1428571429rem;
                        float: none;
                        margin: 0;
                        display: block;
                    }

            #root-footer > .container #root-footer-bottom #copyright {
                font-size: 0.8571428571rem;
                line-height: 1.1428571429rem;
                display: block;
                width: 100%;
                float: none;
                text-align: center;
                padding: 0.7142857143rem 0;
            }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #root-footer > .container #root-footer-back-to-top {
        padding-top: 1.3333333333rem;
        padding-bottom: 1rem;
    }

    #root-footer > .container #root-footer-navigation .footer-section-navigation {
        padding: 1.3333333333rem 0;
    }

        #root-footer > .container #root-footer-navigation .footer-section-navigation h6 {
            font-size: 1rem;
            line-height: 1.3333333333rem;
        }

    #root-footer > .container #root-footer-navigation #contact-navigation h6 {
        margin-bottom: 0.7333333333rem;
    }

    #root-footer > .container #root-footer-navigation #contact-navigation .contact-list li {
        display: inline-block;
        margin: 0 0 0 2.8666666667rem;
    }

        #root-footer > .container #root-footer-navigation #contact-navigation .contact-list li:first-child {
            margin-left: 0;
        }

    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation h6 {
        margin-bottom: 1.2666666667rem;
    }

    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form {
        width: 14.9333333333rem;
        margin-bottom: 1.2666666667rem;
    }

        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-email {
            padding-bottom: 0.2666666667rem;
        }

        #root-footer > .container #root-footer-navigation #subscription-and-social-navigation #subscription-form #subscription-button {
            bottom: 0.4rem;
            width: 1.3333333333rem;
            height: 1rem;
        }

    #root-footer > .container #root-footer-navigation #subscription-and-social-navigation ul.footer-social-list li {
        width: 1.3333333333rem;
        height: 1.3333333333rem;
        margin: 0 0.3333333333rem;
    }

    #root-footer > .container #root-footer-bottom #tnc #show-ul-ns-label {
        padding: 1.3333333333rem 0 1.3333333333rem;
    }

        #root-footer > .container #root-footer-bottom #tnc #show-ul-ns-label h6 {
            font-size: 1rem;
            line-height: 1.3333333333rem;
        }

            #root-footer > .container #root-footer-bottom #tnc #show-ul-ns-label h6 .plus-minus {
                width: 1rem;
                height: 1rem;
                margin-left: 0.3333333333rem;
                margin-bottom: 0.1333333333rem;
            }

    #root-footer > .container #root-footer-bottom #copyright {
        font-size: 0.8666666667rem;
        line-height: 1.1333333333rem;
        padding: 1rem 0;
    }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-11 11:48:07
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-11-02 01:11:45
*/
#footer-helper {
    display: block;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    background-color: #646464;
    z-index: 700;
}

    #footer-helper.sticky.is-anchored {
        top: 0 !important;
    }

    #footer-helper #footer-promotional-button {
        font-size: 20px;
        line-height: 1.7333333333rem;
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        position: relative;
        display: none;
        width: 100%;
        height: 100%;
        line-height: 60px;
        padding: 0 1.3333333333rem;
        color: white;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        letter-spacing: 1px;
    }

        #footer-helper #footer-promotional-button img {
            position: absolute;
            top: 1.533333rem;
            right: 1.3333333333rem;
            width: 1.0666666667rem;
            height: 1.0666666667rem;
        }

    #footer-helper #footer-detail-helper {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        height: 3rem;
        line-height: 0;
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    }

        #footer-helper #footer-detail-helper li {
            font-size: 1rem;
            line-height: 3rem;
            display: inline-block;
            vertical-align: middle;
            height: 3rem;
            margin-left: 2rem;
        }

            #footer-helper #footer-detail-helper li.helper-question {
                letter-spacing: 0.75px;
                margin-left: 0;
            }

            #footer-helper #footer-detail-helper li a {
                font-size: 1rem;
                line-height: 3rem;
                display: inline-block;
                color: #FFFFFF;
                -webkit-text-stroke: rgba(255, 255, 255, 0.1);
            }

                #footer-helper #footer-detail-helper li a:hover span {
                    font-weight: 500;
                }

            #footer-helper #footer-detail-helper li span {
                font-size: 1rem;
                line-height: 3rem;
                display: inline-block;
                vertical-align: middle;
                color: #FFFFFF;
                -webkit-text-stroke: rgba(255, 255, 255, 0.1);
            }

            #footer-helper #footer-detail-helper li img {
                display: inline-block;
                vertical-align: middle;
                width: 1.6666666667rem;
                height: 1.6666666667rem;
                margin-right: 0.3333333333rem;
            }

#footer-helper-container.promotion-helper #footer-helper {
    left: 3.4rem !important;
    width: 360px;
    height: 60px;
    line-height: 3.3333333333rem;
    background-color: rgb(0, 0, 0);
}


    #footer-helper-container.promotion-helper #footer-helper.sticky.is-anchored {
        top: 0 !important;
    }

    #footer-helper-container.promotion-helper #footer-helper #footer-promotional-button {
        display: inline-block;
    }

#footer-promotional-button .freeLensOffer-label {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    font-size: 12px;
    line-height: 1.1rem;
    z-index: 50;
    position: absolute;
    right: 50px;
    top: 5px;
    width: 52px;
    height: 52px;
    border-radius: 1.7333333333rem;
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/FrameCard/free_lens_button.png);
    background-repeat: no-repeat;
    background-size: 52px;
}

    #footer-promotional-button .freeLensOffer-label span {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 1.2em;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 28px;
        text-align: center;
    }

@media(max-width: 1279px) {
    #footer-promotional-button .freeLensOffer-label {
        right: 30%;
    }

        #footer-promotional-button .freeLensOffer-label span {
        }
}

@media(max-width: 639px) {
    #footer-promotional-button .freeLensOffer-label {
        right: 6%;
        top: 3px;
    }

        #footer-promotional-button .freeLensOffer-label span {
        }
}

#footer-helper-container.promotion-helper #footer-helper #footer-detail-helper {
    display: none;
}

@media (max-width: 1279px) {
    #footer-helper {
        display: none;
    }

    #footer-helper-container.promotion-helper {
        position: fixed;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 10;
    }

        #footer-helper-container.promotion-helper #footer-helper {
            -webkit-transition: top 200ms;
            -moz-transition: top 200ms;
            -ms-transition: top 200ms;
            -o-transition: top 200ms;
            transition: top 200ms;
            top: 0;
            display: block;
            left: 0 !important;
            width: 100%;
            height: 60px;
            line-height: 60px;
        }

            #footer-helper-container.promotion-helper #footer-helper.sticky.peek {
                top: -60px !important;
            }

            #footer-helper-container.promotion-helper #footer-helper #footer-promotional-button {
                font-size: 1rem;
                line-height: 1.2857142857rem;
                width: 100%;
                height: 100%;
                line-height: 60px;
                padding: 0;
                text-align: center;
            }

                #footer-helper-container.promotion-helper #footer-helper #footer-promotional-button img {
                    display: none;
                }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #footer-helper-container.promotion-helper #footer-helper {
        height: 60px;
        line-height: 60px;
    }

        #footer-helper-container.promotion-helper #footer-helper #footer-promotional-button {
            height: 100%;
            line-height: 60px;
        }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-11 14:02:00
* @Last Modified by:   AT
* @Last Modified time: 2016-10-11 16:52:47
*/
#promotional-banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

    #promotional-banner.show {
        display: block;
    }

    #promotional-banner:before {
        display: block;
        content: "";
        background-color: rgba(0, 0, 0, 0.65);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        cursor: pointer;
    }

    #promotional-banner #promotional-banner-table {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 49.4666666667rem;
        z-index: 1000;
        display: table;
        cursor: pointer;
    }

        #promotional-banner #promotional-banner-table #promotional-banner-cell {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            cursor: pointer;
        }

            #promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image {
                position: relative;
                display: inline-block;
                max-width: 28.9333333333rem;
                max-height: 40rem;
            }

                #promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image button#promotional-banner-close {
                    cursor: pointer;
                    position: absolute;
                    right: -3.0666666667rem;
                    top: -3.0666666667rem;
                    width: 1.0666666667rem;
                    height: 1.0666666667rem;
                }

                #promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image #promotional-banner-go {
                    position: relative;
                    display: inline-block;
                }

                    #promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image #promotional-banner-go span {
                        font-size: 1rem;
                        line-height: 1.3333333333rem;
                        -webkit-transition: all 400ms;
                        -moz-transition: all 400ms;
                        -ms-transition: all 400ms;
                        -o-transition: all 400ms;
                        transition: all 400ms;
                        position: absolute;
                        -webkit-transform: translate(-50%, 0);
                        -moz-transform: translate(-50%, 0);
                        -ms-transform: translate(-50%, 0);
                        -o-transform: translate(-50%, 0);
                        transform: translate(-50%, 0);
                        left: 50%;
                        color: #000000;
                        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                        width: 9rem;
                        line-height: 3rem;
                        height: 3rem;
                        padding: 0 1rem;
                        border: #000000 1px solid;
                        text-align: left;
                        bottom: 3.3333333333rem;
                        display: inline-block;
                    }

@media (max-width: 639px) {
    #promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image #promotional-banner-go span {
        width: 8.0714285714rem;
        line-height: 2.6428571429rem;
        height: 2.6428571429rem;
        padding: 0 0.7142857143rem;
    }
}

#promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image #promotional-banner-go span::after {
    display: inline-block;
    content: '';
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    margin-top: 1.1333333333rem;
    float: right;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

html.svg #promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image #promotional-banner-go span::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.svg");
}

#promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image #promotional-banner-go:hover span {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    background-color: #000000;
}

    #promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image #promotional-banner-go:hover span:after {
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png);
    }

html.svg #promotional-banner #promotional-banner-table #promotional-banner-cell #promotional-banner-image #promotional-banner-go:hover span:after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg);
}

#highlights-banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

    #highlights-banner.show {
        display: block;
    }

    #highlights-banner:before {
        display: block;
        content: "";
        background-color: rgba(0, 0, 0, 0.65);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        cursor: pointer;
    }

    #highlights-banner #highlights-banner-table {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 49.4666666667rem;
        z-index: 1000;
        display: table;
        /*cursor: pointer;*/
    }

        #highlights-banner #highlights-banner-table #highlights-banner-cell {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            /*cursor: pointer;*/
        }

            #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image {
                position: relative;
                display: inline-block;
                max-width: 80rem; /*28.9333333333*/
                max-height: 40rem;
            }

                #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image button#highlights-banner-close {
                    cursor: pointer;
                    position: absolute;
                    right: -3.0666666667rem;
                    top: -3.0666666667rem;
                    width: 1.0666666667rem;
                    height: 1.0666666667rem;
                }

                #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go {
                    position: relative;
                    display: inline-block;
                }

                    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton {
                        position: absolute;
                        top: 52%;
                        left: 10%;
                    }

@media (max-width: 1279px) {
    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton {
        position: absolute;
        top: 53%;
        left: 10%;
        width: 310px;
        height: 40px;
    }
}

@media (max-width: 639px) {
    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton {
        position: absolute;
        top: 27%;
        left: 45%;
        width: 100%;
        height: 40px;
        margin-left: -22.5%;
    }
}

#highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton div {
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 1rem;
    /*color: #FFFFFF;*/
    /*background-color: #000000;*/
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    width: 135px;
    line-height: 3rem;
    height: 3rem;
    padding: 0 1rem;
    border: #000000 1px solid;
    text-align: left;
    display: inline-block;
    cursor: pointer;
}

#highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go div.btnShopNow {
    margin-right: 20px;
}

#highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go div.btnDetails {
    width: 160px;
}

#highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton > div:hover {
    color: #FFFFFF;
    background-color: #000000;
}

@media (max-width: 1279px) {
    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton div {
        width: 7rem;
        height: 2rem;
        font-size: 16px;
        margin: 0;
        vertical-align: top;
        line-height: 2rem;
        padding: 0px 10px;
        text-align: left;
    }

    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go div.btnShopNow {
        margin-right: 25px;
    }

    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go div.btnDetails {
        width: 150px;
    }

    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton > div:hover {
        color: #FFFFFF;
        background-color: #000000;
    }
}

@media (max-width: 639px) {
    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton div {
        width: 45%;
        height: 100%;
        margin: 0;
        vertical-align: top;
        padding: 2px;
        text-align: center;
    }

    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go div.btnShopNow {
        margin-right: 5px;
    }

    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go div.btnDetails {
        width: 50%;
    }

    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton > div:hover {
        color: #FFFFFF;
        background-color: #000000;
    }
}


@media (max-width: 639px) {
    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go div {
        width: 8.0714285714rem;
        line-height: 1.6428571429rem; /*2.6428571429rem*/
        height: 1.6428571429rem; /*2.6428571429rem*/
        padding: 0 0.7142857143rem;
        margin-top: 0.4333333333rem;
        bottom: 2.3333333333rem; /*new added*/
    }
}

#highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton > div::after {
    display: inline-block;
    content: '';
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    margin-top: 1.1333333333rem;
    float: right;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

#highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton > div:hover:after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
}


@media (max-width: 1279px) {
    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton > div::after {
        margin-top: 0.633333rem;
    }
}

@media (max-width: 639px) {
    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go .bannerButton > div::after {
        display: none;
    }
}
/*transparent*/
@media (max-width: 639px) {
    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go div::after {
        display: inline-block;
        content: '';
        width: 0.9333333333rem;
        height: 0.7333333333rem;
        margin-top: 0.4333333333rem;
        float: right;
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png"); /*icon-arrow.png*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-color: transparent;
    }
    /*transparent*/
}

/*html.svg #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go div::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
}*/
/*icon-arrow.svg*/
#highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go:hover span {
    color: #000000; /*#FFFFFF*/
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    background-color: #FFFFFF;
}
    /*#000000*/
    #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go:hover span:after {
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png);
    }
/*icon-arrow-inverted.png*/
html.svg #highlights-banner #highlights-banner-table #highlights-banner-cell #highlights-banner-image #highlights-banner-go:hover span:after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.svg);
}
/*icon-arrow-inverted.svg*/

/*20161215 Begin*/
#trytryon {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

    #trytryon.show {
        display: block;
    }

    #trytryon:before {
        display: block;
        content: "";
        background-color: rgba(0, 0, 0, 0.65);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        cursor: pointer;
    }

    #trytryon #trytryon-table {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 49.4666666667rem;
        z-index: 1000;
        display: table;
        cursor: pointer;
    }

        #trytryon #trytryon-table #trytryon-cell {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            cursor: pointer;
        }

            #trytryon #trytryon-table #trytryon-cell #trytryon-frame {
                position: relative;
                display: inline-block;
                /*max-width: 28.9333333333rem;*/
                text-align: right;
                max-width: 43rem;
                max-height: 40rem;
            }

                #trytryon #trytryon-table #trytryon-cell #trytryon-frame button #trytryon-close {
                    cursor: pointer;
                    position: absolute;
                    right: -3.0666666667rem;
                    top: -3.0666666667rem;
                    width: 1.0666666667rem;
                    height: 1.0666666667rem;
                }
/*20161215 End*/

#home #banner {
    margin-bottom: 3.3333333333rem;
    overflow: hidden;
}

    #home #banner .bannerBackground {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 10;
    }

    #home #banner .slick-arrow {
        display: none;
    }

    #home #banner .slick-dots {
        position: absolute;
        bottom: 2rem;
        left: 0;
        width: 100%;
        line-height: 0;
        height: 0.8rem;
    }

        #home #banner .slick-dots li {
            display: inline-block;
            width: 0.8rem;
            height: 0.8rem;
            margin: 0 0.5333333333rem;
            line-height: 0;
        }

            #home #banner .slick-dots li button {
                display: inline-block;
                width: 0.8rem;
                height: 0.8rem;
                border: #FFFFFF 1px solid;
                background-color: transparent;
                border-radius: 0.4rem;
                padding: 0;
            }

                #home #banner .slick-dots li button:before {
                    display: none;
                }

            #home #banner .slick-dots li.slick-active button {
                background-color: #FFFFFF;
            }

    #home #banner .slick-slide .image-container {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 41.796875%;
    }

@media (min-width: 1600px) {
    #home #banner .slick-slide .image-container {
        padding-top: 31.25%;
    }

        #home #banner .slick-slide .image-container .bannerBackground {
            position: absolute;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
            top: 50%;
            left: 0;
            width: 100%;
            height: auto;
        }
}
/*
  #home #banner .slide1 .image-container {
    text-align: center; }
    #home #banner .slide1 .image-container .text-box .text-box-inner {
      position: absolute;
      top: 0;
      /*left: 0;/
      text-align: center;
      width: 100%;
      height: auto;
      margin-top: 3.59375%;/*8.59375%/
      color: #000000;/*#FFFFFF/
      -webkit-text-stroke: rgba(255, 255, 255, 0.1);
      z-index: 11; }
      #home #banner .slide1 .image-container .text-box .text-box-inner h1,
      #home #banner .slide1 .image-container .text-box .text-box-inner h1 span {
        font-family: "ratiomodern",sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2.3333333333rem;
        line-height: 3rem;
        margin-bottom: 2.1333333333rem; }
       #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.large {
        font-size: 2.3714285714rem;/*1.6666666667rem/
        line-height: 2.5rem;
        margin-bottom: 2.1333333333rem; }
       #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.small {
        font-family: "futura-pt",sans-serif;
        font-size: 0.8714285714rem;/*1.6666666667rem/
        line-height: 1rem;
        margin-bottom: 2.1333333333rem; }
       #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.red {
        font-size: 2.3714285714rem;/*1.6666666667rem/
        line-height: 2.5rem;
        margin-bottom: 2.1333333333rem;
        color:red; }
      #home #banner .slide1 .image-container .text-box .text-box-inner .button-box {
        line-height: 0; }
        #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a {
          text-shadow: 0 0 0.5333333333rem rgba(0, 0, 0, 0.3);
          color: #FFFFFF;
          -webkit-text-stroke: rgba(255, 255, 255, 0.1);
          width: 9rem;
          line-height: 3rem;
          height: 3rem;
          padding: 0 1rem;
          border: #FFFFFF 1px solid;
          text-align: left;
          position: relative;
          display: inline-block;
          margin: 0 0.4666666667rem; }
          @media (max-width: 639px) {
            #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a {
              width: 8.0714285714rem;
              line-height: 2.6428571429rem;
              height: 2.6428571429rem;
              padding: 0 0.7142857143rem; } }
          #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after {
            display: inline-block;
            content: '';
            width: 0.9333333333rem;
            height: 0.7333333333rem;
            margin-top: 1.1333333333rem;
            float: right;
            background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-white-shadow.png");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            background-color: transparent; }
            html.svg #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after {
              background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-white-shadow.svg"); }
          #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:after {
            position: absolute;
            margin-top: 0.6666666667rem;
            right: 0.3333333333rem;
            width: 1.9333333333rem;
            height: 1.6666666667rem; }
          #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover {
            text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            background-color: #FFFFFF; }
            #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover:after {
              width: 0.9333333333rem;
              height: 0.7333333333rem;
              margin-top: 1.1333333333rem;
              right: 0.8666666667rem;
              background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png); }
              html.svg #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover:after {
                background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.svg); }
*/
/*
  #home #banner .slide1 .image-container .text-box {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    z-index: 11; }
    #home #banner .slide1 .image-container .text-box .text-box-inner {
      display: table-cell;
      vertical-align: middle;
      padding: 0 3.90625%; }
      #home #banner .slide1 .image-container .text-box .text-box-inner h1 {
        font-family: "ratiomodern",sans-serif;
        font-weight: 400;
        font-style: normal;
        //font-size: 2.3333333333rem;
        font-size: 2.0333333333rem;
        //line-height: 3rem;
        line-height: 2.5rem;
        margin-bottom: 2.1333333333rem; }
      #home #banner .slide1 .image-container .text-box .text-box-inner .button-box {
        line-height: 0; }
        #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a {
          color: #FFFFFF;
          -webkit-text-stroke: rgba(255, 255, 255, 0.1);
          width: 9rem;
          line-height: 3rem;
          height: 3rem;
          padding: 0 1rem;
          border: #FFFFFF 1px solid;
          text-align: left;
          text-shadow: 0 0 0.5333333333rem rgba(0, 0, 0, 0.3);
          position: relative;
          display: inline-block;
          margin: 0 0.4666666667rem; }
          @media (max-width: 639px) {
            #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a {
              width: 8.0714285714rem;
              line-height: 2.6428571429rem;
              height: 2.6428571429rem;
              padding: 0 0.7142857143rem; } }
          #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after {
            display: inline-block;
            content: '';
            width: 0.9333333333rem;
            height: 0.7333333333rem;
            margin-top: 1.1333333333rem;
            float: right;
            background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-white-shadow.png");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            background-color: transparent; }
            html.svg #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after {
              background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-white-shadow.svg"); }
          #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:first-child {
            margin-left: 0; }
          #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after {
            position: absolute;
            margin-top: 0.6666666667rem;
            right: 0.3333333333rem;
            width: 1.9333333333rem;
            height: 1.6666666667rem;
            float: none;
            background-size: contain; }
          #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover {
            text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
            background-color: #FFFFFF;
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1); }
            #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover::after {
              width: 0.9333333333rem;
              height: 0.7333333333rem;
              margin-top: 1.1333333333rem;
              right: 0.8666666667rem;
              background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png); }
              html.svg #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover::after {
                background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.svg); }
*/


#home #banner .fdaypromo{
    cursor: pointer;
}

#home #banner .slide1 .image-container .text-box {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000000;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    z-index: 11;
    bottom: 0;
    right: 0;
    margin: auto;
}

#home #banner .slide1.fdaypromo .image-container .text-box {
    width: 950px;
    height: 40%;
    text-align: center;
    margin-top: 0px;
}

@media(max-width: 1279px) {
    #home #banner .slide1.fdaypromo .image-container .text-box {
        /*margin-top: 20px;*/
        width: 600px;
    }
}

@media(max-width: 992px) {
    #home #banner .slide1.fdaypromo .image-container .text-box {
        margin-top: 10px;
        width: 600px;
    }
}

@media(max-width: 639px) {
    #home #banner .slide1.fdaypromo .image-container .text-box {
        margin-top: 20px;
        margin-top: 20%;
        height: 130px;
        width: 100%;
    }
}

#home #banner .slide1 .image-container .text-box .text-box-inner {
    /*display: table-cell;*/
    vertical-align: middle;
    padding: 0 3.90625%;
    visibility: hidden;
}

#home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner {
    width: 100%;
}

#home #banner .slide1 .image-container .text-box .text-box-inner h1 {
    font-family: "ratiomodern",sans-serif;
    font-weight: 400;
    font-style: normal;
    /*font-size: 2.3333333333rem;*/
    font-size: 1.671429rem;
    /*line-height: 3rem;*/
    line-height: 2rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}

    #home #banner .slide1 .image-container .text-box .text-box-inner h1 span {
        font-family: "ratiomodern",sans-serif;
        font-weight: 400;
        font-style: normal;
        /*font-size: 2.3333333333rem;*/
        font-size: 1.671429rem;
        /*line-height: 3rem;*/
        line-height: 2rem;
        display: inline-block;
        vertical-align: middle;
    }

#home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 span {
    display: inline;
}

#home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 .imgDrivewearLogo {
    width: 165px;
    display: inline;
    vertical-align: bottom;
}

#home #banner .slide1.mothersDay .image-container .text-box .text-box-inner h1 {
    margin-bottom: 20px;
}

#home #banner .slide1 .image-container .text-box .text-box-inner h1 .divSecondLineWrapper > span {
    margin-bottom: 2.1333333333rem;
}


@media(max-width: 1599px) {
    #home #banner .slide1 .image-container .text-box .text-box-inner h1 .divSecondLineWrapper {
        /*margin-bottom: 2.1333333333rem;*/
    }
}

@media(max-width: 639px) {
    #home #banner .slide1 .image-container .text-box .text-box-inner h1 .divSecondLineWrapper > span {
        margin-bottom: 10px !important;
        font-size: 14px;
    }
}

#home #banner .slide1 .image-container .text-box .text-box-inner h1 span.large {
    font-size: 2.3714285714rem; /*1.6666666667rem*/
    line-height: 2.5rem;
    margin-bottom: 0.533333rem;
}

#home #banner .slide1 .image-container .text-box .text-box-inner h1 span.small {
    font-family: "futura-pt",sans-serif;
    font-size: 0.8714285714rem; /*1.6666666667rem*/
    line-height: 1rem;
    margin-bottom: 2.1333333333rem;
}

#home #banner .slide1 .image-container .text-box .text-box-inner h1 span.red {
    font-size: 2.3714285714rem; /*1.6666666667rem*/
    line-height: 2.5rem;
    /*margin-bottom: 2.1333333333rem;*/
    color: red;
}

#home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 span.red {
    font-size: 1.671429rem;
    line-height: 1em;
}

@media(max-width: 1279px) {
    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 span.red {
        /*font-size: 20px;*/
    }
}

@media(max-width: 639px) {
    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 span.red {
        font-size: 0.971429rem;
    }
}

@media(max-width:1599px) {
    #home #banner .slide1 .image-container .text-box .text-box-inner h1 span {
        margin-bottom: 0;
        font-size: 1.471429rem;
    }

    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 span {
        /*font-size: 15px;*/
        line-height: 1.2em;
    }

    #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.red {
        margin-bottom: 0;
    }
}

@media(max-width: 1279px) {
    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 span {
        /*font-size: 15px;*/
    }
}

#home #banner .slide1 .image-container .text-box .text-box-inner h1 .icon_transitions {
    position: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 170px;
    margin-top: 10px;
}

@media(max-width:1599px) {
    #home #banner .slide1 .image-container .text-box .text-box-inner h1 .icon_transitions {
        margin-bottom: 0;
        width: 150px;
        margin-top: 0;
    }
}


@media(max-width:639px) {
    #home #banner .slide1 .image-container .text-box .text-box-inner h1 span {
        font-size: 0.971429rem;
    }

    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 span {
        line-height: 1.2em;
    }

    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 .imgDrivewearLogo {
        width: 100px;
    }

    #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.red {
        margin-bottom: 0;
    }

    #home #banner .slide1 .image-container .text-box .text-box-inner h1 .icon_transitions {
        margin-bottom: 0;
        width: 90px;
        margin-top: 4px;
    }
}

#home #banner .slide1 .image-container .text-box .text-box-inner .button-box {
    line-height: 0;
}

    #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a {
        color: #000000;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        width: 9rem;
        line-height: 3rem;
        height: 3rem;
        padding: 0 1rem;
        border: #000000 1px solid;
        text-align: left;
        text-shadow: 0 0 0.5333333333rem rgba(0, 0, 0, 0.3);
        position: relative;
        display: inline-block;
        margin: 0 0.4666666667rem;
    }

#home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner .button-box a {
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    box-sizing: border-box;
    padding: 2px 25px 0px 5px;
    vertical-align: middle;
}

#home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner .button-box a.btnPromoDetail {
    line-height: 3em;
}

#home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover {
    background-color: #000;
    color: white;
}

@media(max-width: 1279px) {
    #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a {
        color: #000000;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        width: 7rem;
        line-height: 2rem;
        height: 2rem;
        padding: 0 1rem;
        border: #000000 1px solid;
        text-align: left;
        text-shadow: 0 0 0.5333333333rem rgba(0, 0, 0, 0.3);
        position: relative;
        display: inline-block;
        margin: 0 0.4666666667rem;
    }

    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner .button-box a {
        width: 16rem;
        height: 2rem;
        padding: 0;
        line-height: 2em;
    }
}


@media (max-width: 639px) {
    #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a {
        width: 7.071429rem;
        line-height: 2.242857rem;
        height: 2.342857rem;
        padding: 0 0.7142857143rem;
    }

    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner .button-box a {
        line-height: 1.2em;
        padding-top: 5px;
        width: 9rem;
        height: 3rem;
        padding: 4px 25px 0px 5px;
    }
}

#home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after {
    display: inline-block;
    content: '';
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    margin-top: 1.1333333333rem;
    float: right;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

html.svg #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.svg");
}

#home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:first-child {
    margin-left: 0;
}

#home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after {
    position: absolute;
    margin-top: 0.6666666667rem;
    right: 0.8666666667rem;
    /*width: 1.9333333333rem;*/
    height: 1.6666666667rem;
    float: none;
    background-size: contain;
    top: 0;
}

@media(max-width: 1279px) {
    #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after {
        right: 0.366667rem;
        height: 0.6666666667rem;
    }

    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner .button-box a::after {
        margin-top: 0.633333rem;
        right: 0.8666666667rem;
    }
}

@media(max-width: 639px) {
    #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner .button-box a::after {
        margin-top: 0.8rem;
    }
}

#home #banner .slide1 .image-container .text-box .text-box-inner .button-box a.promotionDetail {
    width: 170px;
}

#home #banner .slide1 .image-container .text-box .text-box-inner .button-box a.promotionDetail {
    width: 150px;
}

}

#home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    background-color: #000000;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
}

    #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover::after {
        width: 0.9333333333rem;
        height: 0.7333333333rem;
        margin-top: 1.1333333333rem;
        right: 0.8666666667rem;
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png);
    }

html.svg #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover::after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg);
    margin-top: 0.633333rem;
    right: 0.8666666667rem;
}

@media(max-width: 639px) {
    html.svg #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover::after {
        margin-top: 1.1333333333rem;
    }
}


#home #banner .slide2 .image-container .text-box {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    z-index: 11;
}

    #home #banner .slide2 .image-container .text-box .text-box-inner {
        display: table-cell;
        vertical-align: middle;
        padding: 0 3.90625%;
    }

        #home #banner .slide2 .image-container .text-box .text-box-inner h1,
        #home #banner .slide2 .image-container .text-box .text-box-inner h1 span {
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            /*font-size: 2.3333333333rem;*/
            font-size: 1.8333333333rem;
            /*line-height: 3rem;*/
            line-height: 2rem;
            margin-bottom: 2.1333333333rem;
        }

            #home #banner .slide2 .image-container .text-box .text-box-inner h1 span.large {
                font-size: 2.3714285714rem; /*1.6666666667rem*/
                line-height: 2.5rem;
                margin-bottom: 2.1333333333rem;
            }

            #home #banner .slide2 .image-container .text-box .text-box-inner h1 span.small {
                font-family: "futura-pt",sans-serif;
                font-size: 0.8714285714rem; /*1.6666666667rem*/
                line-height: 1rem;
                margin-bottom: 2.1333333333rem;
            }

            #home #banner .slide2 .image-container .text-box .text-box-inner h1 span.red {
                font-size: 2.3714285714rem; /*1.6666666667rem*/
                line-height: 2.5rem;
                margin-bottom: 2.1333333333rem;
                color: red;
            }

        #home #banner .slide2 .image-container .text-box .text-box-inner .button-box {
            line-height: 0;
        }

            #home #banner .slide2 .image-container .text-box .text-box-inner .button-box a {
                color: #FFFFFF;
                -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                width: 9rem;
                line-height: 3rem;
                height: 3rem;
                padding: 0 1rem;
                border: #FFFFFF 1px solid;
                text-align: left;
                text-shadow: 0 0 0.5333333333rem rgba(0, 0, 0, 0.3);
                position: relative;
                display: inline-block;
                margin: 0 0.4666666667rem;
            }

@media (max-width: 639px) {
    #home #banner .slide2 .image-container .text-box .text-box-inner .button-box a {
        width: 8.0714285714rem;
        line-height: 2.6428571429rem;
        height: 2.6428571429rem;
        padding: 0 0.7142857143rem;
    }
}

#home #banner .slide2 .image-container .text-box .text-box-inner .button-box a::after {
    display: inline-block;
    content: '';
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    margin-top: 1.1333333333rem;
    float: right;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-white-shadow.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

html.svg #home #banner .slide2 .image-container .text-box .text-box-inner .button-box a::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-white-shadow.svg");
}

#home #banner .slide2 .image-container .text-box .text-box-inner .button-box a:first-child {
    margin-left: 0;
}

#home #banner .slide2 .image-container .text-box .text-box-inner .button-box a::after {
    position: absolute;
    margin-top: 0.6666666667rem;
    right: 0.3333333333rem;
    width: 1.9333333333rem;
    height: 1.6666666667rem;
    float: none;
    background-size: contain;
}

#home #banner .slide2 .image-container .text-box .text-box-inner .button-box a:hover {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
    color: #000000;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
}

    #home #banner .slide2 .image-container .text-box .text-box-inner .button-box a:hover::after {
        width: 0.9333333333rem;
        height: 0.7333333333rem;
        margin-top: 1.1333333333rem;
        right: 0.8666666667rem;
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png);
    }

html.svg #home #banner .slide2 .image-container .text-box .text-box-inner .button-box a:hover::after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.svg);
}

#home #type {
    margin-bottom: 3.6666666667rem;
}

    #home #type:after {
        display: block;
        content: "";
        clear: both;
    }

    #home #type > div {
        width: 49.3220338983%;
        position: relative;
    }

        #home #type > div span.base {
            letter-spacing: 1px;
            font-size: 1rem;
            line-height: 2.6666666667rem;
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            color: #000000;
            /*-webkit-text-stroke: rgba(0, 0, 0, 0.1);*/
            position: absolute;
            width: 100%;
            bottom: 4.1333333333rem;
            text-align: center;
        }

            #home #type > div span.base > font.base2 {
                color: red;
                letter-spacing: 1px;
                font-size: 1rem;
                line-height: 2.6666666667rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                /*-webkit-text-stroke: rgba(0, 0, 0, 0.1);*/
            }

        #home #type > div .shop-now {
            position: absolute;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            color: #FFFFFF;
            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
            width: 9rem;
            line-height: 3rem;
            height: 3rem;
            padding: 0 1rem;
            border: #FFFFFF 1px solid;
            text-align: left;
            opacity: 0;
            transition: opacity 0.6s;
            padding-right: 0.3333333333rem;
        }

@media (max-width: 639px) {
    #home #type > div .shop-now {
        width: 8.0714285714rem;
        line-height: 2.6428571429rem;
        height: 2.6428571429rem;
        padding: 0 0.7142857143rem;
    }
}

#home #type > div .shop-now::after {
    display: inline-block;
    content: '';
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    margin-top: 1.1333333333rem;
    float: right;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-white-shadow.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

html.svg #home #type > div .shop-now::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-white-shadow.svg");
}

#home #type > div .shop-now span {
    text-shadow: 0 0 0.5333333333rem rgba(0, 0, 0, 0.3);
}

#home #type > div .shop-now:after {
    margin-top: 0.6666666667rem;
    width: 1.9333333333rem;
    height: 1.6666666667rem;
}

#home #type > div .shop-now:hover {
    background-color: #FFFFFF;
}

    #home #type > div .shop-now:hover span {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
        color: #000000;
        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    }

    #home #type > div .shop-now:hover:after {
        position: absolute;
        width: 0.9333333333rem;
        height: 0.7333333333rem;
        top: 0.4666666667rem;
        right: 0.8666666667rem;
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png);
    }

html.svg #home #type > div .shop-now:hover:after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.svg);
}

#home #type > div:hover img.base,
#home #type > div:hover span.base,
#home #type > div:hover span.base > font.base2 {
    opacity: 0;
}

#home #type > div:hover img.mood, #home #type > div:hover .shop-now {
    opacity: 1;
}

#home #type > div a {
    display: inline-block;
    width: 100%;
    height: auto;
}

#home #type > div img {
    transition: opacity 0.6s;
    width: 100%;
}

    #home #type > div img.mood {
        position: absolute;
        padding: inherit;
        left: 0;
        top: 0;
        opacity: 0;
    }

#home #type #type1 {
    float: left;
}

#home #type #type2 {
    float: right;
}

#home #prem-lenses {
    margin-bottom: 2.9333333333rem;
}

    #home #prem-lenses:after {
        display: block;
        content: "";
        clear: both;
    }

    #home #prem-lenses #desc-ns {
        display: none;
    }

    #home #prem-lenses #glasses {
        float: left;
        width: 43.6440677966%;
        position: relative;
    }

        #home #prem-lenses #glasses img {
            position: relative;
            right: 0;
            top: 0;
            margin-left: -39.61165049%;
            width: 139.61165049%;
            max-width: none;
        }

    #home #prem-lenses #desc {
        width: 55.7627118644%;
        float: right;
        padding-right: 5.0666666667rem;
    }

        #home #prem-lenses #desc #prem-lenses-title {
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 2.3333333333rem;
            line-height: 3rem;
            padding: 3rem 0 0.9333333333rem;
            font-size: 2rem;
        }

        #home #prem-lenses #desc #prem-lenses-desc {
            padding: 0 0 1.9333333333rem;
        }

        #home #prem-lenses #desc #specialty:after {
            display: block;
            content: "";
            clear: both;
        }

        #home #prem-lenses #desc #specialty > div {
            position: relative;
            width: 48.1989708405%;
            float: left;
            padding-left: 4.7333333333rem;
        }

            #home #prem-lenses #desc #specialty > div .icon {
                position: absolute;
                left: 0;
                top: 0;
                width: 3.6666666667rem;
                height: 3.6666666667rem;
            }

        #home #prem-lenses #desc #specialty #specialty1 {
            margin-left: 0.6861063465%;
            float: right;
        }

        #home #prem-lenses #desc #specialty .specialty-title {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.3333333333rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding: 0.5333333333rem 0 0.6666666667rem;
        }

        #home #prem-lenses #desc #specialty .specialty-desc {
            font-size: 1rem;
            line-height: 1.2rem;
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

#home #offer {
    margin-bottom: 5.3333333333rem;
    padding: 0 6.3559322034%;
}

    #home #offer #offer-title {
        text-transform: uppercase;
        font-weight: 500;
        color: #969696;
        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        text-align: center;
        position: relative;
        margin-bottom: 2.5333333333rem;
        height: 1.3333333333rem;
    }

        #home #offer #offer-title .offer-text {
            font-size: 1rem;
            line-height: 1.3333333333rem;
            display: inline-block;
            vertical-align: middle;
            margin: 0 0.5rem;
            width: 8rem;
            float: left;
        }

        #home #offer #offer-title::after, #home #offer #offer-title::before {
            content: "";
            float: left;
            width: calc( ( 100% - 9rem ) / 2);
            height: 1px;
            background-color: #969696;
            margin-top: 0.6666666667rem;
        }

    #home #offer #offer-items {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        #home #offer #offer-items div {
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1.3333333333rem;
            float: left;
        }

        #home #offer #offer-items .offer-item img {
            display: inline-block;
            height: 3.3333333333rem;
            vertical-align: middle;
        }

            #home #offer #offer-items .offer-item img image {
                width: 100%;
                height: 100%;
            }

        #home #offer #offer-items .offer-item span {
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1.3333333333rem;
            line-height: 3.3333333333rem;
            display: inline-block;
            vertical-align: middle;
            margin-left: 1rem;
        }

        #home #offer #offer-items #offer-item-1 {
            width: 22.4927395934%;
            text-align: right;
        }

            #home #offer #offer-items #offer-item-1 img {
                width: 5.6666666667rem;
            }

        #home #offer #offer-items #offer-item-2 {
            width: 37.1103581801%;
            text-align: center;
        }

            #home #offer #offer-items #offer-item-2 img {
                width: 3.3333333333rem;
            }

        #home #offer #offer-items #offer-item-3 {
            width: 25.3969022265%;
            text-align: left;
        }

            #home #offer #offer-items #offer-item-3 img {
                width: 3.3333333333rem;
            }

        #home #offer #offer-items #offer-item-4 {
            /*display: none;*/
            width: 15%;
            text-align: right;
        }

            #home #offer #offer-items #offer-item-4 img {
                width: 3.3333333333rem;
            }

#home #discover {
    position: relative;
    margin-bottom: 5.3333333333rem;
}

    #home #discover #discover-container {
        display: block;
        position: absolute;
        top: 0;
        left: 6.186440678%;
        width: 50%;
        height: 100%;
    }

        #home #discover #discover-container #discover-container-inner {
            display: table;
            width: 100%;
            height: 100%;
        }

            #home #discover #discover-container #discover-container-inner #discover-content {
                display: table-cell;
                vertical-align: middle;
            }

                #home #discover #discover-container #discover-container-inner #discover-content h3 {
                    font-family: "ratiomodern",sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    font-size: 2.3333333333rem;
                    line-height: 3rem;
                    margin-bottom: 0;
                }

                #home #discover #discover-container #discover-container-inner #discover-content a {
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    -webkit-transition: all 400ms;
                    -moz-transition: all 400ms;
                    -ms-transition: all 400ms;
                    -o-transition: all 400ms;
                    transition: all 400ms;
                    display: inline-block;
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                    width: 11.5333333333rem;
                    margin-top: 2.3333333333rem;
                    padding: 0.8666666667rem 1rem;
                    border: 1px solid #000000;
                }

                    #home #discover #discover-container #discover-container-inner #discover-content a:after {
                        display: inline-block;
                        content: '';
                        float: right;
                        width: 0.9333333333rem;
                        height: 0.7333333333rem;
                        margin-top: 0.3rem;
                        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png);
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        background-color: transparent;
                    }

html.svg #home #discover #discover-container #discover-container-inner #discover-content a:after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.svg);
}

#home #discover #discover-container #discover-container-inner #discover-content a:hover {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    background-color: #000000;
}

    #home #discover #discover-container #discover-container-inner #discover-content a:hover:after {
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png);
    }

html.svg #home #discover #discover-container #discover-container-inner #discover-content a:hover:after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg);
}

#home #featured {
    margin-bottom: 6.6rem;
    visibility: hidden;
}

    #home #featured #featured-title {
        font-family: "ratiomodern",sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2.3333333333rem;
        line-height: 3rem;
        text-align: center;
        margin-bottom: 2rem;
    }

    #home #featured #featured-items {
        width: 100%;
        padding: 0 11.8644067797%;
        text-align: center;
    }

        #home #featured #featured-items .featured-item {
            margin: 0 0.2083333333%;
            width: 23.3333333333%;
            outline: none;
            position: relative;
            /*&:before{ // no offer no price
					@include normalTextRender(15px, 50px);
					@include fontColor($color_white);
					content: 'OFFER';
					display: block;
					position: absolute;
					left: 0;
					top: 0;
					width: rem(52px);
					height: rem(52px);
					border-radius: rem(26px);
					background-color: $color_black
				}*/
        }

            #home #featured #featured-items .featured-item a {
                display: block;
                outline: none;
            }

                #home #featured #featured-items .featured-item a span {
                    display: block;
                }

                #home #featured #featured-items .featured-item a .glasses,
                #home #featured #featured-items .featured-item a .glasses-hover {
                    width: 100%;
                }

                #home #featured #featured-items .featured-item a .glasses-hover {
                    display: none;
                }

                #home #featured #featured-items .featured-item a .brand {
                    font-family: "ratiomodern",sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    font-size: 1.3333333333rem;
                    line-height: 1.7333333333rem;
                    color: #272727;
                    -webkit-text-stroke: rgba(39, 39, 39, 0.1);
                    margin: 0.3333333333rem 0;
                }

                #home #featured #featured-items .featured-item a .sku {
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                }

                #home #featured #featured-items .featured-item a .price {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    margin: 0.6666666667rem 0 0.9333333333rem;
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                    letter-spacing: 1px;
                }

                #home #featured #featured-items .featured-item a:hover .glasses {
                    display: none;
                }

                #home #featured #featured-items .featured-item a:hover .glasses-hover {
                    display: inline;
                }

        #home #featured #featured-items .prev, #home #featured #featured-items .next {
            position: absolute;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
            top: 50%;
            width: 1.6666666667rem;
            height: 1.6666666667rem;
            outline: none;
        }

        #home #featured #featured-items .prev {
            left: 5rem;
        }

        #home #featured #featured-items .next {
            right: 5rem;
        }

@media (max-width: 639px) {
    #home #banner {
        margin-bottom: 2.1428571429rem;
    }

        #home #banner .slick-dots {
            height: 0.5714285714rem;
        }

            #home #banner .slick-dots li {
                width: 0.5714285714rem;
                height: 0.5714285714rem;
                margin: 0 0.2857142857rem;
            }

                #home #banner .slick-dots li button {
                    width: 0.5714285714rem;
                    height: 0.5714285714rem;
                    border-radius: 0.2857142857rem;
                    padding: 0;
                }

        #home #banner .slick-slide .image-container {
            padding-top: 100%;
        }

        #home #banner .slide1 .image-container,
        #home #banner .slide2 .image-container {
            text-align: center;
        }

            #home #banner .slide1 .image-container .text-box,
            #home #banner .slide2 .image-container .text-box {
                margin-top: 3.5%;
                display: block;
            }

                #home #banner .slide1 .image-container .text-box .text-box-inner,
                #home #banner .slide2 .image-container .text-box .text-box-inner {
                    display: block;
                    padding: 0;
                }

                    #home #banner .slide1 .image-container .text-box h1,
                    #home #banner .slide1 .image-container .text-box .text-box-inner h1 {
                        font-size: 1.0714285714rem;
                        line-height: 1.2285714286rem;
                        /*margin-bottom: 1.4285714286rem;*/
                        margin-bottom: 0;
                    }

        #home #banner .slide1.fdaypromo .image-container .text-box .text-box-inner h1 {
            margin-bottom: 10px;
        }

        #home #banner .slide2 .image-container .text-box h1,
        #home #banner .slide2 .image-container .text-box .text-box-inner h1 {
            font-size: 1.0714285714rem;
            line-height: 1.4285714286rem;
            margin-bottom: 1.4285714286rem;
        }

            #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.large,
            #home #banner .slide2 .image-container .text-box .text-box-inner h1 span.large {
                font-size: 1.2714285714rem; /*1.6666666667rem*/
                line-height: 1.5285714286rem;
                margin-bottom: 5px;
            }

            #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.small,
            #home #banner .slide2 .image-container .text-box .text-box-inner h1 span.small {
                font-family: "futura-pt",sans-serif;
                font-size: 0.5714285714rem; /*1.6666666667rem*/
                line-height: 1rem;
                margin-bottom: 1.4285714286rem;
            }

            #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.red,
            #home #banner .slide2 .image-container .text-box .text-box-inner h1 span.red {
                font-size: 1.2714285714rem; /*1.6666666667rem*/
                line-height: 1.5285714286rem;
                /*margin-bottom: 1.4285714286rem;*/
                margin-bottom: 0;
                color: red;
            }

        #home #banner .slide1 .image-container .text-box .button-box a::after,
        #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a::after,
        #home #banner .slide2 .image-container .text-box .button-box a::after,
        #home #banner .slide2 .image-container .text-box .text-box-inner .button-box a::after {
            margin-top: 0.3rem;
            right: 0.2857142857rem;
            /*width: 1.7142857143rem;*/
            height: 1.5rem;
        }

        #home #banner .slide1 .image-container .text-box .button-box a:hover::after,
        #home #banner .slide1 .image-container .text-box .text-box-inner .button-box a:hover::after,
        #home #banner .slide2 .image-container .text-box .button-box a:hover::after,
        #home #banner .slide2 .image-container .text-box .text-box-inner .button-box a:hover::after {
            margin-top: 0.9285714286rem;
            right: 0.7142857143rem;
            width: 0.8571428571rem;
            height: 0.6428571429rem;
        }

    #home #type {
        margin-bottom: 4.2857142857rem;
    }

        #home #type > div {
            width: 100%;
            float: none;
        }

            #home #type > div span.base {
                /*left:15%;*/
                text-align: center;
                bottom: 1.2857142857rem;
            }

        #home #type #type1 {
            margin-bottom: 0.7142857143rem;
        }

    #home #prem-lenses {
        margin-bottom: 2.5rem;
    }

        #home #prem-lenses #desc-ns {
            display: block;
            text-align: center;
        }

            #home #prem-lenses #desc-ns #prem-lenses-title {
                font-family: "ratiomodern",sans-serif;
                font-weight: 400;
                font-style: normal;
                font-size: 1.5714285714rem;
                line-height: 1.9285714286rem;
            }

            #home #prem-lenses #desc-ns #prem-lenses-desc {
                padding: 1.0714285714rem 0 1.4285714286rem;
            }

        #home #prem-lenses #glasses {
            width: 100%;
            float: none;
            margin-bottom: 1.0714285714rem;
        }

        #home #prem-lenses #desc {
            width: 100%;
            float: none;
            padding-right: 0;
        }

            #home #prem-lenses #desc #prem-lenses-title,
            #home #prem-lenses #desc #prem-lenses-desc {
                display: none;
            }

            #home #prem-lenses #desc #specialty > div {
                width: 100%;
                float: none;
            }

                #home #prem-lenses #desc #specialty > div .icon {
                    top: 0.1428571429rem;
                }

            #home #prem-lenses #desc #specialty #specialty1 {
                float: none;
                margin-left: 0;
                margin-bottom: 1.7857142857rem;
            }

            #home #prem-lenses #desc #specialty .specialty-title {
                padding-top: 0;
            }

    #home #offer {
        margin-bottom: 4.2857142857rem;
        padding: 0;
    }

        #home #offer #offer-title {
            margin-bottom: 1.7857142857rem;
        }

        #home #offer #offer-items .offer-item img {
            padding: 0;
            display: block;
            margin: auto;
        }

        #home #offer #offer-items .offer-item span {
            font-size: 0.9333333333rem;
            line-height: 1.1333333333rem;
            margin: 0.7142857143rem 0.3571428571rem 0;
        }

        #home #offer #offer-items #offer-item-1,
        #home #offer #offer-items #offer-item-2,
        #home #offer #offer-items #offer-item-3,
        #home #offer #offer-items #offer-item-4 {
            text-align: center;
            /*width: 33.3333333333%;*/
            width: 25%;
        }

            #home #offer #offer-items #offer-item-1 img {
                /*width: 4.25rem;*/
                width: 2.5rem;
            }

            #home #offer #offer-items #offer-item-2 img {
                width: 2.5rem;
            }

            #home #offer #offer-items #offer-item-3 img {
                width: 2.5rem;
            }

            #home #offer #offer-items #offer-item-4 img {
                width: 2.5rem;
            }

    #home #discover {
        margin-bottom: 5.7857142857rem;
    }

        #home #discover:after {
            position: relative;
            display: block;
            content: '';
            height: 1px;
            background-color: rgba(180, 180, 180, 0.5);
            top: 2.8571428571rem;
            margin: 0 -1.2rem;
        }

        #home #discover #discover-banner-wrapper {
            margin: 0 -1.2857142857rem 2.8571428571rem;
        }

        #home #discover #discover-container {
            position: relative;
            left: 0;
            width: 100%;
        }

            #home #discover #discover-container #discover-container-inner #discover-content {
                text-align: center;
            }

                #home #discover #discover-container #discover-container-inner #discover-content h3 {
                    font-size: 1.5714285714rem;
                    line-height: 1.9285714286rem;
                }

                #home #discover #discover-container #discover-container-inner #discover-content a {
                    margin-top: 1.4285714286rem;
                }

    #home #featured {
        margin-bottom: 4.2857142857rem;
    }

        #home #featured #featured-title {
            font-size: 1.5714285714rem;
            line-height: 1.7857142857rem;
            margin-bottom: 1.7857142857rem;
        }

        #home #featured #featured-items {
            padding: 0 4.9295774648%;
        }

            #home #featured #featured-items .featured-item a .brand {
                font-size: 1.2857142857rem;
                line-height: 1.6428571429rem;
                margin: 0.3571428571rem 0;
            }

            #home #featured #featured-items .featured-item a .sku {
                font-size: 1.0714285714rem;
                line-height: 1.4285714286rem;
            }

            #home #featured #featured-items .prev {
                left: -0.7857142857rem;
            }

            #home #featured #featured-items .next {
                right: -0.7857142857rem;
            }
}

@media (min-width: 640px) and (max-width: 990px) {
    #home #banner {
        margin-bottom: 2rem;
    }

        #home #banner .slick-dots {
            bottom: 1.6666666667rem;
            height: 0.5333333333rem;
        }

            #home #banner .slick-dots li {
                width: 0.5333333333rem;
                height: 0.5333333333rem;
                margin: 0 0.3333333333rem;
            }

                #home #banner .slick-dots li button {
                    width: 0.5333333333rem;
                    height: 0.5333333333rem;
                    margin: 0 0.3333333333rem;
                    border-radius: 0.2666666667rem;
                }
        /*#home #banner .slide1 .image-container .text-box {
      margin-top: 6.5104166667%; }
      #home #banner .slide1 .image-container .text-box h1 {
        font-size: 1.6666666667rem;
        line-height: 2rem;
        margin-bottom: 1.0666666667rem; }*/
        #home #banner .slide1 .image-container .text-box .text-box-inner {
            padding: 0 4.1666666667%;
            width: 55%;
        }

            #home #banner .slide1 .image-container .text-box .text-box-inner h1 {
                font-size: 1.5714285714rem; /*1.6666666667rem*/
                line-height: 1.5rem;
                /*margin-bottom: 1.6666666667rem;*/
                width: 360px;
                margin-bottom: 10px;
            }

                #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.large {
                    font-size: 1.471429rem; /*1.6666666667rem*/
                    line-height: 2rem;
                    margin-bottom: 0.466667rem;
                }

                #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.small {
                    font-family: "futura-pt",sans-serif;
                    font-size: 0.3714285714rem; /*1.6666666667rem*/
                    line-height: 1rem;
                    margin-bottom: 1.0666666667rem;
                }

                #home #banner .slide1 .image-container .text-box .text-box-inner h1 span.red {
                    font-size: 1.671429rem; /*1.6666666667rem*/
                    line-height: 2rem;
                    /*margin-bottom: 1.0666666667rem;*/
                    color: red;
                }


        #home #banner .slide2 .image-container .text-box .text-box-inner {
            padding: 0 4.1666666667%;
        }

            #home #banner .slide2 .image-container .text-box .text-box-inner h1 {
                font-size: 1.3714285714rem; /*1.6666666667rem*/
                line-height: 2rem;
                margin-bottom: 1.0666666667rem;
            }

                #home #banner .slide2 .image-container .text-box .text-box-inner h1 span.large {
                    font-size: 1.8714285714rem; /*1.6666666667rem*/
                    line-height: 2rem;
                    margin-bottom: 1.0666666667rem;
                }

                #home #banner .slide2 .image-container .text-box .text-box-inner h1 span.small {
                    font-family: "futura-pt",sans-serif;
                    font-size: 0.3714285714rem; /*1.6666666667rem*/
                    line-height: 1rem;
                    margin-bottom: 1.0666666667rem;
                }

                #home #banner .slide2 .image-container .text-box .text-box-inner h1 span.red {
                    font-size: 1.8714285714rem; /*1.6666666667rem*/
                    line-height: 2rem;
                    margin-bottom: 1.0666666667rem;
                    color: red;
                }

    #home #type {
        margin-bottom: 3.3333333333rem;
    }

        #home #type > div {
            width: 48.8636363636%;
        }

            #home #type > div span.base {
                bottom: 1.6666666667rem;
            }

    #home #prem-lenses {
        margin-bottom: 1.1333333333rem;
    }

        #home #prem-lenses #desc-ns {
            display: block;
            text-align: center;
        }

            #home #prem-lenses #desc-ns #prem-lenses-title {
                font-family: "ratiomodern",sans-serif;
                font-weight: 400;
                font-style: normal;
                font-size: 1.6666666667rem;
                line-height: 2.3333333333rem;
            }

            #home #prem-lenses #desc-ns #prem-lenses-desc {
                padding: 0.9333333333rem 4rem 1.3333333333rem;
            }

        #home #prem-lenses #glasses {
            width: 50.9943181818%;
        }

            #home #prem-lenses #glasses img {
                width: 147.91086351%;
                margin-left: -47.9108635097%;
            }

        #home #prem-lenses #desc {
            width: 48.8636363636%;
            margin-top: 2.4rem;
            padding-right: 0;
        }

            #home #prem-lenses #desc #prem-lenses-title,
            #home #prem-lenses #desc #prem-lenses-desc {
                display: none;
            }

            #home #prem-lenses #desc #specialty > div {
                width: 100%;
                float: none;
                padding-left: 4rem;
            }

                #home #prem-lenses #desc #specialty > div .icon {
                    width: 3rem;
                    height: 3rem;
                }

            #home #prem-lenses #desc #specialty #specialty1 {
                margin-left: 0;
                margin-bottom: 1.8rem;
                float: none;
            }

            #home #prem-lenses #desc #specialty .specialty-title {
                font-size: 1rem;
                line-height: 1rem;
                padding: 0.1333333333rem 0 0.6666666667rem;
            }

    #home #offer {
        margin-bottom: 3.3333333333rem;
        padding: 0;
    }

        #home #offer #offer-title {
            margin-bottom: 1.3333333333rem;
        }

        #home #offer #offer-items div {
            font-size: 1rem;
        }

        #home #offer #offer-items .offer-item img {
            height: 2.3333333333rem;
        }

        #home #offer #offer-items .offer-item span {
            font-size: 1rem;
            line-height: 2.3333333333rem;
        }

        #home #offer #offer-items #offer-item-1 {
            width: 23.4090909091%;
        }

            #home #offer #offer-items #offer-item-1 img {
                width: 3.9666666667rem;
            }

        #home #offer #offer-items #offer-item-2 {
            width: 35.4829545455%;
        }

            #home #offer #offer-items #offer-item-2 img {
                width: 2.3333333333rem;
            }

        #home #offer #offer-items #offer-item-3 {
            width: 25.9659090909%;
        }

            #home #offer #offer-items #offer-item-3 img {
                width: 2.3333333333rem;
            }

        #home #offer #offer-items #offer-item-4 {
            width: 15%;
        }

            #home #offer #offer-items #offer-item-4 img {
                width: 2.3333333333rem;
            }

    #home #discover {
        margin-bottom: 3.3333333333rem;
    }

        #home #discover #discover-container {
            left: 8.5227272727%;
            width: 48.8636363636%;
        }

            #home #discover #discover-container #discover-container-inner #discover-content h3 {
                font-size: 1.6666666667rem;
                line-height: 2rem;
            }

            #home #discover #discover-container #discover-container-inner #discover-content a {
                margin-top: 1.3333333333rem;
            }

    #home #featured {
        margin-bottom: 5.3333333333rem;
    }

        #home #featured #featured-title {
            font-size: 1.6666666667rem;
            line-height: 2.3333333333rem;
        }

        #home #featured #featured-items {
            padding: 0;
            margin: 0 -0.5rem;
        }

            #home #featured #featured-items .featured-item {
                margin: 0 0.2607788595%;
                width: 22.9485396384%;
            }

                #home #featured #featured-items .featured-item a .brand {
                    font-size: 1.2rem;
                    line-height: 1.5333333333rem;
                }

                #home #featured #featured-items .featured-item a .sku {
                    font-size: 1rem;
                    line-height: 1rem;
                }

            #home #featured #featured-items .prev {
                left: -1.1666666667rem;
            }

            #home #featured #featured-items .next {
                right: -2.1666666667rem;
            }
}

#frame-list .promotionWrapper {
    height: 60px;
    background-color: rgb(0, 0, 0);
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 55px;
    position: relative;
}

    #frame-list .promotionWrapper > br {
        display: none;
    }

@media(max-width: 1279px) {
    #frame-list .promotionWrapper.haveLensPromotion {
        height: 120px;
    }

    #frame-list .promotionWrapper > .brBeforeDrivewear {
        display: block;
    }
}

#frame-list .promotionWrapper .freeLensOffer-label {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    font-size: 1rem;
    line-height: 1.1rem;
    z-index: 50;
    position: relative;
    /* top: 6px; */
    /* right: 13%; */
    width: 3.066667rem;
    height: 3.066667rem;
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/FrameCard/free_lens_button.png);
    background-size: 48px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

#frame-list .promotionWrapper .fdaypromo-label {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    font-size: 1rem;
    line-height: 1.1rem;
    z-index: 50;
    position: relative;
    /* top: 6px; */
    /* right: 13%; */
    width: 2.466667rem;
    height: 2.466667rem;
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/FrameCard/fdaypromo_bubble.png);
    background-size: 48px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

#frame-list .promotionWrapper .freeLensOffer-label span {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 28px;
}

@media(max-width: 1279px) {
    #frame-list .promotionWrapper .freeLensOffer-label {
        /*right: 2%;*/
    }
}

@media(max-width: 639px) {
    #frame-list .promotionWrapper .freeLensOffer-label {
        /*top: 31px;*/
        /*right: 0px;*/
    }
}


/*
* @Author: Andrew Lee
* @Date:   2017-04-26 13:35:00
*/

.gg-space-area {
    margin-bottom: 1.6666666667rem;
}

#frame-list .gg-hide {
    display: none;
}

/*
* End
*/

@media (max-width: 767px) {
    #frame-list .promotionWrapper {
        /*height: 50px;*/
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    #frame-list .promotionWrapper {
        font-size: 14px;
        line-height: 58px;
    }
}

@media (max-width: 639px) {
    #frame-list .promotionWrapper {
        height: 80px;
        font-size: 13px;
        line-height: 37px;
    }

        #frame-list .promotionWrapper.haveLensPromotion {
            height: 110px;
        }
}

@media(max-width: 574px) {
    #frame-list .promotionWrapper > .brLensPromo {
        display: block;
    }

    #frame-list .promotionWrapper.haveLensPromotion {
        height: 140px;
    }
}

/*@media(max-width: 470px) {
    #frame-list .promotionWrapper.haveLensPromotion {
        height: 180px;
    }
}*/

#frame-list .promotionWrapper span {
    color: #c10707;
    font-size: 25px;
    font-weight: bold;
    margin: 0 5px;
}

@media(max-width: 639px) {
    #frame-list .promotionWrapper span {
        font-size: 16px;
    }
}

#frame-list .no-result {
    font-family: "ratiomodern",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3333333333rem;
    line-height: 1.7333333333rem;
    text-align: center;
    margin-top: 8rem;
    margin-bottom: 11.4rem;
}

    #frame-list .no-result span {
        font-weight: 500;
    }

#frame-list .main {
    margin-bottom: 4rem;
}

    #frame-list .main:after {
        display: block;
        content: "";
        clear: both;
    }

    #frame-list .main .filter-wrapper {
        width: 17.7118644068%;
        float: left;
        padding-top: 3rem;
    }

        #frame-list .main .filter-wrapper .control,
        #frame-list .main .filter-wrapper .apply {
            display: none;
        }

        #frame-list .main .filter-wrapper .filter .accordion-item {
            margin-top: 1.2rem;
        }

            #frame-list .main .filter-wrapper .filter .accordion-item#brand .accordion-content {
                max-height: 400px;
                overflow-y: auto;
            }

            #frame-list .main .filter-wrapper .filter .accordion-item:first-child {
                margin-top: 0;
            }

            #frame-list .main .filter-wrapper .filter .accordion-item label:hover input:enabled ~ span.caption, #frame-list .main .filter-wrapper .filter .accordion-item label input:checked ~ span.caption {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
            }

                #frame-list .main .filter-wrapper .filter .accordion-item label:hover input:enabled ~ span.caption span.inner-caption, #frame-list .main .filter-wrapper .filter .accordion-item label input:checked ~ span.caption span.inner-caption {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                }

            #frame-list .main .filter-wrapper .filter .accordion-item.is-active .accordion-title:before {
                background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-minus.png);
            }

html.svg #frame-list .main .filter-wrapper .filter .accordion-item.is-active .accordion-title:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-minus.svg);
}

html.svg #frame-list .main .filter-wrapper .filter #sale.accordion-item.is-active .accordion-title:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-minus-red.svg);
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Aviator]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Aviator]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/aviator.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Aviator]:before, html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Aviator]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/aviator.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=CatEye]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=CatEye]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/cat-eye.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=CatEye]:before, html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=CatEye]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/cat-eye.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Oval]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Oval]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/oval.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Oval]:before, html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Oval]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/oval.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Rectangle]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Rectangle]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/rectangle.png");
    background-size: contain;
    background-repeat: no-repeat;
}

/*html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Rectangle]:before, html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Rectangle]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/rectangle.svg");
}*/

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Round]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Round]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/round.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Round]:before, html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Round]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/round.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Square]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Square]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/square.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Square]:before, html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Square]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/square.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Pantos]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Pantos]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/wayfarer.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Pantos]:before, html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Pantos]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/wayfarer.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Butterfly]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Butterfly]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/butterfly.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Butterfly]:before, html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Butterfly]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/butterfly.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Browline]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Browline]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/browline.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=ClassicWayFrame]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=ClassicWayFrame]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/classic-wayframe.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Geometric]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Geometric]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/geometric.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Oversized]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Oversized]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/oversized.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label:hover input:enabled ~ span.caption[data-code=Wrap]:before, #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:checked ~ span.caption[data-code=Wrap]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/wrap.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=A]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/aviator-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Aviator]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/aviator-disabled.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=CatEye]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/cat-eye-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=CatEye]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/cat-eye-disabled.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Oval]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/oval-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Oval]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/oval-disabled.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Rectangle]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/rectangle-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

/*html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Rectangle]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/rectangle-disabled.svg");
}*/

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Round]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/round-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Round]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/round-disabled.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Square]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/square-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Square]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/square-disabled.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Pantos]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/wayfarer-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Pantos]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/wayfarer-disabled.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Butterfly]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/butterfly-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Butterfly]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/butterfly-disabled.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Browline]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/browline-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=ClassicWayFrame]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/classic-wayframe-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Geometric]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/geometric-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Oversized]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/oversized-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label input:disabled ~ span.caption[data-code=Wrap]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/wrap-disabled.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label .dot {
    margin-right: 0.4666666667rem;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption:before {
    content: '';
    display: inline-block;
    width: 3.0666666667rem;
    height: 1.0666666667rem;
    background-size: cover;
    vertical-align: middle;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Aviator]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/aviator-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Aviator]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/aviator-grey.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=CatEye]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/cat-eye-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=CatEye]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/cat-eye-grey.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Oval]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/oval-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Oval]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/oval-grey.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Rectangle]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/rectangle-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

/*html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Rectangle]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/rectangle-grey.svg");
}*/

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Round]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/round-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Round]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/round-grey.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Square]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/square-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Square]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/square-grey.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Pantos]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/wayfarer-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Pantos]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/wayfarer-grey.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Butterfly]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/butterfly-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Butterfly]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/butterfly-grey.svg");
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Browline]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/browline-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=ClassicWayFrame]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/classic-wayframe-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Geometric]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/geometric-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Oversized]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/oversized-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption[data-code=Wrap]:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/frame-shapes/wrap-grey.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#frame-list .main .filter-wrapper .filter .accordion-item#shape label span.caption .inner-caption {
    margin-left: 1rem;
    vertical-align: middle;
    display: inline-block;
}

#frame-list .main .filter-wrapper .filter #sale.accordion-item .accordion-title {
    color: red;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    border-color: red;
}

#frame-list .main .filter-wrapper .filter .accordion-item .accordion-title {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    color: #000000;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 2px 0 1px 0;
    border: 0;
    border-bottom: 1px solid #B4B4B4;
}

    #frame-list .main .filter-wrapper .filter .accordion-item .accordion-title:before {
        content: '';
        width: 1rem;
        height: 1rem;
        right: 0.3333333333rem;
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-plus.png);
        background-size: contain;
    }

html.svg #frame-list .main .filter-wrapper .filter .accordion-item .accordion-title:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-plus.svg);
}

html.svg #frame-list .main .filter-wrapper .filter #sale.accordion-item .accordion-title:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-plus-red.svg);
}

#frame-list .main .filter-wrapper .filter .accordion-item .accordion-title:hover {
    background-color: transparent;
}

#frame-list .main .filter-wrapper .filter .accordion-item .accordion-content {
    border: 0;
    padding: 0;
    margin-top: 0.6rem;
    padding-bottom: 0.8rem;
}

    #frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul {
        margin-left: 0;
    }

        #frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul label {
            font-size: 1rem;
            line-height: 1.8666666667rem;
            position: relative;
        }

            #frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul label:hover span.caption {
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

            #frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul label input {
                display: none;
            }

                #frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul label input:disabled ~ span.caption {
                    color: #D8D8D8;
                    -webkit-text-stroke: rgba(216, 216, 216, 0.1);
                }

            #frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul label div.dot {
                border: 1px solid gray;
                width: 0.4rem;
                height: 0.4rem;
                border-radius: 0.2rem;
                /*background-color: #000000;*/
                display: inline-block;
                /*visibility: hidden;*/
                margin-right: 0.6666666667rem;
            }

            #frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul label:hover div.dot {
                border-color: black;
            }

#frame-list .main .filter-wrapper .filter #sale.accordion-item .accordion-content ul label div.dot {
    border: 1px solid red;
}

#frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul label span.caption {
    color: #8c8c8c;
    -webkit-text-stroke: rgba(140, 140, 140, 0.1);
}

#frame-list .main .filter-wrapper .filter #sale.accordion-item .accordion-content ul label span.caption {
    color: red;
}

#frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul label input:checked ~ div.dot {
    /*visibility: visible;*/
    background-color: black;
    border-color: black;
}

#frame-list .main .filter-wrapper .filter #sale.accordion-item .accordion-content ul label input:checked ~ div.dot {
    background-color: red;
}

#frame-list .main .filter-wrapper .filter .accordion-item .accordion-content ul label input:checked ~ span.caption {
    color: #000000;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
}

#frame-list .main .remove-all-filters {
    clear: left;
    float: left;
    margin-top: 1.2rem;
}

    #frame-list .main .remove-all-filters a {
        color: #000000;
        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
        text-decoration: underline;
    }

        #frame-list .main .remove-all-filters a:hover {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
        }

#frame-list .main .display {
    width: 74.7457627119%;
    float: right;
    text-align: center;
}

    #frame-list .main .display .paging button {
        vertical-align: middle;
        height: 1rem;
    }

        #frame-list .main .display .paging button.hidden {
            visibility: hidden;
        }

        #frame-list .main .display .paging button svg {
            width: 1rem;
            height: 1rem;
        }

        #frame-list .main .display .paging button.prev {
            margin-left: 10px;
        }

        #frame-list .main .display .paging button.next {
            margin-right: 10px;
        }

    #frame-list .main .display .paging span.page-number {
        vertical-align: middle;
        margin: 0 0.8rem;
    }

    #frame-list .main .display .top-control {
        position: relative;
        margin-bottom: 1.6666666667rem;
    }

        #frame-list .main .display .top-control > div {
            display: inline-block;
        }

        #frame-list .main .display .top-control .filter-button,
        #frame-list .main .display .top-control .sort-button {
            display: none;
        }

        #frame-list .main .display .top-control .new-sort-button label {
            display: none;
        }

        #frame-list .main .display .top-control .sort, #frame-list .main .display .top-control .count {
            width: 10rem;
            position: absolute;
        }

        #frame-list .main .display .top-control .sort {
            left: 0;
            display: inline-block;
            vertical-align: top;
            height: 1.3333333333rem;
            line-height: 1.3333333333rem;
            width: 150px;
            margin-top: 1px;
        }

            #frame-list .main .display .top-control .sort select {
                position: relative;
                display: inline-block;
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                width: 100%;
                height: 1.3333333333rem;
                line-height: 1.3333333333rem;
                border-width: 0;
                vertical-align: top;
                background-color: transparent;
                padding-left: 1.3333333333rem;
            }

            #frame-list .main .display .top-control .sort:before {
                content: "";
                position: absolute;
                display: inline-block;
                top: 0.2rem;
                left: 0;
                width: 1rem;
                height: 1rem;
                background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-dropdown.png);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                background-color: transparent;
            }

html.svg #frame-list .main .display .top-control .sort:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-dropdown.svg);
}

#frame-list .main .display .top-control .count {
    right: 0;
    text-align: right;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-position: 40%;
    background-size: contain;
    height: 20px;
}

    #frame-list .main .display .top-control .count.loading {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/ring_black.gif");
    }

#frame-list .main .display .bottom-control > div {
    display: inline-block;
}

#frame-list .main .display .list {
    margin-bottom: 0.6666666667rem;
}

    #frame-list .main .display .list:after {
        display: block;
        content: "";
        clear: both;
    }

    #frame-list .main .display .list .frame-card {
        width: 32.1995464853%;
        margin-bottom: 1.7006802721%;
    }

        #frame-list .main .display .list .frame-card:nth-child(3n + 1) {
            clear: both;
        }

        #frame-list .main .display .list .frame-card:nth-child(3n + 2) {
            margin-left: 1.7006802721%;
        }

        #frame-list .main .display .list .frame-card:nth-child(3n) {
            float: right;
        }

@media (max-width: 1279px) {
    #frame-list {
        padding: 0;
    }

        #frame-list .main {
            margin-bottom: 0;
        }

            #frame-list .main .filter-wrapper {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 810;
                background-color: #F5F5F5;
                padding-top: 0;
                padding: 3.5714285714rem 0;
                overflow-y: auto;
            }

                #frame-list .main .filter-wrapper.show {
                    display: block;
                }

                #frame-list .main .filter-wrapper .control,
                #frame-list .main .filter-wrapper .apply {
                    position: fixed;
                    display: block;
                    width: 100%;
                    left: 0;
                    z-index: 10;
                }

                #frame-list .main .filter-wrapper .control {
                    top: 0;
                    height: 3.6428571429rem;
                    background-color: #F5F5F5;
                    padding: 1.2857142857rem;
                    padding-bottom: 1.0714285714rem;
                    border-bottom: 1px solid rgba(150, 150, 150, 0.5);
                }

                    #frame-list .main .filter-wrapper .control .back {
                        float: left;
                        line-height: 0;
                        cursor: pointer;
                    }

                        #frame-list .main .filter-wrapper .control .back span, #frame-list .main .filter-wrapper .control .back img {
                            vertical-align: middle;
                        }

                        #frame-list .main .filter-wrapper .control .back span {
                            font-size: 1rem;
                            line-height: 1.2857142857rem;
                        }

                        #frame-list .main .filter-wrapper .control .back img {
                            width: 1.1428571429rem;
                            margin-right: 0.3571428571rem;
                            transform: rotate(180deg);
                            -moz-transform: rotate(180deg);
                            -webkit-transform: rotate(180deg);
                        }

                    #frame-list .main .filter-wrapper .control .count {
                        float: right;
                    }

                #frame-list .main .filter-wrapper .filter {
                    background-color: #F5F5F5;
                }

                    #frame-list .main .filter-wrapper .filter .accordion-item {
                        margin: 0;
                        border-bottom: 1px solid rgba(150, 150, 150, 0.5);
                    }

                        #frame-list .main .filter-wrapper .filter .accordion-item.is-active {
                            background-color: #FFFFFF;
                        }

                        #frame-list .main .filter-wrapper .filter .accordion-item .accordion-title {
                            font-size: 1rem;
                            line-height: 1.2857142857rem;
                            padding: 1.0714285714rem 1.2857142857rem;
                            border-bottom: transparent;
                        }

                            #frame-list .main .filter-wrapper .filter .accordion-item .accordion-title::before {
                                width: 1.0714285714rem;
                                height: 1.0714285714rem;
                                right: 1.2857142857rem;
                            }

                        #frame-list .main .filter-wrapper .filter .accordion-item .accordion-content {
                            margin-top: -0.3571428571rem;
                            padding: 0 1.2857142857rem 1.7857142857rem;
                        }

                #frame-list .main .filter-wrapper .remove-all-filters {
                    margin: 1.0714285714rem 0 1.0714285714rem 1.2857142857rem;
                }

                #frame-list .main .filter-wrapper .apply {
                    color: #FFFFFF;
                    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    text-align: center;
                    height: 3.5714285714rem;
                    position: fixed;
                    bottom: 0;
                    height: 3.5714285714rem;
                    line-height: 3.5714285714rem;
                    letter-spacing: 1px;
                    background-color: #969696;
                }

            #frame-list .main .display {
                width: 100%;
            }

                #frame-list .main .display .paging {
                    padding: 1.0714285714rem 0;
                }

                #frame-list .main .display .top-control {
                    margin-bottom: 0;
                    border-bottom: 1px solid rgba(180, 180, 180, 0.5);
                }

                    #frame-list .main .display .top-control .filter-button,
                    #frame-list .main .display .top-control .sort-button,
                    #frame-list .main .display .top-control .new-sort-button.sort {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        letter-spacing: 1px;
                        display: inline-block;
                        width: 50%;
                        float: left;
                        height: 3.5714285714rem;
                        line-height: 3.5714285714rem;
                        background-color: #F6F6F6;
                        border-top: 1px solid rgba(180, 180, 180, 0.5);
                        border-bottom: 1px solid rgba(180, 180, 180, 0.5);
                    }

                    #frame-list .main .display .top-control .new-sort-button.sort {
                        position: relative;
                        margin-top: 0;
                    }

                        #frame-list .main .display .top-control .new-sort-button.sort:before {
                            display: none;
                        }

                        #frame-list .main .display .top-control .new-sort-button.sort select {
                            position: absolute;
                            padding-left: 0;
                            top: 0;
                            left: 0;
                            opacity: 0;
                            width: 100%;
                            height: 100%;
                        }

                        #frame-list .main .display .top-control .new-sort-button.sort label {
                            display: inline-block;
                        }

                            #frame-list .main .display .top-control .new-sort-button.sort label span {
                                font-family: "futura-pt",sans-serif;
                                font-weight: 500;
                                font-style: normal;
                            }

                    #frame-list .main .display .top-control .filter-button {
                        border-right: 1px solid rgba(180, 180, 180, 0.5);
                    }

                    #frame-list .main .display .top-control .sort,
                    #frame-list .main .display .top-control .count {
                        display: none;
                    }
}

@media (max-width: 639px) {
    #frame-list .main .display .list {
        margin-bottom: 0;
    }

        #frame-list .main .display .list .frame-card {
            width: 100%;
            margin-bottom: 0;
        }

            #frame-list .main .display .list .frame-card:nth-child(n) {
                margin-left: 0;
                float: none;
            }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #frame-list .main {
        margin-bottom: 5.3333333333rem;
    }

        #frame-list .main .filter-wrapper {
            width: 22.0666666667rem;
            padding: 4rem 0;
        }

            #frame-list .main .filter-wrapper .control,
            #frame-list .main .filter-wrapper .apply {
                width: 22.0666666667rem;
            }

            #frame-list .main .filter-wrapper .control {
                height: 4rem;
                padding: 1.3333333333rem 1rem 1.3333333333rem 2.1333333333rem;
            }

                #frame-list .main .filter-wrapper .control .back span {
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                }

                #frame-list .main .filter-wrapper .control .back img {
                    width: 1.3333333333rem;
                }

            #frame-list .main .filter-wrapper .filter .accordion-item .accordion-title {
                padding: 1.3333333333rem 1rem 1.3333333333rem 2.1333333333rem;
            }

                #frame-list .main .filter-wrapper .filter .accordion-item .accordion-title::before {
                    width: 1.2rem;
                    height: 1.2rem;
                    right: 1rem;
                }

            #frame-list .main .filter-wrapper .filter .accordion-item .accordion-content {
                margin-top: -1rem;
                padding: 0 1rem 1.3333333333rem 2.1333333333rem;
            }

            #frame-list .main .filter-wrapper .filter .accordion-item#shape label .dot {
                margin-right: 0.6666666667rem;
            }

            #frame-list .main .filter-wrapper .filter .accordion-item#shape .accordion-content {
                padding-bottom: 2rem;
            }

                #frame-list .main .filter-wrapper .filter .accordion-item#shape .accordion-content ul label {
                    font-size: 1rem;
                    line-height: 2.3333333333rem;
                }

            #frame-list .main .filter-wrapper .remove-all-filters {
                margin: 1.3333333333rem 0 1.3333333333rem 2.1333333333rem;
            }

            #frame-list .main .filter-wrapper .apply {
                height: 4rem;
                line-height: 4rem;
            }

        #frame-list .main .filter-backdrop {
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: rgba(0, 0, 0, 0.65);
            z-index: 805;
        }

        #frame-list .main .display .top-control {
            border-bottom: 0;
        }

            #frame-list .main .display .top-control .paging {
                padding: 1.6666666667rem 0;
            }

        #frame-list .main .display .bottom-control .paging {
            padding: 0;
        }

        #frame-list .main .display .list {
            padding: 0 2.1333333333rem;
        }

            #frame-list .main .display .list .frame-card {
                width: 31.8181818182%;
                margin-bottom: 2.2727272727%;
            }

                #frame-list .main .display .list .frame-card:nth-child(3n + 2) {
                    margin-left: 2.2727272727%;
                }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-26 10:48:37
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-11-01 14:12:24
*
* @Last Modified by:   Andrew Lee
* @Last Modified time: 2017-04-26 13:35:00
* Changed margin-bottom to 4.6666666667rem;
*/
#frame-list .banner {
    /*min-height: 16.6666666667rem;*/
    /*margin-bottom: 2.6666666667rem;*/
    /*margin-bottom: 4.6666666667rem;*/
    background-color: #D8D8D8;
}

    #frame-list .banner.frame-and-title,
    #frame-list .banner.frame-and-title-in-house {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        background-color: #F5F5F5;
        padding: 2.2666666667rem 4.4rem 1.8rem 4.1333333333rem;
        min-height: 16.6666666667rem;
    }

        #frame-list .banner.frame-and-title:after,
        #frame-list .banner.frame-and-title-in-house:after {
            display: block;
            content: "";
            clear: both;
        }

        #frame-list .banner.frame-and-title .banner-text-container,
        #frame-list .banner.frame-and-title-in-house .banner-text-container {
            float: left;
            width: 38.8666666667rem;
            margin-top: 1.3333333333rem;
        }

            #frame-list .banner.frame-and-title .banner-text-container .banner-text,
            #frame-list .banner.frame-and-title-in-house .banner-text-container .banner-text {
                font-size: 1rem;
                line-height: 1.2rem;
                margin-left: 0.8rem;
            }

        #frame-list .banner.frame-and-title .frame,
        #frame-list .banner.frame-and-title-in-house .frame {
            float: right;
            width: 25.1333333333rem;
            height: auto;
        }

        #frame-list .banner.frame-and-title.special,
        #frame-list .banner.frame-and-title-in-house.special {
            padding: 0;
        }

            #frame-list .banner.frame-and-title.special .frame,
            #frame-list .banner.frame-and-title-in-house.special .frame {
                float: none;
                width: 100%;
                height: auto;
            }

            #frame-list .banner.frame-and-title.special .banner-text-container,
            #frame-list .banner.frame-and-title-in-house.special .banner-text-container {
                position: absolute;
                left: 0;
                top: 0;
                width: 47.4rem;
                padding: 3.6rem 4.4rem 4.3333333333rem 4.1333333333rem;
                margin-top: 0;
            }

        #frame-list .banner.frame-and-title .banner-text-container h1 {
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 2.3333333333rem;
            line-height: 3rem;
            margin-left: 0.8rem;
            margin-bottom: 1.3333333333rem;
        }

        #frame-list .banner.frame-and-title-in-house .banner-text-container h1 {
            margin-bottom: 0.3333333333rem;
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 2.3333333333rem;
            line-height: 3rem;
            margin-left: 0.8rem;
            margin-bottom: 1.3333333333rem;
        }

            #frame-list .banner.frame-and-title-in-house .banner-text-container h1 .brand-logo {
                width: 25.1333333333rem;
            }


/*
* @Author: Andrew
* @Date:   2017-04-26 14:01:00
*
* Disabled margin-bottom
*/

#frame-list #banner-wrapper {
    /*margin-bottom: 50px;*/
    /*visibility: hidden;*/
}

/* End */

#frame-list .banner.bg-and-title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    #frame-list .banner.bg-and-title .bg {
        display: block;
        width: 100%;
        height: auto;
    }

@media (min-width: 767px) and (max-width: 1120px) {

    #frame-list .banner.frame-and-title .frame,
    #frame-list .banner.frame-and-title-in-house .frame {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1279px) {


    #frame-list .banner.bg-and-title .bg {
        max-width: 1400px !important;
    }
}

#frame-list .banner.bg-and-title .banner-text-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

    #frame-list .banner.bg-and-title .banner-text-container .banner-inner {
        display: table;
        width: 100%;
        height: 100%;
    }

        #frame-list .banner.bg-and-title .banner-text-container .banner-inner .banner-text {
            display: table-cell;
            vertical-align: middle;
            text-align: left;
            padding: 2.4666666667rem 4.9333333333rem 2.4666666667rem 2.533333rem;
        }

@media(max-width: 1279px) {
    #frame-list .banner.bg-and-title .banner-text-container .banner-inner .banner-text {
        padding: 10px 20px;
    }
}

#frame-list .banner.bg-and-title .banner-text-container .banner-inner .banner-text h1 {
    font-family: "ratiomodern",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.3333333333rem;
    line-height: 3rem;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    margin: 0;
}

#frame-list .banner.bg-and-title.lenspromo .banner-text-container .banner-inner .banner-text h1 {
    color: black;
    font-size: 25px;
}

#frame-list .banner.bg-and-title.fdaypromo .banner-text-container .banner-inner .banner-text h1 {
    color: black;
    font-size: 25px;
}

#frame-list .banner.bg-and-title.fdaypromo .banner-text-container .banner-inner .banner-text h1 .imgDrivewearLogo {
    width: 165px;
    margin-bottom: 20px;
}

@media(max-width: 1279px) {
    #frame-list .banner.bg-and-title.lenspromo .banner-text-container .banner-inner .banner-text h1 {
        font-size: 20px;
    }

    #frame-list .banner.bg-and-title.fdaypromo .banner-text-container .banner-inner .banner-text h1 {
        color: black;
        font-size: 20px;
        line-height: 1.7em;
    }
}

@media(min-width: 767px) and (max-width: 980px) {
    #frame-list .banner.bg-and-title.lenspromo .banner-text-container .banner-inner .banner-text h1 {
        font-size: 16px;
    }
}

#frame-list .banner.bg-and-title.center .banner-text-container .banner-inner .banner-text h1 {
    text-align: center;
}

#frame-list .banner.default {
    padding: 2.2666666667rem 4.4rem 1.8rem 4.1333333333rem;
    background-color: #F5F5F5;
    margin-bottom: 2.6666666667rem;
}

    #frame-list .banner.default .left {
        font-size: 1rem;
        line-height: 1.2rem;
        padding-right: 1.6666666667rem;
        vertical-align: middle;
        width: 58.9353612167%;
        display: inline-block;
    }

        #frame-list .banner.default .left .desc {
            padding-left: 0.8rem;
            padding-top: 0.3333333333rem;
        }

    #frame-list .banner.default .right {
        vertical-align: middle;
        text-align: right;
        display: inline-block;
        width: 41.0646387833%;
    }

@media (max-width: 767px) {
    #frame-list .banner {
        min-height: 0;
        margin-bottom: 0;
        background-color: transparent;
        text-align: center;
    }

        #frame-list .banner > img {
            display: none !important;
        }

    #frame-list .banner-ns .banner > img {
        display: block !important;
    }

    #frame-list .banner.frame-and-title,
    #frame-list .banner.frame-and-title-in-house {
        background-color: #FFFFFF;
        padding: 1.7857142857rem 1.2857142857rem;
        min-height: 0;
    }

        #frame-list .banner.frame-and-title .banner-text-container,
        #frame-list .banner.frame-and-title-in-house .banner-text-container {
            float: none;
            width: 100%;
            margin-top: 0;
        }

            #frame-list .banner.frame-and-title .banner-text-container .banner-text,
            #frame-list .banner.frame-and-title-in-house .banner-text-container .banner-text {
                font-size: 1rem;
                line-height: 1.2142857143rem;
                margin-left: 0;
            }

        #frame-list .banner.frame-and-title.special .banner-text-container,
        #frame-list .banner.frame-and-title-in-house.special .banner-text-container {
            position: static;
            width: 100%;
            padding: 1.7857142857rem 1.2857142857rem;
        }

        #frame-list .banner.frame-and-title .banner-text-container h1 {
            font-size: 1.4666666667rem;
            line-height: 1.8rem;
            margin-left: 0;
            margin-bottom: 1.0714285714rem;
        }

        #frame-list .banner.frame-and-title-in-house .banner-text-container h1 {
            margin-bottom: 0.3571428571rem;
        }

            #frame-list .banner.frame-and-title-in-house .banner-text-container h1 .brand-logo {
                width: 100%;
            }

    #frame-list .banner.bg-and-title .banner-text-container {
        position: static;
    }

        #frame-list .banner.bg-and-title .banner-text-container .banner-inner {
            display: block;
            margin: 0 auto;
        }

            #frame-list .banner.bg-and-title .banner-text-container .banner-inner .banner-text {
                display: block;
                text-align: center;
                padding: 1.7857142857rem 1.2857142857rem;
            }

                #frame-list .banner.bg-and-title .banner-text-container .banner-inner .banner-text h1 {
                    font-size: 1.5714285714rem;
                    line-height: 1.9285714286rem;
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }
}

@media (min-width: 640px) and (max-width: 767px) {
    #frame-list .banner.frame-and-title,
    #frame-list .banner.frame-and-title-in-house {
        padding: 1.6666666667rem 11.9791666667%;
    }

        #frame-list .banner.frame-and-title.special .banner-text-container,
        #frame-list .banner.frame-and-title-in-house.special .banner-text-container {
            padding: 1.6666666667rem 11.9791666667%;
        }

        #frame-list .banner.frame-and-title .banner-text-container h1 {
            font-size: 1.6666666667rem;
            line-height: 2rem;
            margin-bottom: 0.6666666667rem;
        }

        #frame-list .banner.frame-and-title-in-house .banner-text-container h1 {
            margin-bottom: 0.6666666667rem;
        }

            #frame-list .banner.frame-and-title-in-house .banner-text-container h1 .brand-logo {
                width: 19.0666666667rem;
            }

    #frame-list .banner.bg-and-title .bg {
        position: absolute;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%;
        position: relative;
        max-width: none;
        width: 85.3333333333rem;
    }

    #frame-list .banner.bg-and-title .banner-text-container .banner-inner .banner-text {
        padding: 1.6666666667rem 2.1333333333rem;
    }

        #frame-list .banner.bg-and-title .banner-text-container .banner-inner .banner-text h1 {
            font-size: 1.6666666667rem;
            line-height: 2rem;
        }
}

#product-detail .product {
    position: relative;
}

    #product-detail .product:after {
        display: block;
        content: "";
        clear: both;
    }

    #product-detail .product .offer-label {
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1rem;
        line-height: 1.3333333333rem;
        z-index: 50;
        position: absolute;
        left: 0;
        top: 1.6666666667rem;
        width: 3.3333333333rem;
        height: 3.3333333333rem;
        border-radius: 1.6666666667rem;
        line-height: 3.3333333333rem;
        background-color: #000000;
        text-align: center;
    }

    #product-detail .product .offer-label {
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1rem;
        line-height: 1.3333333333rem;
        z-index: 50;
        position: absolute;
        left: 0;
        top: 1.6666666667rem;
        width: 3.3333333333rem;
        height: 3.3333333333rem;
        border-radius: 1.6666666667rem;
        line-height: 3.3333333333rem;
        background-color: #000000;
        text-align: center;
    }

#product-detail .freeLensOffer-label {
    cursor: pointer;
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    font-size: 12px;
    line-height: 1rem;
    z-index: 50;
    position: absolute;
    text-align: center;
    left: 1.0666666667rem;
    top: 1.0666666667rem;
    width: 42px;
    height: 42px;
    border-radius: 1.7333333333rem;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/FrameCard/free_lens_button.png");
    background-size: contain;
}

#product-detail .fdaypromo-label {
    cursor: pointer;
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    font-size: 12px;
    line-height: 1.2rem;
    z-index: 50;
    position: absolute;
    text-align: center;
    left: 1.0666666667rem;
    top: 1.0666666667rem;
    width: 42px;
    height: 42px;
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/FrameCard/fdaypromo_bubble.png);
    background-size: contain;
}

@media(max-width: 639px) {
    #product-detail .fdaypromo-label {
        left: inherit !important;
        right: 1.0666666667rem !important;
    }
}

#product-detail .freeLensOffer-label > span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 29px;
    line-height: 1em;
    font-size: 12px;
}

#product-detail .WithClip-label {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    font-size: 0.8rem;
    line-height: 0.8rem;
    z-index: 50;
    position: absolute;
    text-align: center;
    left: 1.0666666667rem;
    top: 1.0666666667rem;
    width: 3.4666666667rem;
    height: 3.4666666667rem;
    border-radius: 1.7333333333rem;
    background-color: green;
}

    #product-detail .WithClip-label > span {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 35px;
        line-height: 0.8rem;
        font-size: 0.8rem;
    }

        #product-detail .WithClip-label > span > span {
            font-size: 1.5rem;
        }

#product-detail .product .about-ns {
    display: none;
}

#product-detail .product .images {
    margin-top: 1.6666666667rem;
    width: 61.9491525424%;
    float: left;
}

    #product-detail .product .images .large {
        width: 100%;
        position: relative;
    }

        #product-detail .product .images .large img {
            transition: opacity 0.2s;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

            #product-detail .product .images .large img:first-child {
                position: relative;
            }

            #product-detail .product .images .large img.disp {
                opacity: 1;
            }

    #product-detail .product .images .smalls {
        margin-top: 2rem;
        /*text-align:left;*/
        text-align: center;
        width: 100%;
    }

@media(min-width: 639px) and (max-width: 1279px) {
    #product-detail .product .images .smalls {
        text-align: left;
        width: 342px;
        margin: 0 auto;
    }

        #product-detail .product .images .smalls .small:nth-child(3n+1) {
            margin-left: 0;
        }
}

#product-detail .product .images .smalls .small {
    width: 8.9333333333rem;
    display: inline-block;
    margin-left: 15px;
}

    #product-detail .product .images .smalls .small:first-child {
        margin-left: 0;
    }

    #product-detail .product .images .smalls .small.active {
        border: 1px solid #000000;
    }

#product-detail .product .about {
    width: 36.7796610169%;
    float: right;
}

    #product-detail .product .about h1 {
        font-family: "ratiomodern",sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2.3333333333rem;
        line-height: 3rem;
    }

    #product-detail .product .about h1 span{

    }

    #product-detail .product .about .sku {
        color: #B4B4B4;
        -webkit-text-stroke: rgba(180, 180, 180, 0.1);
    }

    #product-detail .product .about .price {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1.6666666667rem;
        line-height: 2.2rem;
        margin-top: 2rem;
        letter-spacing: 1.25px;
        display: inline-block;
    }

    #product-detail .product .about .fdaypromo {
        color: red;
        font-weight: bold;
    }

    #product-detail .product .about .price.has-discount {
        color: #FA7878;
        -webkit-text-stroke: rgba(250, 120, 120, 0.1);
    }

    #product-detail .product .about .price-discounted {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1.3333333333rem;
        line-height: 1.7333333333rem;
        color: #969696;
        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        margin-left: 0.3333333333rem;
        text-decoration: line-through;
        display: inline-block;
    }

    #product-detail .product .about .free-prem {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
    }

        #product-detail .product .about .free-prem a {
            line-height: 0;
            vertical-align: middle;
            margin-left: 0.3333333333rem;
        }

            #product-detail .product .about .free-prem a img {
                height: 1.2rem;
            }

    #product-detail .product .about .supp {
        margin-top: 1rem;
    }

        #product-detail .product .about .supp:after {
            display: block;
            content: "";
            clear: both;
        }

        #product-detail .product .about .supp .retail-price {
            float: left;
            color: #B4B4B4;
            -webkit-text-stroke: rgba(180, 180, 180, 0.1);
        }

            #product-detail .product .about .supp .retail-price > span {
                position: relative;
            }

                #product-detail .product .about .supp .retail-price > span::after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    background-color: #B4B4B4;
                }

        #product-detail .product .about .supp .add-to-fav {
            float: right;
            display: none;
        }

            #product-detail .product .about .supp .add-to-fav > span {
                margin-left: 0.2666666667rem;
                border-bottom: 1px solid #000000;
            }

    #product-detail .product .about .buttons {
        margin-top: 1rem;
    }

        #product-detail .product .about .buttons > button,
        #product-detail .product .about .buttons > a {
            height: 3rem;
            line-height: 3rem;
            text-transform: uppercase;
            color: #FFFFFF;
            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
            letter-spacing: 1px;
            padding: 0 1rem;
        }

        #product-detail .product .about .buttons .tryon {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            display: inline-block; /*Jay IV 20161122 3D Try On Link*/
            background-color: #B4B4B4;
            text-align: center;
            width: 31.1059907834%;
        }

        #product-detail .product .about .buttons .select-lenses {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            letter-spacing: 1px;
            position: relative;
            background-color: #000000;
            text-align: left;
            width: 65.668202765%;
        }

            #product-detail .product .about .buttons .select-lenses::after {
                display: inline-block;
                content: '';
                width: 0.9333333333rem;
                height: 0.7333333333rem;
                margin-top: 1.1333333333rem;
                float: right;
                background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                background-color: transparent;
            }

html.svg #product-detail .product .about .buttons .select-lenses::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
}

#product-detail .product .about .buttons .select-lenses:hover:after {
    animation: arrowAnimation ease-in-out 1200ms infinite;
    -moz-animation: arrowAnimation ease-in-out 1200ms infinite;
    -webkit-animation: arrowAnimation ease-in-out 1200ms infinite;
}

#product-detail .product .about .buttons .add-to-fav {
    float: right;
    background-color: #272727;
    width: 31.1059907834%;
}

#product-detail .product .about .buttons .add-to-favourite {
    font-size: 1rem;
    line-height: 1.3333333333rem;
    position: relative;
    display: inline-block;
    height: auto;
    padding-left: 1.4666666667rem;
    margin-left: 0.9333333333rem;
    vertical-align: bottom;
    color: #000000;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    text-transform: initial;
    text-transform: capitalize;
    padding-right: 0;
    letter-spacing: 0;
    vertical-align: bottom;
}

    #product-detail .product .about .buttons .add-to-favourite:before {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-wishlist.png");
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 0.0666666667rem;
        left: 0;
        width: 1.2rem;
        height: 1.2rem;
        display: inline-block;
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

html.svg #product-detail .product .about .buttons .add-to-favourite:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-wishlist.svg");
}

#product-detail .product .about .buttons .add-to-favourite span {
    text-decoration: underline;
}

#product-detail .product .about .buttons .add-to-favourite.added:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-wishlist-hover.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #product-detail .product .about .buttons .add-to-favourite.added:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-wishlist-hover.svg");
}

#product-detail .product .about .buttons .add-to-favourite:hover span {
    font-weight: 500;
}

#product-detail .product .accordion {
    width: 36.7796610169%;
    float: right;
    margin-top: 2.6666666667rem;
}

    #product-detail .product .accordion .accordion-item:last-child {
        border-bottom: 1px solid #B4B4B4;
    }

    #product-detail .product .accordion .accordion-item.is-active .accordion-title:before {
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-minus.png);
    }

html.svg #product-detail .product .accordion .accordion-item.is-active .accordion-title:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-minus.svg);
}

#product-detail .product .accordion .accordion-item .accordion-title {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    padding: 0.6666666667rem 0;
    border: 0;
    border-top: 1px solid #B4B4B4;
}

    #product-detail .product .accordion .accordion-item .accordion-title:before {
        content: '';
        width: 1rem;
        height: 1rem;
        right: 1rem;
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-plus.png);
        background-size: contain;
    }

html.svg #product-detail .product .accordion .accordion-item .accordion-title:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-plus.svg);
}

#product-detail .product .accordion .accordion-item .accordion-title:hover {
    background-color: transparent;
}

#product-detail .product .accordion .accordion-item .accordion-content {
    border: 0;
    padding: 0.6666666667rem 0 1.3333333333rem 0;
}

#product-detail .product .accordion .accordion-item#description .accordion-content {
    font-size: 1rem;
    line-height: 1.2rem;
}

    #product-detail .product .accordion .accordion-item#description .accordion-content .share {
        margin-top: 1.3333333333rem;
    }

        #product-detail .product .accordion .accordion-item#description .accordion-content .share .share-to {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            vertical-align: middle;
        }

        #product-detail .product .accordion .accordion-item#description .accordion-content .share .social-list {
            vertical-align: middle;
            display: inline-block;
            margin-left: 0.6666666667rem;
        }

            #product-detail .product .accordion .accordion-item#description .accordion-content .share .social-list:after {
                display: block;
                content: "";
                clear: both;
            }

            #product-detail .product .accordion .accordion-item#description .accordion-content .share .social-list li {
                display: inline-block;
                width: 1.3333333333rem;
                height: 1.3333333333rem;
                margin-right: 0.6666666667rem;
                float: left;
            }

                #product-detail .product .accordion .accordion-item#description .accordion-content .share .social-list li .normal {
                    display: inline-block;
                }

                #product-detail .product .accordion .accordion-item#description .accordion-content .share .social-list li .hover {
                    display: none;
                }

                #product-detail .product .accordion .accordion-item#description .accordion-content .share .social-list li:hover .normal {
                    display: none;
                }

                #product-detail .product .accordion .accordion-item#description .accordion-content .share .social-list li:hover .hover {
                    display: inline-block;
                }

#product-detail .product .accordion .accordion-item#details .accordion-title {
    padding-bottom: 0.3333333333rem;
}

#product-detail .product .accordion .accordion-item#details .accordion-content {
    padding-top: 0;
}

    #product-detail .product .accordion .accordion-item#details .accordion-content .title-block {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 1px;
        display: block;
        padding-top: 1rem;
        padding-bottom: 0.3333333333rem;
    }

    #product-detail .product .accordion .accordion-item#details .accordion-content .item-block:after {
        display: block;
        content: "";
        clear: both;
    }

    #product-detail .product .accordion .accordion-item#details .accordion-content .item-block .item {
        font-size: 1rem;
        line-height: 1.6666666667rem;
        width: 48.2678983834%;
    }

        #product-detail .product .accordion .accordion-item#details .accordion-content .item-block .item .key {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

        #product-detail .product .accordion .accordion-item#details .accordion-content .item-block .item .value {
            font-size: 1rem;
            line-height: 1.2rem;
        }

        #product-detail .product .accordion .accordion-item#details .accordion-content .item-block .item:nth-child(2n + 1) {
            float: left;
            clear: both;
        }

        #product-detail .product .accordion .accordion-item#details .accordion-content .item-block .item:nth-child(2n) {
            float: right;
        }

#product-detail .product .accordion .accordion-item#measurements .accordion-content {
    margin-top: 0.2rem;
}

    #product-detail .product .accordion .accordion-item#measurements .accordion-content:after {
        display: block;
        content: "";
        clear: both;
    }

    #product-detail .product .accordion .accordion-item#measurements .accordion-content .item {
        width: 48.2678983834%;
        margin-top: 1.3333333333rem;
    }

        #product-detail .product .accordion .accordion-item#measurements .accordion-content .item:after {
            display: block;
            content: "";
            clear: both;
        }

        #product-detail .product .accordion .accordion-item#measurements .accordion-content .item:nth-child(1), #product-detail .product .accordion .accordion-item#measurements .accordion-content .item:nth-child(2) {
            margin-top: 0;
        }

        #product-detail .product .accordion .accordion-item#measurements .accordion-content .item .legend, #product-detail .product .accordion .accordion-item#measurements .accordion-content .item .info {
            display: inline-block;
            vertical-align: middle;
        }

        #product-detail .product .accordion .accordion-item#measurements .accordion-content .item img.legend {
            width: 7rem;
            height: 2.6666666667rem;
        }

        #product-detail .product .accordion .accordion-item#measurements .accordion-content .item .info {
            margin-left: 0.6666666667rem;
        }

            #product-detail .product .accordion .accordion-item#measurements .accordion-content .item .info .title {
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

        #product-detail .product .accordion .accordion-item#measurements .accordion-content .item:nth-child(2n + 1) {
            float: left;
            clear: both;
        }

        #product-detail .product .accordion .accordion-item#measurements .accordion-content .item:nth-child(2n) {
            float: right;
        }

    #product-detail .product .accordion .accordion-item#measurements .accordion-content .size-guide {
        display: block;
        clear: both;
        padding-top: 0.6666666667rem;
    }

        #product-detail .product .accordion .accordion-item#measurements .accordion-content .size-guide a {
            text-decoration: underline;
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
        }

            #product-detail .product .accordion .accordion-item#measurements .accordion-content .size-guide a:hover {
                font-weight: 500;
            }

#product-detail .product.has-tryon .supp .add-to-fav {
    display: block;
}

#product-detail .product.has-tryon .about .buttons .tryon {
    display: initial;
}

#product-detail .product.has-tryon .about .buttons .select-lenses {
    float: right;
    width: 65.668202765%;
}

#product-detail .product.has-tryon .about .buttons .add-to-fav {
    display: none;
}

#product-detail-features {
    margin-top: 6.6666666667rem;
    margin-bottom: 6.6666666667rem;
    text-align: center;
    background-color: #F5F5F5;
}

    #product-detail-features ul {
        display: block;
        padding: 2.6666666667rem 0;
        text-align: center;
        list-style: none;
    }

        #product-detail-features ul li {
            display: inline-block;
            width: 24.0677966102%;
            vertical-align: top;
            line-height: 0;
        }

            #product-detail-features ul li img {
                width: 2.3333333333rem;
                height: 2.3333333333rem;
                margin-bottom: 0.6666666667rem;
            }

            #product-detail-features ul li h6 {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                font-size: 1rem;
                line-height: 1.3333333333rem;
                letter-spacing: 1px;
                margin-bottom: 0.6666666667rem;
            }

            #product-detail-features ul li p {
                font-size: 1rem;
                line-height: 1.2rem;
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                margin-bottom: 0;
            }

            #product-detail-features ul li.exchange-and-returns {
                margin: 0 7.5423728814%;
            }

            #product-detail-features ul li.free-delivery img {
                width: 3.6266666667rem;
                height: 2.1333333333rem;
            }

#product-detail-featured-glasses {
    padding-bottom: 6.6666666667rem;
}

    #product-detail-featured-glasses #featured-title {
        font-family: "ratiomodern",sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2.3333333333rem;
        line-height: 3rem;
        margin-bottom: 2rem;
        text-align: center;
    }

    #product-detail-featured-glasses #featured-items {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 87.3728813559%;
        padding: 0 4.5333333333rem;
    }

        #product-detail-featured-glasses #featured-items .slick-arrow {
            position: absolute;
            top: 50%;
            margin-top: -0.8333333333rem;
            width: 1.6666666667rem;
            height: 1.6666666667rem;
        }

            #product-detail-featured-glasses #featured-items .slick-arrow.prev {
                left: 0;
            }

            #product-detail-featured-glasses #featured-items .slick-arrow.next {
                right: 0;
            }

        #product-detail-featured-glasses #featured-items .featured-item {
            display: inline-block;
            vertical-align: top;
            width: 14rem;
            height: auto;
            margin: 0 2.9333333333rem;
            text-align: center;
        }

            #product-detail-featured-glasses #featured-items .featured-item a {
                display: inline-block;
            }

                #product-detail-featured-glasses #featured-items .featured-item a .glasses,
                #product-detail-featured-glasses #featured-items .featured-item a .glasses-hover {
                    display: inline-block;
                    width: 100%;
                    height: auto;
                    margin-bottom: 0.3333333333rem;
                }

                #product-detail-featured-glasses #featured-items .featured-item a .glasses-hover {
                    display: none;
                }

                #product-detail-featured-glasses #featured-items .featured-item a .brand {
                    font-family: "ratiomodern",sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    font-size: 1.3333333333rem;
                    line-height: 1.7333333333rem;
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                    display: block;
                    margin-bottom: 0.3333333333rem;
                }

                #product-detail-featured-glasses #featured-items .featured-item a .sku {
                    display: block;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                    margin-bottom: 0.6666666667rem;
                }

                #product-detail-featured-glasses #featured-items .featured-item a .price {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    display: block;
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                    letter-spacing: 1px;
                }

            #product-detail-featured-glasses #featured-items .featured-item:hover a .glasses {
                display: none;
            }

            #product-detail-featured-glasses #featured-items .featured-item:hover a .glasses-hover {
                display: inline-block;
            }

@media (max-width: 639px) {
    #product-detail ul.breadcrumbs {
        display: none;
    }

    #product-detail .product {
        margin-top: 1.4285714286rem;
    }

        #product-detail .product .about-ns {
            display: block;
            text-align: center;
        }

            #product-detail .product .about-ns h1 {
                font-family: "ratiomodern",sans-serif;
                font-weight: 400;
                font-style: normal;
                font-size: 1.5714285714rem;
                line-height: 1.9285714286rem;
            }

            #product-detail .product .about-ns .sku {
                font-size: 1rem;
                line-height: 1.2857142857rem;
            }

        #product-detail .product .images {
            margin-top: 0.7142857143rem;
            width: 100%;
            float: none;
        }

            #product-detail .product .images .smalls {
                margin-top: 0.7142857143rem;
            }

                #product-detail .product .images .smalls .small {
                    width: 0.5714285714rem;
                    height: 0.5714285714rem;
                    margin-left: 0.5714285714rem;
                    border-radius: 0.2857142857rem;
                    border: 1px solid #000000;
                }

                    #product-detail .product .images .smalls .small.active {
                        background-color: #000000;
                    }

                    #product-detail .product .images .smalls .small img {
                        display: none;
                    }

        #product-detail .product .about {
            width: 100%;
            float: none;
            margin-top: 1.7857142857rem;
            text-align: center;
        }

            #product-detail .product .about h1, #product-detail .product .about .sku {
                display: none;
            }

            #product-detail .product .about .price {
                font-size: 1.2857142857rem;
                line-height: 1.6428571429rem;
                margin-top: 0;
                letter-spacing: 1px;
            }

            #product-detail .product .about .price-discounted {
                font-size: 1rem;
                line-height: 1.2857142857rem;
                margin-left: 0.75rem;
            }

            #product-detail .product .about .free-prem {
                margin-top: 0.2857142857rem;
            }

            #product-detail .product .about .supp {
                margin-top: 0.7142857143rem;
            }

                #product-detail .product .about .supp .retail-price {
                    font-size: 1rem;
                    line-height: 1.2857142857rem;
                    float: none;
                }

            #product-detail .product .about .buttons {
                margin-top: 1.1428571429rem;
            }

                #product-detail .product .about .buttons > button,
                #product-detail .product .about .buttons > a {
                    height: 3.2142857143rem;
                    line-height: 3.2142857143rem;
                    padding: 0 1.0714285714rem;
                }

                #product-detail .product .about .buttons .select-lenses {
                    font-size: 1rem;
                    line-height: 3.2142857143rem;
                    display: block;
                    margin: auto;
                    width: 20.2857142857rem;
                }

                    #product-detail .product .about .buttons .select-lenses::after {
                        margin-top: 1.2857142857rem;
                    }

                #product-detail .product .about .buttons .add-to-favourite {
                    margin-left: 0;
                    margin-top: 1.1428571429rem;
                }

        #product-detail .product .accordion {
            width: auto;
            float: none;
            text-align: left;
            margin: 1.8571428571rem -1.2857142857rem 0;
        }

            #product-detail .product .accordion .accordion-item .accordion-title {
                font-size: 1rem;
                line-height: 1.2857142857rem;
                padding: 1.0714285714rem 1.2857142857rem;
            }

            #product-detail .product .accordion .accordion-item .accordion-content {
                padding: 0 1.2857142857rem 1.0714285714rem;
            }

            #product-detail .product .accordion .accordion-item#description .accordion-content {
                font-size: 1rem;
                line-height: 1.2142857143rem;
            }

                #product-detail .product .accordion .accordion-item#description .accordion-content .share {
                    margin-top: 1.0714285714rem;
                }

                    #product-detail .product .accordion .accordion-item#description .accordion-content .share .social-list {
                        margin-left: 0.3571428571rem;
                    }

                        #product-detail .product .accordion .accordion-item#description .accordion-content .share .social-list li {
                            width: 1.4285714286rem;
                            height: 1.4285714286rem;
                            margin-right: 0.7142857143rem;
                        }

            #product-detail .product .accordion .accordion-item#details .accordion-title {
                padding-bottom: 1.0714285714rem;
            }

            #product-detail .product .accordion .accordion-item#details .accordion-content {
                padding-bottom: 1.7857142857rem;
            }

                #product-detail .product .accordion .accordion-item#details .accordion-content .title-block {
                    font-size: 1rem;
                    line-height: 1.2857142857rem;
                    padding-top: 2.1428571429rem;
                    padding-bottom: 1.0714285714rem;
                }

                #product-detail .product .accordion .accordion-item#details .accordion-content .item-block .item {
                    font-size: 1rem;
                    line-height: 1.7857142857rem;
                    padding: 0;
                    width: 100%;
                }

                    #product-detail .product .accordion .accordion-item#details .accordion-content .item-block .item .value {
                        font-size: 1rem;
                        line-height: 1.7857142857rem;
                    }

                    #product-detail .product .accordion .accordion-item#details .accordion-content .item-block .item:nth-child(2n), #product-detail .product .accordion .accordion-item#details .accordion-content .item-block .item:nth-child(2n + 1) {
                        float: none;
                    }

            #product-detail .product .accordion .accordion-item#measurements .accordion-content {
                margin-top: 0.3571428571rem;
                padding-bottom: 1.7857142857rem;
            }

                #product-detail .product .accordion .accordion-item#measurements .accordion-content .item {
                    width: 100%;
                    margin-top: 1.0714285714rem;
                    margin-left: -0.2142857143rem;
                }

                    #product-detail .product .accordion .accordion-item#measurements .accordion-content .item:nth-child(2) {
                        margin-top: 1.0714285714rem;
                    }

                    #product-detail .product .accordion .accordion-item#measurements .accordion-content .item img.legend {
                        width: 6.5rem;
                        height: 2.5714285714rem;
                    }

                    #product-detail .product .accordion .accordion-item#measurements .accordion-content .item .info {
                        margin-left: 0.7142857143rem;
                    }

                    #product-detail .product .accordion .accordion-item#measurements .accordion-content .item:nth-child(2n), #product-detail .product .accordion .accordion-item#measurements .accordion-content .item:nth-child(2n + 1) {
                        float: none;
                    }

                #product-detail .product .accordion .accordion-item#measurements .accordion-content .size-guide {
                    padding-top: 1.4285714286rem;
                }

    #product-detail-features {
        margin: 0;
        background-color: transparent;
        border-bottom: 1px solid rgba(150, 150, 150, 0.5);
    }

        #product-detail-features ul {
            padding: 2.8571428571rem 0;
            text-align: left;
        }

            #product-detail-features ul li {
                display: block;
                width: 100%;
                margin-top: 2.1428571429rem;
            }

                #product-detail-features ul li:first-child {
                    margin-top: 0;
                }

                #product-detail-features ul li img {
                    position: absolute;
                    width: 2rem;
                    height: 2rem;
                    margin-bottom: 0;
                }

                #product-detail-features ul li .content {
                    margin-left: 3.5rem;
                }

                    #product-detail-features ul li .content h6 {
                        margin-bottom: 0.7142857143rem;
                    }

                    #product-detail-features ul li .content p {
                        font-size: 1rem;
                        line-height: 1.2142857143rem;
                        margin-bottom: 0;
                    }

                #product-detail-features ul li.free-delivery img {
                    width: 2.7857142857rem;
                    height: 1.6428571429rem;
                }

                #product-detail-features ul li.exchange-and-returns {
                    margin: 2.1428571429rem 0 0;
                }

                    #product-detail-features ul li.exchange-and-returns img {
                        margin-left: 0.4285714286rem;
                    }

                #product-detail-features ul li.warranty img {
                    margin-left: 0.4285714286rem;
                }

    #product-detail-featured-glasses {
        padding-top: 2.8571428571rem;
        padding-bottom: 4.8571428571rem;
    }

        #product-detail-featured-glasses #featured-title {
            font-size: 1.5714285714rem;
            line-height: 1.7857142857rem;
            margin-bottom: 1.7857142857rem;
        }

        #product-detail-featured-glasses #featured-items {
            width: 100%;
            padding: 0 1.0714285714rem;
        }

            #product-detail-featured-glasses #featured-items .slick-arrow {
                margin-top: -0.8928571429rem;
                width: 1.7857142857rem;
                height: 1.7857142857rem;
            }

                #product-detail-featured-glasses #featured-items .slick-arrow.prev {
                    left: -0.7142857143rem;
                }

                #product-detail-featured-glasses #featured-items .slick-arrow.next {
                    right: -0.7142857143rem;
                }

            #product-detail-featured-glasses #featured-items .featured-item {
                margin: 0;
            }

                #product-detail-featured-glasses #featured-items .featured-item a {
                    width: 100%;
                }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #product-detail .product {
        padding-top: 3.3333333333rem;
    }

        #product-detail .product .images {
            margin-top: 0.2666666667rem;
            width: 57.3863636364%;
        }

            #product-detail .product .images .smalls {
                margin-top: 1rem;
            }

                #product-detail .product .images .smalls .small {
                    width: 6.9333333333rem;
                }

        #product-detail .product .about {
            width: 40.3409090909%;
        }

            #product-detail .product .about h1 {
                font-size: 1.6666666667rem;
                line-height: 2.1333333333rem;
            }

            #product-detail .product .about .price {
                margin-top: 2.2666666667rem;
            }

            #product-detail .product .about .supp {
                margin-top: 0.6666666667rem;
            }

            #product-detail .product .about .buttons .select-lenses {
                width: 100%;
            }

            #product-detail .product .about .buttons .add-to-favourite {
                margin-left: 0;
                margin-top: 0.8666666667rem;
            }

        #product-detail .product .accordion {
            clear: both;
            width: auto;
            float: none;
            margin: 0 -2.2857142857rem;
            padding-top: 3.3333333333rem;
        }

            #product-detail .product .accordion .accordion-item .accordion-title {
                padding: 1.3333333333rem 2.1333333333rem;
            }

                #product-detail .product .accordion .accordion-item .accordion-title::before {
                    width: 1.2rem;
                    height: 1.2rem;
                    right: 2.1333333333rem;
                }

            #product-detail .product .accordion .accordion-item .accordion-content {
                padding: 0 2.1333333333rem 1.3333333333rem;
            }

            #product-detail .product .accordion .accordion-item#description .accordion-content .share {
                margin-top: 1.2rem;
            }

            #product-detail .product .accordion .accordion-item#details .accordion-title {
                padding-bottom: 1.3333333333rem;
            }

            #product-detail .product .accordion .accordion-item#details .accordion-content .title-block {
                padding-top: 1.6666666667rem;
                padding-bottom: 1rem;
            }

            #product-detail .product .accordion .accordion-item#measurements .accordion-content {
                margin-top: 0;
            }

                #product-detail .product .accordion .accordion-item#measurements .accordion-content .item .info {
                    margin-left: 1rem;
                }

                #product-detail .product .accordion .accordion-item#measurements .accordion-content .size-guide {
                    padding-top: 1rem;
                }

    #product-detail-features {
        margin-top: 0;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(150, 150, 150, 0.5);
        background-color: #FFFFFF;
    }

        #product-detail-features ul {
            padding: 3.3333333333rem 0;
            text-align: left;
        }

            #product-detail-features ul:after {
                display: block;
                content: "";
                clear: both;
            }

            #product-detail-features ul li {
                position: relative;
                padding-left: 4rem;
                width: 48.8636363636%;
                float: left;
            }

                #product-detail-features ul li img {
                    position: absolute;
                    left: 10px;
                }

                #product-detail-features ul li:nth-child(2) {
                    float: right;
                }

                #product-detail-features ul li:nth-child(3) {
                    clear: both;
                    margin-top: 2rem;
                }

                #product-detail-features ul li.exchange-and-returns {
                    margin: 0;
                }

                #product-detail-features ul li.free-delivery img {
                    left: -0.3333333333rem;
                    width: 3.3333333333rem;
                    height: 1.9606666667rem;
                }

    #product-detail-featured-glasses {
        margin-top: 3.3333333333rem;
        padding-bottom: 5.3333333333rem;
    }

        #product-detail-featured-glasses #featured-title {
            font-size: 1.6666666667rem;
            line-height: 2.3333333333rem;
        }

        #product-detail-featured-glasses #featured-items {
            width: 94.0340909091%;
            padding: 0 4.1rem;
        }

            #product-detail-featured-glasses #featured-items .featured-item {
                width: 11rem;
                margin: 0 0.5rem;
            }

                #product-detail-featured-glasses #featured-items .featured-item .brand {
                    font-size: 1.2rem;
                    line-height: 1.5333333333rem;
                }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-07 12:30:50
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-11-04 16:37:16
*/
section#add-lens {
    display: none;
    width: 100%;
    margin-top: 5.0666666667rem;
    border-top: #B4B4B4 1px solid;
    border-bottom: #B4B4B4 1px solid;
    background-color: #F5F5F5;
}

    section#add-lens:after {
        display: block;
        content: "";
        clear: both;
    }

    section#add-lens .container {
        position: relative;
        padding: 0;
        z-index: 10;
    }

        section#add-lens .container:after {
            display: block;
            content: "";
            clear: both;
        }

        section#add-lens .container:before {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            display: block;
            height: 100%;
            width: calc( 100% - 897px); /*width: 29.921875%;*/ /*20161219*/
            background-color: #FFFFFF;
            z-index: 802;
        }

    section#add-lens .tooltip-detail {
        display: none;
    }

    section#add-lens #add-lens-guide {
        position: relative;
        display: block;
        width: 59.8rem; /*width: 70.078125%;*/ /*20161219*/
        padding: 3.3333333333rem 5.1333333333rem 7.3333333333rem;
        float: left;
        z-index: 803;
    }

    section#add-lens #add-lens-summary {
        position: relative;
        background-color: #FFFFFF;
        display: block;
        width: calc( 100% - 897px); /*width: 29.921875%;*/ /*20161219*/
        float: right;
        padding: 3.3333333333rem 2.6666666667rem; /*padding: 3.3333333333rem;*/ /*20161219*/
        z-index: 803;
    }

        section#add-lens #add-lens-summary > h6 {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            margin-bottom: 1.3333333333rem;
            letter-spacing: 1px;
        }

        section#add-lens #add-lens-summary > div.frame {
            width: 100%;
            margin-bottom: 0.6666666667rem;
        }

            section#add-lens #add-lens-summary > div.frame img {
                width: 100%;
                height: auto;
            }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer {
            display: table;
            width: 100%;
            border-top: #B4B4B4 1px solid;
        }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer:after {
                display: block;
                content: "";
                clear: both;
            }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .desc {
                display: table-cell;
                width: 10.6666666667rem;
                padding-top: 1rem;
                padding-bottom: 1rem;
                padding-left: 0.6666666667rem;
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .desc .value {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .desc .extra-discount {
                    margin-top: 0.6666666667rem;
                }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .price {
                display: table-cell;
                padding-top: 1rem;
                padding-bottom: 1rem;
                padding-right: 0.6666666667rem;
                text-align: right;
                vertical-align: top;
            }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .price .quantity {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    color: #FA7878;
                    -webkit-text-stroke: rgba(250, 120, 120, 0.1);
                    letter-spacing: 1px;
                }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .price .extra-discount {
                    margin-top: 0.6666666667rem;
                }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal {
            display: table;
            width: 100%;
            border-top: #B4B4B4 1px solid;
        }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal:after {
                display: block;
                content: "";
                clear: both;
            }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc {
                display: table-cell;
                width: 10.6666666667rem;
                padding-top: 1rem;
                padding-bottom: 1rem;
                padding-left: 0.6666666667rem;
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc span {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price {
                display: table-cell;
                padding-top: 1rem;
                padding-bottom: 1rem;
                padding-right: 0.6666666667rem;
                text-align: right;
                vertical-align: top;
                letter-spacing: 1px;
            }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price .quantity {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    letter-spacing: 1px;
                }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout {
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            width: 9rem;
            line-height: 3rem;
            height: 3rem;
            padding: 0 1rem;
            border: #000000 1px solid;
            text-align: left;
            color: #FFFFFF;
            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            background-color: #000000;
            letter-spacing: 1px;
            width: 100%;
            margin-top: 0.1333333333rem;
        }

@media (max-width: 639px) {
    section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout {
        width: 8.0714285714rem;
        line-height: 2.6428571429rem;
        height: 2.6428571429rem;
        padding: 0 0.7142857143rem;
    }
}

section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout::after {
    display: inline-block;
    content: '';
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    margin-top: 1.1333333333rem;
    float: right;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

html.svg section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
}

section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout:disabled {
    border-color: #969696;
    background-color: #969696;
}

section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic {
    display: table;
    width: 100%;
}

    section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic:after {
        display: block;
        content: "";
        clear: both;
    }

    section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc {
        display: table-cell;
        width: 10.6666666667rem;
        padding-top: 0;
        padding-bottom: 1rem;
        padding-left: 0.6666666667rem;
    }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc .product-name,
        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc .product-model {
            display: block;
        }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc .product-name {
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1.3333333333rem;
            line-height: 1.7333333333rem;
            margin-bottom: 0.0666666667rem;
        }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc .product-model {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

    section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .price {
        display: table-cell;
        padding-bottom: 1rem;
        padding-right: 0.6666666667rem;
        text-align: right;
        padding-top: 0.1333333333rem;
        vertical-align: top;
        letter-spacing: 1px;
    }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .price .quantity {
            font-size: 1rem;
            line-height: 1.3333333333rem;
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            letter-spacing: 1px;
        }

section#add-lens #add-lens-summary > div.pricing-table .pricing-item {
    display: table;
    width: 100%;
    border-top: rgba(180, 180, 180, 0.5) 1px solid;
    cursor: pointer;
}

    section#add-lens #add-lens-summary > div.pricing-table .pricing-item:after {
        display: block;
        content: "";
        clear: both;
    }

    section#add-lens #add-lens-summary > div.pricing-table .pricing-item.lens-type {
        border-top: #B4B4B4 1px solid;
    }

    section#add-lens #add-lens-summary > div.pricing-table .pricing-item:last {
        border-bottom-color: #B4B4B4;
    }

    section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc {
        display: table-cell;
        width: 10.6666666667rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 0.6666666667rem;
    }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc .product-name,
        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc .product-model .key,
        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc .value {
            display: block;
        }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc .product-name {
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1.3333333333rem;
            line-height: 1.7333333333rem;
            margin-bottom: 0.0666666667rem;
        }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc .product-model {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc .key,
        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc .value {
            font-size: 1rem;
            line-height: 1.2rem;
        }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc .key {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc .value {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
        }

    section#add-lens #add-lens-summary > div.pricing-table .pricing-item .price,
    section#add-lens #add-lens-summary > div.pricing-table .pricing-item .info {
        display: table-cell;
        vertical-align: bottom;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-right: 0.6666666667rem;
        text-align: right;
    }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .info a {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            text-decoration: underline;
        }

            section#add-lens #add-lens-summary > div.pricing-table .pricing-item .info a:active, section#add-lens #add-lens-summary > div.pricing-table .pricing-item .info a:focus {
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

            section#add-lens #add-lens-summary > div.pricing-table .pricing-item .info a:hover {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
            }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .price .original-price {
            font-size: 1rem;
            line-height: 1.2rem;
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .price .quantity {
            font-size: 1rem;
            line-height: 1.2rem;
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            letter-spacing: 1px;
        }

            section#add-lens #add-lens-summary > div.pricing-table .pricing-item .price .quantity.was {
                color: #B4B4B4;
                -webkit-text-stroke: rgba(180, 180, 180, 0.1);
            }

            section#add-lens #add-lens-summary > div.pricing-table .pricing-item .price .quantity.actual {
                color: #FA7878;
                -webkit-text-stroke: rgba(250, 120, 120, 0.1);
            }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .price.add .quantity:before {
            display: inline-block;
            content: "+";
        }

    section#add-lens #add-lens-summary > div.pricing-table .pricing-item:hover {
        background-color: rgba(245, 245, 245, 0.4);
    }

section#add-lens #add-lens-bar-ns {
    display: none;
}

section#add-lens #add-lens-steps {
    position: relative;
    margin-bottom: 2.3333333333rem;
}

    section#add-lens #add-lens-steps .back-btn-ns,
    section#add-lens #add-lens-steps .next-btn-ns {
        display: none;
    }

    section#add-lens #add-lens-steps ul {
        margin: 0;
        padding: 0;
        list-style: none;
        height: 3.5333333333rem;
    }

        section#add-lens #add-lens-steps ul:after {
            display: block;
            content: "";
            clear: both;
        }

    section#add-lens #add-lens-steps li {
        color: #B4B4B4;
        -webkit-text-stroke: rgba(180, 180, 180, 0.1);
        display: inline-block;
        float: left;
    }

        section#add-lens #add-lens-steps li div.step {
            cursor: pointer;
        }

        section#add-lens #add-lens-steps li div.icon {
            position: relative;
            display: block;
            margin: 0 auto;
            width: 2rem;
            height: 2rem;
            background-color: #B4B4B4;
            border-radius: 1rem;
            margin-bottom: 0.2rem;
        }

            section#add-lens #add-lens-steps li div.icon .stage-number {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                font-size: 1.3333333333rem;
                line-height: 2rem;
                color: #F5F5F5;
                -webkit-text-stroke: rgba(245, 245, 245, 0.1);
                display: block;
                width: 100%;
                height: 100%;
                text-align: center;
                line-height: 2rem;
                padding-left: 1px;
            }

            section#add-lens #add-lens-steps li div.icon .completed {
                display: none;
            }

        section#add-lens #add-lens-steps li div.text {
            text-align: center;
        }

        section#add-lens #add-lens-steps li.lens-type {
            width: 4.2rem;
        }

        section#add-lens #add-lens-steps li.lens-function {
            width: 5.8666666667rem;
        }

        section#add-lens #add-lens-steps li.lens-prescription {
            width: 4.9333333333rem;
        }

        section#add-lens #add-lens-steps li.lens-thickness {
            width: 5.8666666667rem;
        }

        section#add-lens #add-lens-steps li.lens-color {
            width: 4.2rem;
        }

        section#add-lens #add-lens-steps li.lens-type, section#add-lens #add-lens-steps li.lens-function, section#add-lens #add-lens-steps li.lens-prescription, section#add-lens #add-lens-steps li.lens-thickness {
            position: relative;
        }

            section#add-lens #add-lens-steps li.lens-type:after, section#add-lens #add-lens-steps li.lens-function:after, section#add-lens #add-lens-steps li.lens-prescription:after, section#add-lens #add-lens-steps li.lens-thickness:after {
                display: block;
                content: "";
                position: absolute;
                top: 1rem;
                height: 1px;
                background-color: #B4B4B4;
            }

        section#add-lens #add-lens-steps li.enabled {
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
        }

            section#add-lens #add-lens-steps li.enabled div.icon {
                background-color: #000000;
            }

            section#add-lens #add-lens-steps li.enabled.lens-type:after, section#add-lens #add-lens-steps li.enabled.lens-function:after, section#add-lens #add-lens-steps li.enabled.lens-prescription:after, section#add-lens #add-lens-steps li.enabled.lens-thickness:after {
                background-color: #000000;
            }

            section#add-lens #add-lens-steps li.enabled:hover .stage-number,
            section#add-lens #add-lens-steps li.enabled:hover .completed {
                display: none;
            }

            section#add-lens #add-lens-steps li.enabled:hover div.icon {
                background-color: transparent;
                border: 1px solid #000000;
            }

                section#add-lens #add-lens-steps li.enabled:hover div.icon:before {
                    position: absolute;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    top: 50%;
                    left: 50%;
                    content: '';
                    position: absolute;
                    width: 1.3333333333rem;
                    height: 1.3333333333rem;
                    border-radius: 0.6666666667rem;
                    background-color: #000000;
                }

        section#add-lens #add-lens-steps li.completed div.icon {
            background-color: #000000;
        }

            section#add-lens #add-lens-steps li.completed div.icon .stage-number {
                display: none;
            }

            section#add-lens #add-lens-steps li.completed div.icon .completed {
                display: block;
            }

        section#add-lens #add-lens-steps li.active div.step .text {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
        }

section#add-lens #add-lens-sections {
    display: block;
    padding: 0 0.3333333333rem;
}

    section#add-lens #add-lens-sections:after {
        display: block;
        content: "";
        clear: both;
    }

    section#add-lens #add-lens-sections section:after {
        display: block;
        content: "";
        clear: both;
    }

    section#add-lens #add-lens-sections.lens-color section.lens-color,
    section#add-lens #add-lens-sections.lens-type section.lens-type,
    section#add-lens #add-lens-sections.lens-function section.lens-function,
    section#add-lens #add-lens-sections.lens-prescription section.lens-prescription,
    section#add-lens #add-lens-sections.lens-prescription-subform section.lens-prescription-subform,
    section#add-lens #add-lens-sections.lens-thickness section.lens-thickness {
        display: block;
    }

#lens-prescription-subform-upload .email.warning {
    border-color: red;
}

section#add-lens #add-lens-sections > section {
    display: none;
}

    section#add-lens #add-lens-sections > section h3 {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1.3333333333rem;
        line-height: 1.7333333333rem;
        margin-bottom: 1rem;
    }

    section#add-lens #add-lens-sections > section .option-list > .option-input {
        display: none;
    }

    section#add-lens #add-lens-sections > section .option-list > .option {
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -ms-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms;
        display: block;
        cursor: pointer;
        width: 23.9333333333rem;
        height: 16.3333333333rem;
        margin-bottom: 1rem;
        background-color: transparent;
        border: #B4B4B4 1px solid;
    }

        section#add-lens #add-lens-sections > section .option-list > .option:hover {
            background-color: #EBEBEB;
        }

        section#add-lens #add-lens-sections > section .option-list > .option:nth-of-type(2n) {
            float: right;
        }

        section#add-lens #add-lens-sections > section .option-list > .option:nth-of-type(2n+1) {
            float: left;
            clear: both;
        }

        section#add-lens #add-lens-sections > section .option-list > .option label {
            position: relative;
            display: block;
            cursor: pointer;
            width: 100%;
            height: 100%;
            padding: 1.6666666667rem;
        }

            section#add-lens #add-lens-sections > section .option-list > .option label h4 {
                font-size: 1.3333333333rem;
                line-height: 1.7333333333rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                letter-spacing: 1px;
                text-transform: uppercase;
                position: relative;
                margin-bottom: 0.6666666667rem;
            }

                section#add-lens #add-lens-sections > section .option-list > .option label h4 a {
                    position: absolute;
                    top: 0.2666666667rem;
                    right: 0;
                    line-height: 0;
                    display: inline-block;
                    width: 1.2rem;
                    height: 1.2rem;
                }

                    section#add-lens #add-lens-sections > section .option-list > .option label h4 a .normal {
                        display: inline-block;
                    }

                    section#add-lens #add-lens-sections > section .option-list > .option label h4 a .active {
                        display: none;
                    }

            section#add-lens #add-lens-sections > section .option-list > .option label hr {
                margin-top: 0;
                margin-bottom: 1rem;
                border-bottom-color: #B4B4B4;
            }

            section#add-lens #add-lens-sections > section .option-list > .option label p {
                font-size: 1rem;
                line-height: 1.2rem;
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

                section#add-lens #add-lens-sections > section .option-list > .option label p > ul {
                    list-style: disc;
                    padding-left: 20px;
                }

            section#add-lens #add-lens-sections > section .option-list > .option label span.remark {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                position: absolute;
                bottom: 1.6666666667rem;
                left: 1.6666666667rem;
                letter-spacing: 1px;
            }

    section#add-lens #add-lens-sections > section .option-list > .option-input:checked + .option {
        background-color: #000000;
        border-color: #000000;
    }

        section#add-lens #add-lens-sections > section .option-list > .option-input:checked + .option label h4 {
            color: #FFFFFF;
            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        }

            section#add-lens #add-lens-sections > section .option-list > .option-input:checked + .option label h4 a .normal {
                display: none;
            }

            section#add-lens #add-lens-sections > section .option-list > .option-input:checked + .option label h4 a .active {
                display: inline-block;
            }

        section#add-lens #add-lens-sections > section .option-list > .option-input:checked + .option label hr {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

        section#add-lens #add-lens-sections > section .option-list > .option-input:checked + .option label p {
            color: #B4B4B4;
            -webkit-text-stroke: rgba(180, 180, 180, 0.1);
        }

        section#add-lens #add-lens-sections > section .option-list > .option-input:checked + .option label span.remark {
            color: #FFFFFF;
            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        }

section#add-lens #add-lens-sections section.lens-function div.insert-container {
    text-align: center;
    margin-top: 2.8rem;
}

    section#add-lens #add-lens-sections section.lens-function div.insert-container img {
        width: 19.0666666667rem;
    }

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online > h3 {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.3333333333rem;
    line-height: 1.7333333333rem;
    position: relative;
    margin-bottom: 1rem;
}

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online > h3 a {
        font-family: "futura-pt",sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1rem;
        line-height: 1.3333333333rem;
        position: absolute;
        display: inline-block;
        bottom: 0;
        right: 0;
        color: #969696;
        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        text-decoration: underline;
    }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online > h3 a:hover {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
        }

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form {
    border: #B4B4B4 1px solid;
    margin-bottom: 1rem;
}

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header-ns,
    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns {
        display: none;
    }

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header {
        display: block;
        background-color: #000000;
    }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header:after {
            display: block;
            content: "";
            clear: both;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header > div {
            display: block;
            float: left;
            height: 3.2rem;
            line-height: 3.2rem;
            color: #FFFFFF;
            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-sph,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-cyl,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-axis,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-add {
            text-align: center;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-sph span,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-cyl span,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-axis span,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-add span {
                vertical-align: middle;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-sph a.has-tip,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-cyl a.has-tip,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-axis a.has-tip,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-add a.has-tip {
                vertical-align: middle;
                width: 1.2rem;
                height: 1.2rem;
                line-height: 1.2rem;
            }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-position {
            width: 7.5333333333rem;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-sph {
            width: 8.2rem;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-cyl {
            width: 8.2rem;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-axis {
            width: 4.8666666667rem;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header .form-eye-add {
            width: 8.2rem;
        }

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes {
        display: block;
        padding: 1rem 0;
        background-color: #F5F5F5;
    }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes:after {
            display: block;
            content: "";
            clear: both;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye {
            display: block;
            padding: 0;
            margin-bottom: 0.6666666667rem;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye:after,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye:after {
                display: block;
                content: "";
                clear: both;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye > div,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye > div {
                display: block;
                float: left;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-sph,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-cyl,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-axis,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-add,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-sph,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-cyl,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-axis,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-add {
                padding: 0 0.4333333333rem;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-sph input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-sph select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-cyl input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-cyl select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-axis input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-axis select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-add input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-add select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-sph input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-sph select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-cyl input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-cyl select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-axis input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-axis select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-add input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-add select {
                    width: 100%;
                    border: rgba(100, 100, 100, 0.2) 1px solid;
                    border-radius: 0.5333333333rem;
                    height: 2.2666666667rem;
                    line-height: 2.2666666667rem;
                    margin: 0;
                    padding-left: 0.6666666667rem;
                }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-position,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-position {
                padding-left: 1.6666666667rem;
                width: 7.5333333333rem;
                line-height: 2.2666666667rem;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-sph,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-sph {
                width: 8.2rem;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-cyl,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-cyl {
                width: 8.2rem;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-axis,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-axis {
                width: 4.8666666667rem;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-right-eye .form-eye-add,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye .form-eye-add {
                width: 8.2rem;
            }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .prism-information {
            padding-left: 1.6666666667rem;
            padding-right: 1.6666666667rem;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes .form-left-eye:last-child {
            margin-bottom: 0;
        }

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms {
        display: block;
        padding: 1rem 0 1.2rem;
        background-color: #FFFFFF;
    }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms:after {
            display: block;
            content: "";
            clear: both;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-position,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-vert-prism,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-vert-direction,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-horiz-prism,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-horiz-direction,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-position,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-vert-prism,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-vert-direction,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-horiz-prism,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-horiz-direction {
            line-height: 2.2666666667rem;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism {
            margin-bottom: 0.6666666667rem;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title:after,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism:after,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism:after {
                display: block;
                content: "";
                clear: both;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title > div,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism > div,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism > div {
                display: block;
                float: left;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-vert-prism,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-vert-direction,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-horiz-prism,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-horiz-direction,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-vert-prism,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-vert-direction,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-horiz-prism,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-horiz-direction,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-vert-prism,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-vert-direction,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-horiz-prism,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-horiz-direction {
                padding: 0 0.6666666667rem;
                width: 17.7353342428%;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-vert-prism input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-vert-prism select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-vert-direction input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-vert-direction select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-horiz-prism input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-horiz-prism select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-horiz-direction input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-horiz-direction select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-vert-prism input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-vert-prism select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-vert-direction input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-vert-direction select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-horiz-prism input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-horiz-prism select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-horiz-direction input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-horiz-direction select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-vert-prism input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-vert-prism select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-vert-direction input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-vert-direction select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-horiz-prism input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-horiz-prism select,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-horiz-direction input,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-horiz-direction select {
                    width: 100%;
                    border: rgba(100, 100, 100, 0.2) 1px solid;
                    border-radius: 0.5333333333rem;
                    height: 2.2666666667rem;
                    line-height: 2.2666666667rem;
                    margin: 0;
                    padding-left: 0.6666666667rem;
                }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-title .form-prism-position,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-right-prism .form-prism-position,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-prisms .form-left-prism .form-prism-position {
                padding-left: 1.6666666667rem;
                padding-right: 0.8666666667rem;
                width: 17.1896316508%;
            }

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd {
        position: relative;
        border-top: 1px solid #B4B4B4;
        border-bottom: 1px solid #B4B4B4;
        padding: 1.0666666667rem 0 1.0666666667rem;
        background-color: #EBEBEB;
    }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd:after {
            display: block;
            content: "";
            clear: both;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd > div {
            display: block;
            float: left;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text {
            width: 12.4666666667rem;
            padding-left: 1.6666666667rem;
            float: left;
            line-height: 2.2666666667rem;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text a img {
                vertical-align: middle;
                width: 1.3333333333rem;
                height: 1.3333333333rem;
            }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div {
            display: inline-block;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div span {
                display: none;
            }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input select {
            width: 7.3333333333rem;
            border: rgba(100, 100, 100, 0.2) 1px solid;
            border-radius: 0.5333333333rem;
            height: 2.2666666667rem;
            margin: 0;
            padding-left: 0.6666666667rem;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input select .form-pd-right {
                margin-left: 0.6666666667rem;
            }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-opt {
            margin-left: 0.6666666667rem;
            margin-top: 0.4666666667rem;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-opt label {
                font-size: 1rem;
                line-height: 1.3333333333rem;
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                line-height: 2.2666666667rem;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-opt label input {
                    margin-right: 0.4666666667rem;
                    margin-bottom: 0;
                }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-opt label input:checked ~ span {
                        color: #000000;
                        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                    }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd a.check-online,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd a.check-online-ns {
            font-family: "futura-pt",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.3333333333rem;
            line-height: 2.2666666667rem;
            position: absolute;
            display: inline-block;
            right: 1.6666666667rem;
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            text-decoration: underline;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd a.check-online:hover,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd a.check-online-ns:hover {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
            }

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add {
        padding: 1.3333333333rem 1.6666666667rem;
    }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add:after {
            display: block;
            content: "";
            clear: both;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add textarea {
            margin-top: 0.6666666667rem;
            margin-bottom: 1rem;
            height: 10rem;
            border: rgba(100, 100, 100, 0.2) 1px solid;
            border-radius: 0.3333333333rem;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add hr {
            display: none;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add button {
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            width: 9rem;
            line-height: 3rem;
            height: 3rem;
            padding: 0 1rem;
            border: #000000 1px solid;
            text-align: left;
            color: #FFFFFF;
            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            background-color: #000000;
            letter-spacing: 1px;
            float: right;
        }

@media (max-width: 639px) {
    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add button {
        width: 8.0714285714rem;
        line-height: 2.6428571429rem;
        height: 2.6428571429rem;
        padding: 0 0.7142857143rem;
    }
}

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add button::after {
    display: inline-block;
    content: '';
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    margin-top: 1.1333333333rem;
    float: right;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

html.svg section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add button::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
}

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add button:disabled {
    background-color: #D8D8D8;
    border-color: #D8D8D8;
}

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload > h3 {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.3333333333rem;
    line-height: 1.7333333333rem;
    position: relative;
    margin-bottom: 1rem;
}

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload > h3 a {
        font-family: "futura-pt",sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1rem;
        line-height: 1.3333333333rem;
        position: absolute;
        display: inline-block;
        bottom: 0;
        right: 0;
        color: #969696;
        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        text-decoration: underline;
    }

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form {
    border: #B4B4B4 1px solid;
    margin-bottom: 1rem;
}

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-header {
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 1px;
        display: block;
        background-color: #000000;
        height: 3.2rem;
        line-height: 3.2rem;
        padding-left: 1.6666666667rem;
    }

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper {
        height: 13.6666666667rem;
        padding-top: 1.6666666667rem;
    }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper:after {
            display: block;
            content: "";
            clear: both;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone {
            float: left;
            position: relative;
            margin-left: 3.4106412005%;
            width: 40.9276944065%;
            height: 100%;
            border: 1px dashed #B4B4B4;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .hint,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .preview,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .pdf-preview {
                width: 100%;
                height: 100%;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .hint {
                color: #B4B4B4;
                -webkit-text-stroke: rgba(180, 180, 180, 0.1);
                text-align: center;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .hint .inner {
                    position: absolute;
                    -webkit-transform: translate(0, -50%);
                    -moz-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    -o-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    top: 50%;
                    width: 100%;
                }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .hint .inner img {
                        width: 3.3333333333rem;
                        height: 3.3333333333rem;
                    }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .hint .inner .text {
                        font-size: 1rem;
                        line-height: 1.2rem;
                        margin-top: 0.6666666667rem;
                    }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .preview {
                background-size: contain;
                background-position: 50% 50%;
                background-repeat: no-repeat;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .pdf-preview {
                color: #B4B4B4;
                -webkit-text-stroke: rgba(180, 180, 180, 0.1);
                text-align: center;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .pdf-preview .inner {
                    position: absolute;
                    -webkit-transform: translate(0, -50%);
                    -moz-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    -o-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    top: 50%;
                    font-size: 1rem;
                    line-height: 1.2rem;
                    width: 100%;
                }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right {
            float: right;
            width: 48.8403819918%;
            height: 100%;
            position: relative;
            margin-right: 3.4106412005%;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right > .text {
                font-size: 1rem;
                line-height: 1.2rem;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.ok {
                margin-top: 1.3333333333rem;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.ok img {
                    vertical-align: middle;
                    width: 1.6666666667rem;
                    height: 1.6666666667rem;
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.ok span {
                    font-size: 1rem;
                    line-height: 1.2rem;
                    vertical-align: middle;
                    margin-left: 0.3333333333rem;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.error {
                margin-top: 0.8666666667rem;
                padding: 0.6rem 1rem;
                background-color: #FFFFFF;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.error .title {
                    font-size: 1rem;
                    line-height: 1.2rem;
                    font-weight: 500;
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.error .text {
                    font-size: 1rem;
                    line-height: 1.2rem;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control {
                position: absolute;
                bottom: 0;
                width: 100%;
                top: 140px;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control button {
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                    width: 9rem;
                    line-height: 3rem;
                    height: 3rem;
                    padding: 0 1rem;
                    border: #969696 1px solid;
                    text-align: left;
                    color: #FFFFFF;
                    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    letter-spacing: 1px;
                    width: 18.9333333333rem;
                    background-color: #969696;
                }

@media (max-width: 639px) {
    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control button {
        width: 8.0714285714rem;
        line-height: 2.6428571429rem;
        height: 2.6428571429rem;
        padding: 0 0.7142857143rem;
    }
}

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control button::after {
    display: inline-block;
    content: '';
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    margin-top: 1.1333333333rem;
    float: right;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

html.svg section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control button::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
}

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control a {
    line-height: 3rem;
    float: right;
    color: #969696;
    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
    text-decoration: underline;
}

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control a:hover {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
    }

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add {
    padding: 1.3333333333rem 1.6666666667rem;
}

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add:after {
        display: block;
        content: "";
        clear: both;
    }

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add textarea {
        margin-top: 0.6666666667rem;
        height: 10rem;
        border: rgba(100, 100, 100, 0.2) 1px solid;
        border-radius: 0.3333333333rem;
    }

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add hr {
        display: none;
    }

    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add button {
        color: #000000;
        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
        width: 9rem;
        line-height: 3rem;
        height: 3rem;
        padding: 0 1rem;
        border: #000000 1px solid;
        text-align: left;
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        background-color: #000000;
        letter-spacing: 1px;
        float: right;
    }

@media (max-width: 639px) {
    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add button {
        width: 8.0714285714rem;
        line-height: 2.6428571429rem;
        height: 2.6428571429rem;
        padding: 0 0.7142857143rem;
    }
}

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add button::after {
    display: inline-block;
    content: '';
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    margin-top: 1.1333333333rem;
    float: right;
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

html.svg section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add button::after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
}

section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add button:disabled {
    background-color: #D8D8D8;
    border-color: #D8D8D8;
}

section#add-lens #add-lens-sections section.lens-thickness .sorry-no-opt {
    padding: 6rem 0;
    margin-bottom: 1rem;
    text-align: center;
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option {
    float: left;
    width: 11.6rem;
    height: 33rem;
    clear: none;
    margin-left: 0.8rem;
}

    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option:first-of-type {
        margin-left: 0;
    }

    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label {
        padding: 1rem 1rem 1.2rem;
    }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label h4 .recommended {
            line-height: 0;
            position: relative;
            display: inline-block;
            top: 0.2666666667rem;
            width: 1.2rem;
            height: 1.2rem;
            vertical-align: top;
            margin-left: 1px;
        }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label h4 .recommended .normal {
                display: inline-block;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label h4 .recommended .active {
                display: none;
            }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label h4 small {
            font-size: 1rem;
            line-height: 1.3333333333rem;
            text-transform: none;
            display: block;
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            min-height: 1.3333333333rem;
            letter-spacing: 0;
        }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .image {
            margin-top: 1.3333333333rem;
            margin-bottom: 0.6666666667rem;
            width: 100%;
            height: 2.6666666667rem;
        }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .image img {
                width: 100%;
                height: 100%;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .image .normal {
                display: inline-block;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .image .active {
                display: none;
            }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description ul {
            padding-left: 0.5333333333rem;
        }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description ul li {
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                font-size: 0.9333333333rem;
                line-height: 1.2rem;
                margin-bottom: 0.3333333333rem;
                position: relative;
            }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description ul li:before {
                    position: absolute;
                    content: '';
                    width: 4px;
                    height: 4px;
                    top: 0.5333333333rem;
                    left: -0.7333333333rem;
                    border-radius: 2px;
                    background-color: #969696;
                }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price {
            position: absolute;
            left: 1rem;
            bottom: 1.2rem;
        }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price .actual span {
                font-size: 1rem;
                line-height: 1.3333333333rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                color: #FA7878;
                -webkit-text-stroke: rgba(250, 120, 120, 0.1);
                letter-spacing: 1px;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price .fdaypromo {
                text-decoration: line-through black;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price .was {
                color: #B4B4B4;
                -webkit-text-stroke: rgba(180, 180, 180, 0.1);
                font-size: 0.9333333333rem;
                line-height: 1.2rem;
            }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price .was .strike {
                    display: inline-block;
                    position: relative;
                }

                    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price .was .strike:after {
                        position: absolute;
                        background-color: #B4B4B4;
                        content: "";
                        width: 100%;
                        height: 1px;
                        top: 50%;
                        left: 0;
                    }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .discount {
            color: #F5F5F5;
            -webkit-text-stroke: rgba(245, 245, 245, 0.1);
            position: absolute;
            right: 1.0666666667rem;
            bottom: 1.0666666667rem;
            width: 2.8666666667rem;
            height: 2.8666666667rem;
            border-radius: 1.4333333333rem;
            background-color: #969696;
        }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .discount > div {
                font-size: 0.9333333333rem;
                line-height: 1.2rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                position: absolute;
                text-align: center;
                width: 100%;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .discount .percent {
                top: 0.4rem;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .discount .off {
                bottom: 0.4rem;
            }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .extra-discount {
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            font-size: 0.9333333333rem;
            line-height: 1.2rem;
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            position: absolute;
            bottom: 1.2rem;
            display: none;
        }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .limitedOffer {
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            font-size: 0.9333333333rem;
            line-height: 1.2rem;
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            position: absolute;
            bottom: 4.5rem;
            /*display: none;*/
        }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .fdaypromoText {
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            font-size: 0.9333333333rem;
            line-height: 1.2rem;
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            position: absolute;
            bottom: 5.3rem;
            /*display: none;*/
        }

@media(max-width: 1279px) {
    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .limitedOffer, section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .fdaypromoText {
        left: 5.8666666667rem;
    }
}

@media(max-width:639px) {
    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .limitedOffer, section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .fdaypromoText {
        left: 6.2857142857rem;
        bottom: 5.171429rem;
    }
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option.has-extra-discount label .price {
    bottom: 1.2rem;
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option.has-extra-discount label .discount {
    bottom: 1.0666666667rem;
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option.has-extra-discount label .extra-discount {
    display: block;
    bottom: 4.5333333333rem;
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option.has-extra-discount label .limitedOffer {
    display: block;
    bottom: 4.5333333333rem;
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option.has-retail label span.remark {
    display: inline-block;
    right: 1.6666666667rem;
    bottom: 1.6666666667rem;
    left: initial;
    left: none;
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label h4 small {
    color: #B4B4B4;
    -webkit-text-stroke: rgba(180, 180, 180, 0.1);
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .recommended .normal, section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .image .normal {
    display: none;
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .recommended .active, section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .image .active {
    display: inline-block;
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .description {
    color: #B4B4B4;
    -webkit-text-stroke: rgba(180, 180, 180, 0.1);
}

    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .description li:before {
        background-color: #B4B4B4;
    }

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .remark-retail {
    color: #B4B4B4;
    -webkit-text-stroke: rgba(180, 180, 180, 0.1);
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .extra-discount {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .limitedOffer {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .fdaypromo, section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .fdaypromoText {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

section#add-lens #add-lens-sections section.lens-thickness .option-list > .option-input:checked + .option label .fdaypromo {
    text-decoration: line-through white;
}

section#add-lens #add-lens-sections section.lens-color .option-list > .option {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    position: relative;
    line-height: 0;
    width: 11.4666666667rem;
    height: 11.4666666667rem;
    float: left;
    margin-left: 1rem;
    text-align: center;
    border-width: 0;
}

    section#add-lens #add-lens-sections section.lens-color .option-list > .option:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border: #B4B4B4 1px solid;
    }

    section#add-lens #add-lens-sections section.lens-color .option-list > .option:nth-of-type(2n) {
        float: left;
    }

    section#add-lens #add-lens-sections section.lens-color .option-list > .option:nth-of-type(2n+1) {
        float: left;
        clear: none;
    }

    section#add-lens #add-lens-sections section.lens-color .option-list > .option:nth-of-type(4n) {
        float: right;
        margin-left: 0;
    }

    section#add-lens #add-lens-sections section.lens-color .option-list > .option:nth-of-type(4n+1) {
        clear: both;
        margin-left: 0;
    }

    section#add-lens #add-lens-sections section.lens-color .option-list > .option label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 0;
        vertical-align: middle;
        padding: 2rem 0 0;
    }

        section#add-lens #add-lens-sections section.lens-color .option-list > .option label .more {
            position: absolute;
            top: 0.6666666667rem;
            right: 0.6666666667rem;
            display: inline-block;
            width: 1.3333333333rem;
            height: 1.3333333333rem;
        }

            section#add-lens #add-lens-sections section.lens-color .option-list > .option label .more .normal {
                display: inline-block;
            }

        section#add-lens #add-lens-sections section.lens-color .option-list > .option label .color {
            display: inline-block;
            width: 5.3333333333rem;
            height: 5.3333333333rem;
        }

        section#add-lens #add-lens-sections section.lens-color .option-list > .option label .lower {
            padding: 0 1rem;
            position: absolute;
            bottom: 1rem;
            width: 100%;
            /*.color-name,
							.price{
								position: absolute;
								bottom: rem(15px);
							}
							.color-name,
							.price,
							.price > span{
								@include normalTextRender(15px, 18px);
								@include futuraMedium;
							}
							.color-name{
								left: rem(15px);

							}
							.price{
								right: rem(15px);
								letter-spacing: 1px;
							}*/
        }

            section#add-lens #add-lens-sections section.lens-color .option-list > .option label .lower .color-name,
            section#add-lens #add-lens-sections section.lens-color .option-list > .option label .lower .price {
                font-size: 1rem;
                line-height: 1.2rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
            }

            section#add-lens #add-lens-sections section.lens-color .option-list > .option label .lower .color-name {
                float: left;
                width: 69.7183098592%;
                text-align: left;
            }

            section#add-lens #add-lens-sections section.lens-color .option-list > .option label .lower .price {
                text-align: right;
                float: right;
                width: 29.5774647887%;
                letter-spacing: 1px;
            }

    section#add-lens #add-lens-sections section.lens-color .option-list > .option .option-inner {
        position: absolute;
        display: table;
        width: 100%;
        height: 100%;
    }

        section#add-lens #add-lens-sections section.lens-color .option-list > .option .option-inner label {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            padding-top: 0;
        }

            section#add-lens #add-lens-sections section.lens-color .option-list > .option .option-inner label .color-name {
                margin-top: 0;
            }

section#add-lens #add-lens-sections section.lens-color .option-list > .option-input:checked + .option {
    background-color: transparent;
}

    section#add-lens #add-lens-sections section.lens-color .option-list > .option-input:checked + .option:before {
        border-width: 3px;
        border-color: #000000;
    }

section#add-lens #add-lens-controller {
    display: block;
    height: 1.2666666667rem;
}

    section#add-lens #add-lens-controller .back-btn,
    section#add-lens #add-lens-controller .next-btn {
        position: relative;
        color: #000000;
        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    }

        section#add-lens #add-lens-controller .back-btn .inactive,
        section#add-lens #add-lens-controller .next-btn .inactive {
            display: none;
        }

        section#add-lens #add-lens-controller .back-btn .normal,
        section#add-lens #add-lens-controller .next-btn .normal {
            display: inline-block;
        }

        section#add-lens #add-lens-controller .back-btn.inactive,
        section#add-lens #add-lens-controller .next-btn.inactive {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

            section#add-lens #add-lens-controller .back-btn.inactive .inactive,
            section#add-lens #add-lens-controller .next-btn.inactive .inactive {
                display: inline-block;
            }

            section#add-lens #add-lens-controller .back-btn.inactive .normal,
            section#add-lens #add-lens-controller .next-btn.inactive .normal {
                display: none;
            }

        section#add-lens #add-lens-controller .back-btn img,
        section#add-lens #add-lens-controller .next-btn img {
            position: absolute;
            top: 0.1333333333rem;
            width: 1.0666666667rem;
            height: 1.0666666667rem;
        }

    section#add-lens #add-lens-controller .back-btn {
        display: inline-block;
        float: left;
        padding-left: 1.8666666667rem;
    }

        section#add-lens #add-lens-controller .back-btn img {
            left: 0;
        }

    section#add-lens #add-lens-controller .next-btn {
        display: inline-block;
        float: right;
        padding-right: 1.8666666667rem;
    }

        section#add-lens #add-lens-controller .next-btn img {
            right: 0;
        }

section#add-lens.five-steps #add-lens-steps li.lens-type:after,
section#add-lens.five-steps #add-lens-steps li.lens-function:after,
section#add-lens.five-steps #add-lens-steps li.lens-prescription:after,
section#add-lens.five-steps #add-lens-steps li.lens-thickness:after {
    width: 8.2666666667rem;
}

section#add-lens.five-steps #add-lens-steps li.lens-type {
    margin-right: 6.3333333333rem;
}

    section#add-lens.five-steps #add-lens-steps li.lens-type:after {
        left: 3.6666666667rem;
    }

section#add-lens.five-steps #add-lens-steps li.lens-function {
    margin-right: 5.9333333333rem;
}

    section#add-lens.five-steps #add-lens-steps li.lens-function:after {
        left: 4.4666666667rem;
    }

section#add-lens.five-steps #add-lens-steps li.lens-prescription {
    margin-right: 5.9333333333rem;
}

    section#add-lens.five-steps #add-lens-steps li.lens-prescription:after {
        left: 4rem;
    }

section#add-lens.five-steps #add-lens-steps li.lens-thickness:after {
    left: 4.4666666667rem;
}

section#add-lens.five-steps #add-lens-steps li.lens-color {
    display: inline-block;
    float: right;
}

section#add-lens.four-steps #add-lens-steps li.lens-type:after,
section#add-lens.four-steps #add-lens-steps li.lens-function:after,
section#add-lens.four-steps #add-lens-steps li.lens-prescription:after,
section#add-lens.four-steps #add-lens-steps li.lens-thickness:after {
    width: 11.3333333333rem;
}

section#add-lens.four-steps #add-lens-steps li.lens-type {
    margin-right: 9.5333333333rem;
}

    section#add-lens.four-steps #add-lens-steps li.lens-type:after {
        left: 3.6666666667rem;
    }

section#add-lens.four-steps #add-lens-steps li.lens-function {
    margin-right: 9.6rem;
}

    section#add-lens.four-steps #add-lens-steps li.lens-function:after {
        left: 4.7333333333rem;
    }

section#add-lens.four-steps #add-lens-steps li.lens-prescription:after {
    left: 4.2rem;
}

section#add-lens.four-steps #add-lens-steps li.lens-thickness {
    float: right;
}

    section#add-lens.four-steps #add-lens-steps li.lens-thickness:after {
        display: none;
    }

section#add-lens.four-steps #add-lens-steps li.lens-color {
    display: none;
}

@media (max-width: 1279px) {
    section#add-lens,
    section#add-lens.five-steps,
    section#add-lens.four-steps {
        margin-top: 0;
        border-top: 0;
    }

        section#add-lens .container.show-summary,
        section#add-lens.five-steps .container.show-summary,
        section#add-lens.four-steps .container.show-summary {
            z-index: 802;
        }

            section#add-lens .container.show-summary #add-lens-summary,
            section#add-lens.five-steps .container.show-summary #add-lens-summary,
            section#add-lens.four-steps .container.show-summary #add-lens-summary {
                display: block;
            }

            section#add-lens .container.show-summary #add-lens-bar-ns,
            section#add-lens.five-steps .container.show-summary #add-lens-bar-ns,
            section#add-lens.four-steps .container.show-summary #add-lens-bar-ns {
                display: none;
            }

        section#add-lens .container.show-add-to-cart #add-lens-summary,
        section#add-lens.five-steps .container.show-add-to-cart #add-lens-summary,
        section#add-lens.four-steps .container.show-add-to-cart #add-lens-summary {
            padding-bottom: 9.5714285714rem;
        }

            section#add-lens .container.show-add-to-cart #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper,
            section#add-lens.five-steps .container.show-add-to-cart #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper,
            section#add-lens.four-steps .container.show-add-to-cart #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper {
                height: 9.5714285714rem;
            }

        section#add-lens .container::before,
        section#add-lens.five-steps .container::before,
        section#add-lens.four-steps .container::before {
            content: none;
        }

        section#add-lens #add-lens-guide,
        section#add-lens.five-steps #add-lens-guide,
        section#add-lens.four-steps #add-lens-guide {
            width: 100%;
            padding: 1.4285714286rem 1.2857142857rem 1.7857142857rem;
            float: none;
        }

        section#add-lens #add-lens-summary,
        section#add-lens.five-steps #add-lens-summary,
        section#add-lens.four-steps #add-lens-summary {
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            overflow-y: auto;
            display: none;
            width: 100%;
            float: none;
            padding: 3.6428571429rem 1.2857142857rem 4.9285714286rem;
        }

            section#add-lens #add-lens-summary > h6,
            section#add-lens.five-steps #add-lens-summary > h6,
            section#add-lens.four-steps #add-lens-summary > h6 {
                font-size: 1rem;
                line-height: 1.2857142857rem;
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                background-color: #F5F5F5;
                padding: 1.1428571429rem 1.2857142857rem;
                border-bottom: 1px solid #B4B4B4;
                margin: 0;
            }

                section#add-lens #add-lens-summary > h6::after,
                section#add-lens.five-steps #add-lens-summary > h6::after,
                section#add-lens.four-steps #add-lens-summary > h6::after {
                    -webkit-transform: rotate(90deg);
                    -moz-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    -o-transform: rotate(90deg);
                    transform: rotate(90deg);
                    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-next.png");
                    background-size: contain;
                    background-repeat: no-repeat;
                    content: '';
                    position: absolute;
                    width: 1.0714285714rem;
                    height: 1.0714285714rem;
                    right: 1.2857142857rem;
                    top: 1.2857142857rem;
                }

    html.svg section#add-lens #add-lens-summary > h6::after, html.svg section#add-lens.five-steps #add-lens-summary > h6::after, html.svg section#add-lens.four-steps #add-lens-summary > h6::after {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-next.svg");
    }

    section#add-lens #add-lens-summary > div.frame,
    section#add-lens.five-steps #add-lens-summary > div.frame,
    section#add-lens.four-steps #add-lens-summary > div.frame {
        margin-top: 1.0714285714rem;
        margin-bottom: 0.7857142857rem;
    }

    section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .desc,
    section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-promotional-offer .desc,
    section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-promotional-offer .desc {
        padding-left: 1rem;
    }

    section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .price,
    section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-promotional-offer .price,
    section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-promotional-offer .price {
        padding-right: 1rem;
    }

    section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper,
    section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper,
    section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper {
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4.9285714286rem;
        background-color: #000000;
    }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal {
            border-top: 0;
        }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc,
            section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc,
            section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc {
                padding: 1.6428571429rem 0 1.6428571429rem 2.2857142857rem;
            }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc span,
                section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc span,
                section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc span {
                    font-size: 1.2857142857rem;
                    line-height: 1.6428571429rem;
                    color: #FFFFFF;
                    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    letter-spacing: 1px;
                }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price,
            section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price,
            section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price {
                padding: 1.6428571429rem 2.2857142857rem 1.5333333333rem 0;
            }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price .quantity,
                section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price .quantity,
                section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price .quantity {
                    font-size: 1.2857142857rem;
                    line-height: 1.6428571429rem;
                }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout {
            height: 3.2142857143rem;
            width: calc(100% - 2.5714285714rem);
            border: 1px solid #FFFFFF;
            margin: -0.5rem 1.2857142857rem 0;
        }

    section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc,
    section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc,
    section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc {
        padding-bottom: 0.7142857143rem;
        padding-left: 1rem;
    }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc .product-name,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc .product-name,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc .product-name {
            font-size: 1.2857142857rem;
            line-height: 1.6428571429rem;
            margin-bottom: 0.2142857143rem;
        }

    section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .price,
    section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .price,
    section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .price {
        padding-right: 1rem;
        padding-top: 0.2142857143rem;
    }

    section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc,
    section#add-lens.five-steps #add-lens-summary > div.pricing-table .pricing-item .desc,
    section#add-lens.four-steps #add-lens-summary > div.pricing-table .pricing-item .desc {
        padding-left: 1rem;
    }

    section#add-lens #add-lens-summary > div.pricing-table .pricing-item .price,
    section#add-lens #add-lens-summary > div.pricing-table .pricing-item .info,
    section#add-lens.five-steps #add-lens-summary > div.pricing-table .pricing-item .price,
    section#add-lens.five-steps #add-lens-summary > div.pricing-table .pricing-item .info,
    section#add-lens.four-steps #add-lens-summary > div.pricing-table .pricing-item .price,
    section#add-lens.four-steps #add-lens-summary > div.pricing-table .pricing-item .info {
        padding-right: 1rem;
    }

    section#add-lens #add-lens-bar-ns,
    section#add-lens.five-steps #add-lens-bar-ns,
    section#add-lens.four-steps #add-lens-bar-ns {
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 1px;
        line-height: 3.5714285714rem;
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3.5714285714rem;
        padding-left: 1.2857142857rem;
        background-color: #969696;
        z-index: 803;
    }

        section#add-lens #add-lens-bar-ns::after,
        section#add-lens.five-steps #add-lens-bar-ns::after,
        section#add-lens.four-steps #add-lens-bar-ns::after {
            background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-up.png");
            background-size: contain;
            background-repeat: no-repeat;
            content: '';
            position: absolute;
            right: 1.2857142857rem;
            top: 1.2142857143rem;
            height: 1.1428571429rem;
            width: 1.1428571429rem;
        }

    html.svg section#add-lens #add-lens-bar-ns::after, html.svg section#add-lens.five-steps #add-lens-bar-ns::after, html.svg section#add-lens.four-steps #add-lens-bar-ns::after {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-up.svg");
    }

    section#add-lens #add-lens-steps,
    section#add-lens.five-steps #add-lens-steps,
    section#add-lens.four-steps #add-lens-steps {
        margin-bottom: 1.7857142857rem;
    }

        section#add-lens #add-lens-steps .back-btn-ns,
        section#add-lens #add-lens-steps .next-btn-ns,
        section#add-lens.five-steps #add-lens-steps .back-btn-ns,
        section#add-lens.five-steps #add-lens-steps .next-btn-ns,
        section#add-lens.four-steps #add-lens-steps .back-btn-ns,
        section#add-lens.four-steps #add-lens-steps .next-btn-ns {
            display: block;
            position: absolute;
            top: 0.2857142857rem;
            z-index: 10;
        }

            section#add-lens #add-lens-steps .back-btn-ns .inactive,
            section#add-lens #add-lens-steps .next-btn-ns .inactive,
            section#add-lens.five-steps #add-lens-steps .back-btn-ns .inactive,
            section#add-lens.five-steps #add-lens-steps .next-btn-ns .inactive,
            section#add-lens.four-steps #add-lens-steps .back-btn-ns .inactive,
            section#add-lens.four-steps #add-lens-steps .next-btn-ns .inactive {
                display: none;
            }

            section#add-lens #add-lens-steps .back-btn-ns .normal,
            section#add-lens #add-lens-steps .next-btn-ns .normal,
            section#add-lens.five-steps #add-lens-steps .back-btn-ns .normal,
            section#add-lens.five-steps #add-lens-steps .next-btn-ns .normal,
            section#add-lens.four-steps #add-lens-steps .back-btn-ns .normal,
            section#add-lens.four-steps #add-lens-steps .next-btn-ns .normal {
                display: inline-block;
            }

            section#add-lens #add-lens-steps .back-btn-ns.inactive .inactive,
            section#add-lens #add-lens-steps .next-btn-ns.inactive .inactive,
            section#add-lens.five-steps #add-lens-steps .back-btn-ns.inactive .inactive,
            section#add-lens.five-steps #add-lens-steps .next-btn-ns.inactive .inactive,
            section#add-lens.four-steps #add-lens-steps .back-btn-ns.inactive .inactive,
            section#add-lens.four-steps #add-lens-steps .next-btn-ns.inactive .inactive {
                display: inline-block;
            }

            section#add-lens #add-lens-steps .back-btn-ns.inactive .normal,
            section#add-lens #add-lens-steps .next-btn-ns.inactive .normal,
            section#add-lens.five-steps #add-lens-steps .back-btn-ns.inactive .normal,
            section#add-lens.five-steps #add-lens-steps .next-btn-ns.inactive .normal,
            section#add-lens.four-steps #add-lens-steps .back-btn-ns.inactive .normal,
            section#add-lens.four-steps #add-lens-steps .next-btn-ns.inactive .normal {
                display: none;
            }

            section#add-lens #add-lens-steps .back-btn-ns img,
            section#add-lens #add-lens-steps .next-btn-ns img,
            section#add-lens.five-steps #add-lens-steps .back-btn-ns img,
            section#add-lens.five-steps #add-lens-steps .next-btn-ns img,
            section#add-lens.four-steps #add-lens-steps .back-btn-ns img,
            section#add-lens.four-steps #add-lens-steps .next-btn-ns img {
                width: 1.2857142857rem;
                height: 1.2857142857rem;
            }

        section#add-lens #add-lens-steps .back-btn-ns,
        section#add-lens.five-steps #add-lens-steps .back-btn-ns,
        section#add-lens.four-steps #add-lens-steps .back-btn-ns {
            left: 0;
        }

        section#add-lens #add-lens-steps .next-btn-ns,
        section#add-lens.five-steps #add-lens-steps .next-btn-ns,
        section#add-lens.four-steps #add-lens-steps .next-btn-ns {
            right: 0;
        }

        section#add-lens #add-lens-steps ul,
        section#add-lens.five-steps #add-lens-steps ul,
        section#add-lens.four-steps #add-lens-steps ul {
            height: 1.8571428571rem;
            text-align: center;
        }

        section#add-lens #add-lens-steps li.lens-type,
        section#add-lens #add-lens-steps li.lens-function,
        section#add-lens #add-lens-steps li.lens-prescription,
        section#add-lens #add-lens-steps li.lens-thickness,
        section#add-lens #add-lens-steps li.lens-color,
        section#add-lens.five-steps #add-lens-steps li.lens-type,
        section#add-lens.five-steps #add-lens-steps li.lens-function,
        section#add-lens.five-steps #add-lens-steps li.lens-prescription,
        section#add-lens.five-steps #add-lens-steps li.lens-thickness,
        section#add-lens.five-steps #add-lens-steps li.lens-color,
        section#add-lens.four-steps #add-lens-steps li.lens-type,
        section#add-lens.four-steps #add-lens-steps li.lens-function,
        section#add-lens.four-steps #add-lens-steps li.lens-prescription,
        section#add-lens.four-steps #add-lens-steps li.lens-thickness,
        section#add-lens.four-steps #add-lens-steps li.lens-color {
            display: none;
            float: none;
            margin: auto;
            width: 100%;
        }

            section#add-lens #add-lens-steps li.lens-type div.icon,
            section#add-lens #add-lens-steps li.lens-function div.icon,
            section#add-lens #add-lens-steps li.lens-prescription div.icon,
            section#add-lens #add-lens-steps li.lens-thickness div.icon,
            section#add-lens #add-lens-steps li.lens-color div.icon,
            section#add-lens.five-steps #add-lens-steps li.lens-type div.icon,
            section#add-lens.five-steps #add-lens-steps li.lens-function div.icon,
            section#add-lens.five-steps #add-lens-steps li.lens-prescription div.icon,
            section#add-lens.five-steps #add-lens-steps li.lens-thickness div.icon,
            section#add-lens.five-steps #add-lens-steps li.lens-color div.icon,
            section#add-lens.four-steps #add-lens-steps li.lens-type div.icon,
            section#add-lens.four-steps #add-lens-steps li.lens-function div.icon,
            section#add-lens.four-steps #add-lens-steps li.lens-prescription div.icon,
            section#add-lens.four-steps #add-lens-steps li.lens-thickness div.icon,
            section#add-lens.four-steps #add-lens-steps li.lens-color div.icon {
                display: inline-block;
                vertical-align: middle;
                margin: 0;
                width: 1.7142857143rem;
                height: 1.7142857143rem;
                border-radius: 0.8571428571rem;
            }

                section#add-lens #add-lens-steps li.lens-type div.icon .stage-number,
                section#add-lens #add-lens-steps li.lens-function div.icon .stage-number,
                section#add-lens #add-lens-steps li.lens-prescription div.icon .stage-number,
                section#add-lens #add-lens-steps li.lens-thickness div.icon .stage-number,
                section#add-lens #add-lens-steps li.lens-color div.icon .stage-number,
                section#add-lens.five-steps #add-lens-steps li.lens-type div.icon .stage-number,
                section#add-lens.five-steps #add-lens-steps li.lens-function div.icon .stage-number,
                section#add-lens.five-steps #add-lens-steps li.lens-prescription div.icon .stage-number,
                section#add-lens.five-steps #add-lens-steps li.lens-thickness div.icon .stage-number,
                section#add-lens.five-steps #add-lens-steps li.lens-color div.icon .stage-number,
                section#add-lens.four-steps #add-lens-steps li.lens-type div.icon .stage-number,
                section#add-lens.four-steps #add-lens-steps li.lens-function div.icon .stage-number,
                section#add-lens.four-steps #add-lens-steps li.lens-prescription div.icon .stage-number,
                section#add-lens.four-steps #add-lens-steps li.lens-thickness div.icon .stage-number,
                section#add-lens.four-steps #add-lens-steps li.lens-color div.icon .stage-number {
                    font-size: 1.2857142857rem;
                    line-height: 1.7142857143rem;
                    padding-left: 0;
                }

            section#add-lens #add-lens-steps li.lens-type div.text,
            section#add-lens #add-lens-steps li.lens-function div.text,
            section#add-lens #add-lens-steps li.lens-prescription div.text,
            section#add-lens #add-lens-steps li.lens-thickness div.text,
            section#add-lens #add-lens-steps li.lens-color div.text,
            section#add-lens.five-steps #add-lens-steps li.lens-type div.text,
            section#add-lens.five-steps #add-lens-steps li.lens-function div.text,
            section#add-lens.five-steps #add-lens-steps li.lens-prescription div.text,
            section#add-lens.five-steps #add-lens-steps li.lens-thickness div.text,
            section#add-lens.five-steps #add-lens-steps li.lens-color div.text,
            section#add-lens.four-steps #add-lens-steps li.lens-type div.text,
            section#add-lens.four-steps #add-lens-steps li.lens-function div.text,
            section#add-lens.four-steps #add-lens-steps li.lens-prescription div.text,
            section#add-lens.four-steps #add-lens-steps li.lens-thickness div.text,
            section#add-lens.four-steps #add-lens-steps li.lens-color div.text {
                display: inline-block;
                vertical-align: middle;
                margin-left: 0.2857142857rem;
            }

            section#add-lens #add-lens-steps li.lens-type.lens-type::after, section#add-lens #add-lens-steps li.lens-type.lens-function::after, section#add-lens #add-lens-steps li.lens-type.lens-prescription::after, section#add-lens #add-lens-steps li.lens-type.lens-thickness::after, section#add-lens #add-lens-steps li.lens-type.lens-color::after,
            section#add-lens #add-lens-steps li.lens-function.lens-type::after,
            section#add-lens #add-lens-steps li.lens-function.lens-function::after,
            section#add-lens #add-lens-steps li.lens-function.lens-prescription::after,
            section#add-lens #add-lens-steps li.lens-function.lens-thickness::after,
            section#add-lens #add-lens-steps li.lens-function.lens-color::after,
            section#add-lens #add-lens-steps li.lens-prescription.lens-type::after,
            section#add-lens #add-lens-steps li.lens-prescription.lens-function::after,
            section#add-lens #add-lens-steps li.lens-prescription.lens-prescription::after,
            section#add-lens #add-lens-steps li.lens-prescription.lens-thickness::after,
            section#add-lens #add-lens-steps li.lens-prescription.lens-color::after,
            section#add-lens #add-lens-steps li.lens-thickness.lens-type::after,
            section#add-lens #add-lens-steps li.lens-thickness.lens-function::after,
            section#add-lens #add-lens-steps li.lens-thickness.lens-prescription::after,
            section#add-lens #add-lens-steps li.lens-thickness.lens-thickness::after,
            section#add-lens #add-lens-steps li.lens-thickness.lens-color::after,
            section#add-lens #add-lens-steps li.lens-color.lens-type::after,
            section#add-lens #add-lens-steps li.lens-color.lens-function::after,
            section#add-lens #add-lens-steps li.lens-color.lens-prescription::after,
            section#add-lens #add-lens-steps li.lens-color.lens-thickness::after,
            section#add-lens #add-lens-steps li.lens-color.lens-color::after,
            section#add-lens.five-steps #add-lens-steps li.lens-type.lens-type::after,
            section#add-lens.five-steps #add-lens-steps li.lens-type.lens-function::after,
            section#add-lens.five-steps #add-lens-steps li.lens-type.lens-prescription::after,
            section#add-lens.five-steps #add-lens-steps li.lens-type.lens-thickness::after,
            section#add-lens.five-steps #add-lens-steps li.lens-type.lens-color::after,
            section#add-lens.five-steps #add-lens-steps li.lens-function.lens-type::after,
            section#add-lens.five-steps #add-lens-steps li.lens-function.lens-function::after,
            section#add-lens.five-steps #add-lens-steps li.lens-function.lens-prescription::after,
            section#add-lens.five-steps #add-lens-steps li.lens-function.lens-thickness::after,
            section#add-lens.five-steps #add-lens-steps li.lens-function.lens-color::after,
            section#add-lens.five-steps #add-lens-steps li.lens-prescription.lens-type::after,
            section#add-lens.five-steps #add-lens-steps li.lens-prescription.lens-function::after,
            section#add-lens.five-steps #add-lens-steps li.lens-prescription.lens-prescription::after,
            section#add-lens.five-steps #add-lens-steps li.lens-prescription.lens-thickness::after,
            section#add-lens.five-steps #add-lens-steps li.lens-prescription.lens-color::after,
            section#add-lens.five-steps #add-lens-steps li.lens-thickness.lens-type::after,
            section#add-lens.five-steps #add-lens-steps li.lens-thickness.lens-function::after,
            section#add-lens.five-steps #add-lens-steps li.lens-thickness.lens-prescription::after,
            section#add-lens.five-steps #add-lens-steps li.lens-thickness.lens-thickness::after,
            section#add-lens.five-steps #add-lens-steps li.lens-thickness.lens-color::after,
            section#add-lens.five-steps #add-lens-steps li.lens-color.lens-type::after,
            section#add-lens.five-steps #add-lens-steps li.lens-color.lens-function::after,
            section#add-lens.five-steps #add-lens-steps li.lens-color.lens-prescription::after,
            section#add-lens.five-steps #add-lens-steps li.lens-color.lens-thickness::after,
            section#add-lens.five-steps #add-lens-steps li.lens-color.lens-color::after,
            section#add-lens.four-steps #add-lens-steps li.lens-type.lens-type::after,
            section#add-lens.four-steps #add-lens-steps li.lens-type.lens-function::after,
            section#add-lens.four-steps #add-lens-steps li.lens-type.lens-prescription::after,
            section#add-lens.four-steps #add-lens-steps li.lens-type.lens-thickness::after,
            section#add-lens.four-steps #add-lens-steps li.lens-type.lens-color::after,
            section#add-lens.four-steps #add-lens-steps li.lens-function.lens-type::after,
            section#add-lens.four-steps #add-lens-steps li.lens-function.lens-function::after,
            section#add-lens.four-steps #add-lens-steps li.lens-function.lens-prescription::after,
            section#add-lens.four-steps #add-lens-steps li.lens-function.lens-thickness::after,
            section#add-lens.four-steps #add-lens-steps li.lens-function.lens-color::after,
            section#add-lens.four-steps #add-lens-steps li.lens-prescription.lens-type::after,
            section#add-lens.four-steps #add-lens-steps li.lens-prescription.lens-function::after,
            section#add-lens.four-steps #add-lens-steps li.lens-prescription.lens-prescription::after,
            section#add-lens.four-steps #add-lens-steps li.lens-prescription.lens-thickness::after,
            section#add-lens.four-steps #add-lens-steps li.lens-prescription.lens-color::after,
            section#add-lens.four-steps #add-lens-steps li.lens-thickness.lens-type::after,
            section#add-lens.four-steps #add-lens-steps li.lens-thickness.lens-function::after,
            section#add-lens.four-steps #add-lens-steps li.lens-thickness.lens-prescription::after,
            section#add-lens.four-steps #add-lens-steps li.lens-thickness.lens-thickness::after,
            section#add-lens.four-steps #add-lens-steps li.lens-thickness.lens-color::after,
            section#add-lens.four-steps #add-lens-steps li.lens-color.lens-type::after,
            section#add-lens.four-steps #add-lens-steps li.lens-color.lens-function::after,
            section#add-lens.four-steps #add-lens-steps li.lens-color.lens-prescription::after,
            section#add-lens.four-steps #add-lens-steps li.lens-color.lens-thickness::after,
            section#add-lens.four-steps #add-lens-steps li.lens-color.lens-color::after {
                content: none;
            }

            section#add-lens #add-lens-steps li.lens-type.enabled:hover div.icon::before,
            section#add-lens #add-lens-steps li.lens-function.enabled:hover div.icon::before,
            section#add-lens #add-lens-steps li.lens-prescription.enabled:hover div.icon::before,
            section#add-lens #add-lens-steps li.lens-thickness.enabled:hover div.icon::before,
            section#add-lens #add-lens-steps li.lens-color.enabled:hover div.icon::before,
            section#add-lens.five-steps #add-lens-steps li.lens-type.enabled:hover div.icon::before,
            section#add-lens.five-steps #add-lens-steps li.lens-function.enabled:hover div.icon::before,
            section#add-lens.five-steps #add-lens-steps li.lens-prescription.enabled:hover div.icon::before,
            section#add-lens.five-steps #add-lens-steps li.lens-thickness.enabled:hover div.icon::before,
            section#add-lens.five-steps #add-lens-steps li.lens-color.enabled:hover div.icon::before,
            section#add-lens.four-steps #add-lens-steps li.lens-type.enabled:hover div.icon::before,
            section#add-lens.four-steps #add-lens-steps li.lens-function.enabled:hover div.icon::before,
            section#add-lens.four-steps #add-lens-steps li.lens-prescription.enabled:hover div.icon::before,
            section#add-lens.four-steps #add-lens-steps li.lens-thickness.enabled:hover div.icon::before,
            section#add-lens.four-steps #add-lens-steps li.lens-color.enabled:hover div.icon::before {
                width: 1.2142857143rem;
                height: 1.2142857143rem;
            }

        section#add-lens #add-lens-steps.lens-type li.lens-type,
        section#add-lens #add-lens-steps.lens-function li.lens-function,
        section#add-lens #add-lens-steps.lens-prescription-subform li.lens-prescription,
        section#add-lens #add-lens-steps.lens-prescription li.lens-prescription,
        section#add-lens #add-lens-steps.lens-thickness li.lens-thickness,
        section#add-lens #add-lens-steps.lens-color li.lens-color,
        section#add-lens.five-steps #add-lens-steps.lens-type li.lens-type,
        section#add-lens.five-steps #add-lens-steps.lens-function li.lens-function,
        section#add-lens.five-steps #add-lens-steps.lens-prescription-subform li.lens-prescription,
        section#add-lens.five-steps #add-lens-steps.lens-prescription li.lens-prescription,
        section#add-lens.five-steps #add-lens-steps.lens-thickness li.lens-thickness,
        section#add-lens.five-steps #add-lens-steps.lens-color li.lens-color,
        section#add-lens.four-steps #add-lens-steps.lens-type li.lens-type,
        section#add-lens.four-steps #add-lens-steps.lens-function li.lens-function,
        section#add-lens.four-steps #add-lens-steps.lens-prescription-subform li.lens-prescription,
        section#add-lens.four-steps #add-lens-steps.lens-prescription li.lens-prescription,
        section#add-lens.four-steps #add-lens-steps.lens-thickness li.lens-thickness,
        section#add-lens.four-steps #add-lens-steps.lens-color li.lens-color {
            display: block;
        }
}

@media (max-width: 639px) {
    section#add-lens #add-lens-sections,
    section#add-lens.five-steps #add-lens-sections,
    section#add-lens.four-steps #add-lens-sections {
        padding: 0;
    }

        section#add-lens #add-lens-sections > section h3,
        section#add-lens.five-steps #add-lens-sections > section h3,
        section#add-lens.four-steps #add-lens-sections > section h3 {
            font-size: 1rem;
            line-height: 1.2142857143rem;
        }

        section#add-lens #add-lens-sections > section .option-list > .option,
        section#add-lens.five-steps #add-lens-sections > section .option-list > .option,
        section#add-lens.four-steps #add-lens-sections > section .option-list > .option {
            width: 100%;
            height: auto;
            min-height: 11.4285714286rem;
        }

            section#add-lens #add-lens-sections > section .option-list > .option:nth-of-type(n),
            section#add-lens.five-steps #add-lens-sections > section .option-list > .option:nth-of-type(n),
            section#add-lens.four-steps #add-lens-sections > section .option-list > .option:nth-of-type(n) {
                float: none;
            }

            section#add-lens #add-lens-sections > section .option-list > .option label,
            section#add-lens.five-steps #add-lens-sections > section .option-list > .option label,
            section#add-lens.four-steps #add-lens-sections > section .option-list > .option label {
                padding: 1.0714285714rem;
            }

                section#add-lens #add-lens-sections > section .option-list > .option label h4,
                section#add-lens.five-steps #add-lens-sections > section .option-list > .option label h4,
                section#add-lens.four-steps #add-lens-sections > section .option-list > .option label h4 {
                    font-size: 1.2857142857rem;
                    line-height: 1.6428571429rem;
                    margin-bottom: 0.2142857143rem;
                }

                    section#add-lens #add-lens-sections > section .option-list > .option label h4 a,
                    section#add-lens.five-steps #add-lens-sections > section .option-list > .option label h4 a,
                    section#add-lens.four-steps #add-lens-sections > section .option-list > .option label h4 a {
                        width: 2.1428571429rem;
                        height: 2.1428571429rem;
                        text-align: right;
                        top: 0.1428571429rem;
                    }

                section#add-lens #add-lens-sections > section .option-list > .option label hr,
                section#add-lens.five-steps #add-lens-sections > section .option-list > .option label hr,
                section#add-lens.four-steps #add-lens-sections > section .option-list > .option label hr {
                    margin-bottom: 0.7142857143rem;
                }

        section#add-lens #add-lens-sections section.lens-function div.insert-container,
        section#add-lens.five-steps #add-lens-sections section.lens-function div.insert-container,
        section#add-lens.four-steps #add-lens-sections section.lens-function div.insert-container {
            margin-top: 1.7142857143rem;
        }

            section#add-lens #add-lens-sections section.lens-function div.insert-container img,
            section#add-lens.five-steps #add-lens-sections section.lens-function div.insert-container img,
            section#add-lens.four-steps #add-lens-sections section.lens-function div.insert-container img {
                width: 90%;
            }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online > h3,
        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online > h3,
        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online > h3 {
            font-size: 1rem;
            line-height: 1.2857142857rem;
            margin-bottom: 1.0714285714rem;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online > h3 a,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online > h3 a,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online > h3 a {
                display: block;
                position: static;
                margin-top: 0.7142857143rem;
            }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form,
        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form,
        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form {
            border: 0;
            margin: 0 -1.2857142857rem;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header,
            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes {
                display: none;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header-ns,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header-ns,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-header-ns {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                color: #FFFFFF;
                -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                display: block;
                background-color: #000000;
                height: 3.4285714286rem;
                letter-spacing: 1px;
                line-height: 3.4285714286rem;
                padding-left: 1.2857142857rem;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns {
                display: block;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye {
                    border-bottom: 1px solid rgba(150, 150, 150, 0.5);
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye,
                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye {
                    padding: 1.4285714286rem 1.2857142857rem;
                }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye:after,
                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye:after,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye:after,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye:after,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye:after,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye:after {
                        display: block;
                        content: "";
                        clear: both;
                    }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-eye-position,
                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-eye-position,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-eye-position,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-eye-position,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-eye-position,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-eye-position {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        letter-spacing: 1px;
                        text-transform: uppercase;
                    }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell,
                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell {
                        width: 48.5915492958%;
                        margin-top: 1.4285714286rem;
                    }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell:nth-of-type(2n + 1),
                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell:nth-of-type(2n + 1),
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell:nth-of-type(2n + 1),
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell:nth-of-type(2n + 1),
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell:nth-of-type(2n + 1),
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell:nth-of-type(2n + 1) {
                            float: right;
                        }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell:nth-of-type(2n),
                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell:nth-of-type(2n),
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell:nth-of-type(2n),
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell:nth-of-type(2n),
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell:nth-of-type(2n),
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell:nth-of-type(2n) {
                            float: left;
                            clear: both;
                        }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell span,
                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell span,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell span,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell span,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell span,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell span {
                            margin-left: 0.1428571429rem;
                            vertical-align: bottom;
                        }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell a,
                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell a,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell a,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell a,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell a,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell a {
                            margin-left: 0.2857142857rem;
                            vertical-align: bottom;
                            width: 1.2857142857rem;
                            height: 1.2857142857rem;
                        }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell input,
                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell select,
                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell input,
                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell select,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell input,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell select,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell input,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell select,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell input,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-right-eye .form-cell select,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell input,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-eyes-ns .form-left-eye .form-cell select {
                            width: 100%;
                            border: rgba(100, 100, 100, 0.2) 1px solid;
                            border-radius: 0.5714285714rem;
                            height: 2.4285714286rem;
                            line-height: 2.4285714286rem;
                            margin: 0;
                            padding-left: 0.7857142857rem;
                            margin-top: 0.4285714286rem;
                        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd {
                padding: 1.4285714286rem 1.2857142857rem;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text {
                    width: 100%;
                    padding-left: 0;
                    float: none;
                    line-height: 1.2857142857rem;
                }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text span,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text span,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text span {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        vertical-align: bottom;
                        letter-spacing: 1px;
                        line-height: 1.2857142857rem;
                        text-transform: uppercase;
                    }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text a img,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text a img,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-text a img {
                        vertical-align: bottom;
                        width: 1.2857142857rem;
                        height: 1.2857142857rem;
                    }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input {
                    width: 100%;
                    margin: 0.2857142857rem -0.1333333333rem 0;
                }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input:after,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input:after,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input:after {
                        display: block;
                        content: "";
                        clear: both;
                    }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div {
                        display: block;
                    }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div span,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div span,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div span {
                            display: inline;
                            margin-left: 0.1428571429rem;
                        }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div select,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div select,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input div select {
                            width: 100%;
                            margin-top: 0.4285714286rem;
                        }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm {
                        margin: 1.4285714286rem 0 0;
                    }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm div,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm div,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm div {
                            display: inline-block;
                            width: 48.5915492958%;
                        }

                            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm div.form-pd-left,
                            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm div.form-pd-left,
                            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm div.form-pd-left {
                                float: left;
                            }

                            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm div.form-pd-right,
                            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm div.form-pd-right,
                            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-input.asymm div.form-pd-right {
                                float: right;
                            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-opt,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-opt,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd .form-pd-opt {
                    margin-left: 0;
                    margin-top: 1.0714285714rem;
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd a.check-online-ns,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd a.check-online-ns,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd a.check-online-ns {
                    position: absolute;
                    right: 1.2857142857rem;
                    bottom: 1.4285714286rem;
                    line-height: 1.3333333333rem;
                }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add {
                padding: 1.4285714286rem 1.2857142857rem 1.7857142857rem;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add .form-add-text,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add .form-add-text,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add .form-add-text {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add textarea,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add textarea,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add textarea {
                    margin-top: 1.0714285714rem;
                    margin-bottom: 1.4285714286rem;
                    height: 5rem;
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add hr,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add hr,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add hr {
                    display: block;
                    margin: 0 -1.2857142857rem 1.7857142857rem;
                    border-bottom-color: rgba(150, 150, 150, 0.5);
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add button,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add button,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-add button {
                    width: 20.2857142857rem;
                    height: 3.2142857143rem;
                    line-height: 3.2142857143rem;
                }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload > h3,
        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload > h3,
        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload > h3 {
            font-size: 1rem;
            line-height: 1.2857142857rem;
            margin-bottom: 1.0714285714rem;
        }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form,
        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form,
        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form {
            border: 0;
            margin: 0 -1.2857142857rem;
        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-heaer,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-heaer,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-heaer {
                height: 3.4285714286rem;
                line-height: 3.4285714286rem;
                padding-left: 1.2857142857rem;
            }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper {
                height: auto;
                padding: 1.7857142857rem 1.2857142857rem;
                border-bottom: 1px solid rgba(150, 150, 150, 0.5);
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone {
                    float: none;
                    margin-left: 0;
                    width: 100%;
                    height: 11.7857142857rem;
                }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .hint .inner img,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .hint .inner img,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .dropzone .hint .inner img {
                        width: 2.8571428571rem;
                        height: 2.8571428571rem;
                    }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right {
                    float: none;
                    width: 100%;
                    height: auto;
                    margin-right: 0;
                }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right > .text,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right > .text,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right > .text {
                        margin: 1.0714285714rem 0;
                    }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.ok, section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.error,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.ok,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.error,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.ok,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .status.error {
                        margin-top: 0;
                        margin-bottom: 1.0714285714rem;
                    }

                    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control,
                    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control,
                    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control {
                        position: relative;
                        top: inherit;
                    }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control button,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control button,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control button {
                            width: 100%;
                            height: 3.2142857143rem;
                        }

                        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control a,
                        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control a,
                        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control a {
                            display: block;
                            line-height: 1.2857142857rem;
                            float: none;
                            margin-top: 1.0714285714rem;
                        }

            section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add,
            section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add,
            section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add {
                padding: 1.4285714286rem 1.2857142857rem 1.7857142857rem;
            }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add .form-add-text,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add .form-add-text,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add .form-add-text {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add textarea,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add textarea,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add textarea {
                    margin-top: 1.0714285714rem;
                    margin-bottom: 1.4285714286rem;
                    height: 5rem;
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add hr,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add hr,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add hr {
                    display: block;
                    margin: 0 -1.2857142857rem 1.7857142857rem;
                    border-bottom-color: rgba(150, 150, 150, 0.5);
                }

                section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add button,
                section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add button,
                section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .form-add button {
                    width: 20.2857142857rem;
                    height: 3.2142857143rem;
                    line-height: 3.2142857143rem;
                }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option,
        section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option,
        section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option {
            float: none;
            width: 100%;
            height: 24rem;
            margin-left: 0;
        }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label,
            section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label,
            section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label {
                padding: 1.0714285714rem;
            }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label h4,
                section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label h4,
                section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label h4 {
                    margin-bottom: 1.2857142857rem;
                }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .image,
                section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .image,
                section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .image {
                    -webkit-transform: translateX(-100%) rotate(-90deg);
                    -moz-transform: translateX(-100%) rotate(-90deg);
                    -ms-transform: translateX(-100%) rotate(-90deg);
                    -o-transform: translateX(-100%) rotate(-90deg);
                    transform: translateX(-100%) rotate(-90deg);
                    -webkit-transform-origin: 100% 0;
                    -moz-transform-origin: 100% 0;
                    -ms-transform-origin: 100% 0;
                    -o-transform-origin: 100% 0;
                    transform-origin: 100% 0;
                    position: absolute;
                    margin: 0;
                    left: 1.2142857143rem;
                    width: 10.3571428571rem;
                    height: 2.8571428571rem;
                }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description,
                section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .description,
                section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .description {
                    margin-top: -0.2142857143rem;
                }

                    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description ul,
                    section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul,
                    section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul {
                        padding-left: 0;
                        margin-left: 4.9285714286rem;
                    }

                        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description ul li,
                        section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul li,
                        section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul li {
                            font-size: 1rem;
                            line-height: 1.2142857143rem;
                        }

                            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description ul li::before,
                            section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul li::before,
                            section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul li::before {
                                top: 0.5714285714rem;
                                left: -0.7857142857rem;
                            }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price,
                section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .price,
                section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .price {
                    left: 6.2857142857rem;
                    bottom: 1.0714285714rem;
                }

                    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price .actual,
                    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price .was,
                    section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .price .actual,
                    section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .price .was,
                    section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .price .actual,
                    section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .price .was {
                        font-size: 1rem;
                        line-height: 1.2142857143rem;
                        display: inline-block;
                    }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .discount,
                section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .discount,
                section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .discount {
                    font-size: 1rem;
                    line-height: 1.2142857143rem;
                    right: auto;
                    left: 1.1428571429rem;
                    bottom: 1.0714285714rem;
                    width: 3.0714285714rem;
                    height: 3.0714285714rem;
                    border-radius: 1.5357142857rem;
                }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .extra-discount,
                section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .extra-discount,
                section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .extra-discount {
                    font-size: 1rem;
                    line-height: 1.2142857143rem;
                    left: 6.2857142857rem;
                    bottom: 2.5714285714rem;
                }

        section#add-lens #add-lens-sections section.lens-color,
        section#add-lens.five-steps #add-lens-sections section.lens-color,
        section#add-lens.four-steps #add-lens-sections section.lens-color {
            margin-bottom: 0.3571428571rem;
        }

            section#add-lens #add-lens-sections section.lens-color .option-list > .option,
            section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option,
            section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option {
                min-height: 0;
                width: 48.5915492958%;
                padding-top: 48.5915492958%;
                margin-bottom: 0.7142857143rem;
                margin-left: 0;
            }

                section#add-lens #add-lens-sections section.lens-color .option-list > .option:nth-of-type(2n),
                section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option:nth-of-type(2n),
                section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option:nth-of-type(2n) {
                    float: right;
                }

                section#add-lens #add-lens-sections section.lens-color .option-list > .option:nth-of-type(2n+1),
                section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option:nth-of-type(2n+1),
                section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option:nth-of-type(2n+1) {
                    float: left;
                    clear: both;
                }

                section#add-lens #add-lens-sections section.lens-color .option-list > .option label,
                section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option label,
                section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option label {
                    padding: 1.6428571429rem 0 0;
                }

                    section#add-lens #add-lens-sections section.lens-color .option-list > .option label .more,
                    section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option label .more,
                    section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option label .more {
                        width: 1.4285714286rem;
                        height: 1.4285714286rem;
                    }

                    section#add-lens #add-lens-sections section.lens-color .option-list > .option label .color,
                    section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option label .color,
                    section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option label .color {
                        width: auto;
                        height: calc(100% - 3.5714285714rem);
                    }

                    section#add-lens #add-lens-sections section.lens-color .option-list > .option label .lower,
                    section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option label .lower,
                    section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option label .lower {
                        padding: 0 0.8571428571rem;
                        bottom: 0.8571428571rem;
                    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    section#add-lens .container.show-add-to-cart #add-lens-summary,
    section#add-lens.five-steps .container.show-add-to-cart #add-lens-summary,
    section#add-lens.four-steps .container.show-add-to-cart #add-lens-summary {
        padding-bottom: 6.3333333333rem;
    }

        section#add-lens .container.show-add-to-cart #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper,
        section#add-lens.five-steps .container.show-add-to-cart #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper,
        section#add-lens.four-steps .container.show-add-to-cart #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper {
            height: 6.3333333333rem;
        }

            section#add-lens .container.show-add-to-cart #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price,
            section#add-lens.five-steps .container.show-add-to-cart #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price,
            section#add-lens.four-steps .container.show-add-to-cart #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price {
                margin-right: 51.1363636364%;
            }

    section#add-lens #add-lens-guide,
    section#add-lens.five-steps #add-lens-guide,
    section#add-lens.four-steps #add-lens-guide {
        padding: 2rem 2.1333333333rem 4.3333333333rem;
        max-width: 60rem;
        margin: auto;
    }

    section#add-lens #add-lens-summary,
    section#add-lens.five-steps #add-lens-summary,
    section#add-lens.four-steps #add-lens-summary {
        padding: 5.3333333333rem 2.1333333333rem 6.3333333333rem;
    }

        section#add-lens #add-lens-summary > h6,
        section#add-lens.five-steps #add-lens-summary > h6,
        section#add-lens.four-steps #add-lens-summary > h6 {
            font-size: 1.2rem;
            line-height: 1.5333333333rem;
            padding: 1.8rem 2.1333333333rem;
        }

            section#add-lens #add-lens-summary > h6::after,
            section#add-lens.five-steps #add-lens-summary > h6::after,
            section#add-lens.four-steps #add-lens-summary > h6::after {
                width: 1.2rem;
                height: 1.2rem;
                right: 2.1333333333rem;
                top: 2.0666666667rem;
            }

        section#add-lens #add-lens-summary > div.frame,
        section#add-lens.five-steps #add-lens-summary > div.frame,
        section#add-lens.four-steps #add-lens-summary > div.frame {
            margin-top: 0.5333333333rem;
            margin-bottom: 2rem;
        }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .desc,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-promotional-offer .desc,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-promotional-offer .desc {
            padding-left: 0.6666666667rem;
        }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-promotional-offer .price,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-promotional-offer .price,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-promotional-offer .price {
            padding-right: 0.6666666667rem;
        }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper {
            height: 6.3333333333rem;
        }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal,
            section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal,
            section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal {
                font-size: 1.3333333333rem;
                line-height: 1.7333333333rem;
                padding: 0 2.1333333333rem;
            }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc,
                section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc,
                section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc {
                    padding: 2.3333333333rem 0;
                    display: inline-block;
                    padding-left: 0;
                }

                    section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc span,
                    section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc span,
                    section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .desc span {
                        font-size: 1.3333333333rem;
                        line-height: 1.7333333333rem;
                    }

                section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price,
                section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price,
                section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price {
                    display: inline-block;
                    float: right;
                    padding: 2.3333333333rem 0;
                    padding-right: 0;
                    text-align: right;
                }

                    section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price .quantity,
                    section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price .quantity,
                    section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper #add-lens-pricing-subtotal .price .quantity {
                        font-size: 1.3333333333rem;
                        line-height: 1.7333333333rem;
                    }

            section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout,
            section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout,
            section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-wrapper > button.checkout {
                position: absolute;
                bottom: 1.6666666667rem;
                width: 40.3409090909%;
                left: auto;
                right: 2.1333333333rem;
                height: 3rem;
                line-height: 3rem;
                margin: 0;
            }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .desc {
            padding-bottom: 1rem;
            padding-left: 0.6666666667rem;
        }

        section#add-lens #add-lens-summary > div.pricing-table #add-lens-pricing-basic .price,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .price,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table #add-lens-pricing-basic .price {
            padding-right: 0.6666666667rem;
            padding-top: 0.2rem;
        }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .desc,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table .pricing-item .desc,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table .pricing-item .desc {
            padding-left: 0.6666666667rem;
        }

        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .price,
        section#add-lens #add-lens-summary > div.pricing-table .pricing-item .info,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table .pricing-item .price,
        section#add-lens.five-steps #add-lens-summary > div.pricing-table .pricing-item .info,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table .pricing-item .price,
        section#add-lens.four-steps #add-lens-summary > div.pricing-table .pricing-item .info {
            padding-right: 0.6666666667rem;
        }

    section#add-lens #add-lens-bar-ns,
    section#add-lens.five-steps #add-lens-bar-ns,
    section#add-lens.four-steps #add-lens-bar-ns {
        line-height: 4rem;
        height: 4rem;
        padding-left: 2.1333333333rem;
    }

        section#add-lens #add-lens-bar-ns::after,
        section#add-lens.five-steps #add-lens-bar-ns::after,
        section#add-lens.four-steps #add-lens-bar-ns::after {
            right: 2.1333333333rem;
            top: 1.4rem;
            height: 1.2rem;
            width: 1.2rem;
        }

    section#add-lens #add-lens-steps,
    section#add-lens.five-steps #add-lens-steps,
    section#add-lens.four-steps #add-lens-steps {
        margin-bottom: 2.3333333333rem;
    }

        section#add-lens #add-lens-steps .back-btn-ns,
        section#add-lens #add-lens-steps .next-btn-ns,
        section#add-lens.five-steps #add-lens-steps .back-btn-ns,
        section#add-lens.five-steps #add-lens-steps .next-btn-ns,
        section#add-lens.four-steps #add-lens-steps .back-btn-ns,
        section#add-lens.four-steps #add-lens-steps .next-btn-ns {
            top: 0.4rem;
        }

        section#add-lens #add-lens-steps .back-btn-ns,
        section#add-lens.five-steps #add-lens-steps .back-btn-ns,
        section#add-lens.four-steps #add-lens-steps .back-btn-ns {
            left: 25.5681818182%;
        }

        section#add-lens #add-lens-steps .next-btn-ns,
        section#add-lens.five-steps #add-lens-steps .next-btn-ns,
        section#add-lens.four-steps #add-lens-steps .next-btn-ns {
            right: 25.5681818182%;
        }

        section#add-lens #add-lens-steps ul,
        section#add-lens.five-steps #add-lens-steps ul,
        section#add-lens.four-steps #add-lens-steps ul {
            height: 2rem;
        }

        section#add-lens #add-lens-steps li.lens-type div.icon,
        section#add-lens #add-lens-steps li.lens-function div.icon,
        section#add-lens #add-lens-steps li.lens-prescription div.icon,
        section#add-lens #add-lens-steps li.lens-thickness div.icon,
        section#add-lens #add-lens-steps li.lens-color div.icon,
        section#add-lens.five-steps #add-lens-steps li.lens-type div.icon,
        section#add-lens.five-steps #add-lens-steps li.lens-function div.icon,
        section#add-lens.five-steps #add-lens-steps li.lens-prescription div.icon,
        section#add-lens.five-steps #add-lens-steps li.lens-thickness div.icon,
        section#add-lens.five-steps #add-lens-steps li.lens-color div.icon,
        section#add-lens.four-steps #add-lens-steps li.lens-type div.icon,
        section#add-lens.four-steps #add-lens-steps li.lens-function div.icon,
        section#add-lens.four-steps #add-lens-steps li.lens-prescription div.icon,
        section#add-lens.four-steps #add-lens-steps li.lens-thickness div.icon,
        section#add-lens.four-steps #add-lens-steps li.lens-color div.icon {
            width: 1.8666666667rem;
            height: 1.8666666667rem;
            border-radius: 0.9333333333rem;
        }

            section#add-lens #add-lens-steps li.lens-type div.icon .stage-number,
            section#add-lens #add-lens-steps li.lens-function div.icon .stage-number,
            section#add-lens #add-lens-steps li.lens-prescription div.icon .stage-number,
            section#add-lens #add-lens-steps li.lens-thickness div.icon .stage-number,
            section#add-lens #add-lens-steps li.lens-color div.icon .stage-number,
            section#add-lens.five-steps #add-lens-steps li.lens-type div.icon .stage-number,
            section#add-lens.five-steps #add-lens-steps li.lens-function div.icon .stage-number,
            section#add-lens.five-steps #add-lens-steps li.lens-prescription div.icon .stage-number,
            section#add-lens.five-steps #add-lens-steps li.lens-thickness div.icon .stage-number,
            section#add-lens.five-steps #add-lens-steps li.lens-color div.icon .stage-number,
            section#add-lens.four-steps #add-lens-steps li.lens-type div.icon .stage-number,
            section#add-lens.four-steps #add-lens-steps li.lens-function div.icon .stage-number,
            section#add-lens.four-steps #add-lens-steps li.lens-prescription div.icon .stage-number,
            section#add-lens.four-steps #add-lens-steps li.lens-thickness div.icon .stage-number,
            section#add-lens.four-steps #add-lens-steps li.lens-color div.icon .stage-number {
                font-size: 1.3333333333rem;
                line-height: 1.8666666667rem;
            }

        section#add-lens #add-lens-steps li.lens-type div.text,
        section#add-lens #add-lens-steps li.lens-function div.text,
        section#add-lens #add-lens-steps li.lens-prescription div.text,
        section#add-lens #add-lens-steps li.lens-thickness div.text,
        section#add-lens #add-lens-steps li.lens-color div.text,
        section#add-lens.five-steps #add-lens-steps li.lens-type div.text,
        section#add-lens.five-steps #add-lens-steps li.lens-function div.text,
        section#add-lens.five-steps #add-lens-steps li.lens-prescription div.text,
        section#add-lens.five-steps #add-lens-steps li.lens-thickness div.text,
        section#add-lens.five-steps #add-lens-steps li.lens-color div.text,
        section#add-lens.four-steps #add-lens-steps li.lens-type div.text,
        section#add-lens.four-steps #add-lens-steps li.lens-function div.text,
        section#add-lens.four-steps #add-lens-steps li.lens-prescription div.text,
        section#add-lens.four-steps #add-lens-steps li.lens-thickness div.text,
        section#add-lens.four-steps #add-lens-steps li.lens-color div.text {
            margin-left: 0.4rem;
        }

        section#add-lens #add-lens-steps li.lens-type.enabled:hover div.icon::before,
        section#add-lens #add-lens-steps li.lens-function.enabled:hover div.icon::before,
        section#add-lens #add-lens-steps li.lens-prescription.enabled:hover div.icon::before,
        section#add-lens #add-lens-steps li.lens-thickness.enabled:hover div.icon::before,
        section#add-lens #add-lens-steps li.lens-color.enabled:hover div.icon::before,
        section#add-lens.five-steps #add-lens-steps li.lens-type.enabled:hover div.icon::before,
        section#add-lens.five-steps #add-lens-steps li.lens-function.enabled:hover div.icon::before,
        section#add-lens.five-steps #add-lens-steps li.lens-prescription.enabled:hover div.icon::before,
        section#add-lens.five-steps #add-lens-steps li.lens-thickness.enabled:hover div.icon::before,
        section#add-lens.five-steps #add-lens-steps li.lens-color.enabled:hover div.icon::before,
        section#add-lens.four-steps #add-lens-steps li.lens-type.enabled:hover div.icon::before,
        section#add-lens.four-steps #add-lens-steps li.lens-function.enabled:hover div.icon::before,
        section#add-lens.four-steps #add-lens-steps li.lens-prescription.enabled:hover div.icon::before,
        section#add-lens.four-steps #add-lens-steps li.lens-thickness.enabled:hover div.icon::before,
        section#add-lens.four-steps #add-lens-steps li.lens-color.enabled:hover div.icon::before {
            width: 1.3333333333rem;
            height: 1.3333333333rem;
            border-radius: 0.6666666667rem;
        }

    section#add-lens #add-lens-sections,
    section#add-lens.five-steps #add-lens-sections,
    section#add-lens.four-steps #add-lens-sections {
        padding: 0;
    }

        section#add-lens #add-lens-sections > section .option-list > .option,
        section#add-lens.five-steps #add-lens-sections > section .option-list > .option,
        section#add-lens.four-steps #add-lens-sections > section .option-list > .option {
            width: 48.8636363636%;
        }

            section#add-lens #add-lens-sections > section .option-list > .option label h4,
            section#add-lens.five-steps #add-lens-sections > section .option-list > .option label h4,
            section#add-lens.four-steps #add-lens-sections > section .option-list > .option label h4 {
                margin-bottom: 0.4rem;
            }

        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form,
        section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form,
        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form,
        section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form,
        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form,
        section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form {
            margin-bottom: 1.3333333333rem;
        }
}

@media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 740px) {
    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd > a,
    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd > a,
    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-online .form .form-pd > a {
        position: static;
        display: block;
        clear: both;
        padding-left: 1.6666666667rem;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    section#add-lens #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control a,
    section#add-lens.five-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control a,
    section#add-lens.four-steps #add-lens-sections section.lens-prescription-subform#lens-prescription-subform-upload .form .upper .right .control a {
        float: none;
    }

    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option,
    section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option,
    section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option {
        height: 24.5333333333rem;
        margin-left: 0;
    }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option:nth-of-type(2n + 1),
        section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option:nth-of-type(2n + 1),
        section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option:nth-of-type(2n + 1) {
            clear: both;
            float: left;
        }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option:nth-of-type(2n),
        section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option:nth-of-type(2n),
        section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option:nth-of-type(2n) {
            float: right;
        }

        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label,
        section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label,
        section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label {
            padding: 0.8666666667rem 1.1333333333rem 1rem;
        }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label h4,
            section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label h4,
            section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label h4 {
                margin-bottom: 1.2rem;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .image,
            section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .image,
            section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .image {
                -webkit-transform: translateX(-100%) rotate(-90deg);
                -moz-transform: translateX(-100%) rotate(-90deg);
                -ms-transform: translateX(-100%) rotate(-90deg);
                -o-transform: translateX(-100%) rotate(-90deg);
                transform: translateX(-100%) rotate(-90deg);
                -webkit-transform-origin: 100% 0;
                -moz-transform-origin: 100% 0;
                -ms-transform-origin: 100% 0;
                -o-transform-origin: 100% 0;
                transform-origin: 100% 0;
                position: absolute;
                margin: 0;
                left: 1.1333333333rem;
                width: 9.6666666667rem;
                height: 2.6666666667rem;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description,
            section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .description,
            section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .description {
                margin-top: -0.2rem;
            }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description ul,
                section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul,
                section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul {
                    padding-left: 0;
                    margin-left: 4.7857142857rem;
                }

                    section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description ul li,
                    section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul li,
                    section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul li {
                        font-size: 0.9333333333rem;
                        line-height: 1.2rem;
                    }

                        section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .description ul li::before,
                        section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul li::before,
                        section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .description ul li::before {
                            top: 0.5714285714rem;
                            left: -0.7857142857rem;
                        }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price,
            section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .price,
            section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .price {
                left: 5.8666666667rem;
                bottom: 1rem;
            }

                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price .actual,
                section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .price .was,
                section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .price .actual,
                section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .price .was,
                section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .price .actual,
                section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .price .was {
                    font-size: 0.9333333333rem;
                    line-height: 1.2rem;
                    display: inline-block;
                }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .discount,
            section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .discount,
            section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .discount {
                font-size: 0.9333333333rem;
                line-height: 1.2rem;
                right: auto;
                left: 1.0666666667rem;
                bottom: 1rem;
                width: 2.8666666667rem;
                height: 2.8666666667rem;
                border-radius: 1.4333333333rem;
            }

            section#add-lens #add-lens-sections section.lens-thickness .option-list > .option label .extra-discount,
            section#add-lens.five-steps #add-lens-sections section.lens-thickness .option-list > .option label .extra-discount,
            section#add-lens.four-steps #add-lens-sections section.lens-thickness .option-list > .option label .extra-discount {
                font-size: 0.9333333333rem;
                line-height: 1.2rem;
                left: 5.8666666667rem;
                bottom: 2.4rem;
            }

    section#add-lens #add-lens-sections section.lens-color .option-list > .option,
    section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option,
    section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option {
        width: 23.4375%;
        padding-top: 23.4375%;
        margin-left: 2.1306818182%;
    }

        section#add-lens #add-lens-sections section.lens-color .option-list > .option:nth-of-type(4n),
        section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option:nth-of-type(4n),
        section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option:nth-of-type(4n) {
            float: right;
            margin-left: 0;
        }

        section#add-lens #add-lens-sections section.lens-color .option-list > .option:nth-of-type(4n+1),
        section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option:nth-of-type(4n+1),
        section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option:nth-of-type(4n+1) {
            clear: both;
            margin-left: 0;
        }

        section#add-lens #add-lens-sections section.lens-color .option-list > .option label,
        section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option label,
        section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option label {
            padding: 1.6666666667rem 0 0;
        }

            section#add-lens #add-lens-sections section.lens-color .option-list > .option label .color,
            section#add-lens.five-steps #add-lens-sections section.lens-color .option-list > .option label .color,
            section#add-lens.four-steps #add-lens-sections section.lens-color .option-list > .option label .color {
                width: auto;
                height: calc(100% - 4rem);
            }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-13 17:47:09
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-30 17:01:19
*/
#my-favourites {
    padding-top: 3.3333333333rem;
}

    #my-favourites > h2 {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1rem;
        line-height: 1.3333333333rem;
        margin-bottom: 0.5333333333rem;
        letter-spacing: 1px;
    }

        #my-favourites > h2 span {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        }

    #my-favourites > hr {
        display: block;
        width: 100%;
        border-bottom-color: #B4B4B4;
        margin: 0 0 2rem;
        max-width: 100%;
    }

    #my-favourites #my-favourites-controls {
        padding: 0.6666666667rem 0 4rem;
    }

        #my-favourites #my-favourites-controls a {
            display: inline-block;
            position: relative;
            padding-left: 1.8666666667rem;
        }

            #my-favourites #my-favourites-controls a span {
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

            #my-favourites #my-favourites-controls a img {
                position: absolute;
                top: 0.1333333333rem;
                left: 0;
                width: 1.0666666667rem;
                height: 1.0666666667rem;
            }

    #my-favourites .glasses-list {
        display: block;
    }

        #my-favourites .glasses-list:after {
            display: block;
            content: "";
            clear: both;
        }

        #my-favourites .glasses-list .frame-card {
            width: 24.0677966102%;
            margin-bottom: 1.2711864407%;
        }

            #my-favourites .glasses-list .frame-card:nth-child(4n+1) {
                clear: both;
            }

            #my-favourites .glasses-list .frame-card:nth-child(4n+1), #my-favourites .glasses-list .frame-card:nth-child(4n+2) {
                margin-right: 1.2711864407%;
            }

            #my-favourites .glasses-list .frame-card:nth-child(4n) {
                margin-right: 0;
                float: right;
            }

@media (max-width: 639px) {
    #my-favourites {
        padding: 0;
    }

        #my-favourites > h2 {
            font-size: 1rem;
            line-height: 1.2857142857rem;
            margin-bottom: 0;
            padding: 1.0714285714rem 1.2857142857rem;
            text-align: center;
        }

        #my-favourites > hr {
            margin-bottom: 0;
            border-bottom-color: rgba(150, 150, 150, 0.5);
        }

        #my-favourites #my-favourites-controls {
            padding: 1.0714285714rem 0;
            text-align: center;
            border-bottom: 1px solid rgba(150, 150, 150, 0.5);
        }

            #my-favourites #my-favourites-controls a {
                padding-left: 1.6428571429rem;
            }

                #my-favourites #my-favourites-controls a img {
                    top: 0;
                    width: 1.2857142857rem;
                    height: 1.2857142857rem;
                }

        #my-favourites .glasses-list .frame-card {
            width: 100%;
        }

            #my-favourites .glasses-list .frame-card:nth-child(n) {
                margin: 0;
            }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #my-favourites {
        padding-top: 1.6666666667rem;
    }

        #my-favourites > h2 {
            text-align: center;
            margin-bottom: 1.6666666667rem;
        }

        #my-favourites > hr {
            display: none;
        }

        #my-favourites #my-favourites-controls {
            padding: 1rem 0 5.3333333333rem;
        }

        #my-favourites .glasses-list .frame-card {
            width: 31.8181818182%;
            margin-bottom: 2.2727272727%;
        }

            #my-favourites .glasses-list .frame-card:nth-child(n) {
                float: left;
                clear: none;
                margin-right: 0;
            }

            #my-favourites .glasses-list .frame-card:nth-child(3n+1) {
                clear: both;
                margin-right: 2.1306818182%;
            }

            #my-favourites .glasses-list .frame-card:nth-child(3n) {
                float: right;
            }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-12 16:58:32
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 22:17:47
*/
#brand-index-list {
    display: block;
    margin-top: 3.3333333333rem;
    background-color: #F5F5F5;
}

    #brand-index-list ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        #brand-index-list ul li {
            font-size: 1.3333333333rem;
            line-height: 4.4rem;
            display: inline-block;
            margin-left: 1.8666666667rem;
        }

            #brand-index-list ul li:first-child {
                margin-left: 0;
            }

            #brand-index-list ul li span {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                font-size: 1.3333333333rem;
                line-height: 1.7333333333rem;
                color: #D8D8D8;
                -webkit-text-stroke: rgba(216, 216, 216, 0.1);
                letter-spacing: 1px;
            }

            #brand-index-list ul li.exist span {
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

            #brand-index-list ul li.exist a:hover {
                color: #000000;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

                #brand-index-list ul li.exist a:hover span {
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

#brand-detail-list {
    margin-top: 3.3333333333rem;
    padding-left: 3.1355932203%;
}

    #brand-detail-list .brand-column {
        display: inline-block;
        width: 17.6271186441%;
        vertical-align: top;
        margin-left: 7.5423728814%;
    }

        #brand-detail-list .brand-column:first-child {
            margin-left: 0;
        }

        #brand-detail-list .brand-column .brand-group {
            margin-bottom: 3.3333333333rem;
        }

            #brand-detail-list .brand-column .brand-group h2 {
                font-size: 2.3333333333rem;
                line-height: 3rem;
                font-family: "ratiomodern",sans-serif;
                font-weight: 400;
                font-style: normal;
                padding-bottom: 1px;
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                border-bottom: #B4B4B4 1px solid;
                margin-bottom: 1rem;
            }

                #brand-detail-list .brand-column .brand-group h2.active {
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

            #brand-detail-list .brand-column .brand-group ul li {
                font-size: 1rem;
                line-height: 1.8666666667rem;
            }

                #brand-detail-list .brand-column .brand-group ul li a {
                    font-size: 1rem;
                    line-height: 1.8666666667rem;
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

                    #brand-detail-list .brand-column .brand-group ul li a:hover {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                    }

@media (max-width: 639px) {
    #brand-list #brand-index-list {
        margin: 0 -1.2857142857rem;
    }

        #brand-list #brand-index-list ul {
            padding: 0.6071428571rem 0.2857142857rem;
            text-align: left;
        }

            #brand-list #brand-index-list ul li {
                font-size: 1.2857142857rem;
                line-height: 2.5714285714rem;
                margin-left: 0;
                text-align: center;
                width: 14.2857142857%;
            }

    #brand-list #brand-detail-list {
        margin-top: 0;
        padding: 2.1428571429rem 0;
    }

        #brand-list #brand-detail-list .brand-column {
            width: 100%;
            margin-left: 0;
        }

            #brand-list #brand-detail-list .brand-column .brand-group {
                margin-bottom: 1.4285714286rem;
            }

                #brand-list #brand-detail-list .brand-column .brand-group h2 {
                    font-size: 1.5714285714rem;
                    line-height: 2rem;
                    padding-bottom: 0.3571428571rem;
                    margin-bottom: 0.7142857143rem;
                }

                #brand-list #brand-detail-list .brand-column .brand-group ul li {
                    font-size: 1rem;
                    line-height: 2.5rem;
                }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #brand-index-list {
        margin-top: 1.6666666667rem;
    }

        #brand-index-list ul {
            padding: 0.5rem 1.5333333333rem;
        }

            #brand-index-list ul li {
                font-size: 1.3333333333rem;
                line-height: 2.7333333333rem;
                margin-left: 0;
                text-align: center;
                width: 6.25%;
            }

    #brand-detail-list {
        padding-left: 0.5333333333rem;
        padding-bottom: 2rem;
    }

        #brand-detail-list .brand-column {
            width: 29.5454545455%;
            margin-left: 4.5454545455%;
        }

            #brand-detail-list .brand-column .brand-group h2 {
                font-size: 1.6666666667rem;
                line-height: 2.1333333333rem;
                padding-bottom: 0.2666666667rem;
            }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-17 17:16:34
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-11-11 18:10:01
*/
#shopping-cart {
    padding: 0;
}

    #shopping-cart::after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 29.609375%;
        height: 100%;
        background-color: #F5F5F5;
        content: "";
        z-index: 10;
    }

    #shopping-cart #shopping-cart-inner {
        position: relative;
    }

        #shopping-cart #shopping-cart-inner:after {
            display: block;
            content: "";
            clear: both;
        }

        #shopping-cart #shopping-cart-inner #cart-details {
            position: relative;
            z-index: 11;
            width: 70.390625%;
            float: left;
            padding: 3.3333333333rem 2.9333333333rem 3.3333333333rem 3.2666666667rem;
        }

            #shopping-cart #shopping-cart-inner #cart-details .callout {
                border-width: 0;
            }

            #shopping-cart #shopping-cart-inner #cart-details > h2 {
                font-size: 1rem;
                line-height: 1.3333333333rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                letter-spacing: 1px;
                margin-bottom: 0.5333333333rem;
            }

                #shopping-cart #shopping-cart-inner #cart-details > h2 .cart-item-count {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                }

            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-controls {
                padding: 1.6666666667rem 0;
            }

                #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-controls a {
                    display: inline-block;
                    position: relative;
                    padding-left: 1.8666666667rem;
                }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-controls a span {
                        color: #000000;
                        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                    }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-controls a img {
                        position: absolute;
                        top: 0.1333333333rem;
                        left: 0;
                        width: 1.0666666667rem;
                        height: 1.0666666667rem;
                    }

            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table {
                display: table;
                width: 100%;
                border-bottom: rgba(180, 180, 180, 0.5) 1px solid;
            }

                #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table:after {
                    display: block;
                    content: "";
                    clear: both;
                }

                #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header {
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    display: table-row;
                    height: 2rem;
                    line-height: 2rem;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header:after {
                        display: block;
                        content: "";
                        clear: both;
                    }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header > div.cart-item-header-cell {
                        border-top: #B4B4B4 1px solid;
                        border-bottom: #B4B4B4 1px solid;
                        display: table-cell;
                        height: 2rem;
                        line-height: 2rem;
                        vertical-align: middle;
                    }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header > div.cart-item-header-cell.cart-item-header-image {
                            padding-right: 0.8674101611%;
                            width: 26.8897149938%;
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header > div.cart-item-header-cell.cart-item-header-info {
                            padding-left: 0.8674101611%;
                            padding-right: 0.8674101611%;
                            width: 27.7571251549%;
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header > div.cart-item-header-cell.cart-item-header-lens {
                            padding-left: 0.8674101611%;
                            padding-right: 0.8674101611%;
                            width: 27.7571251549%;
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header > div.cart-item-header-cell.cart-item-header-quantity {
                            padding-left: 0.8674101611%;
                            width: 9.2936802974%;
                            padding-right: 0.8674101611%;
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header > div.cart-item-header-cell.cart-item-header-price {
                            padding-left: 0.8674101611%;
                        }

                #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row {
                    display: table-row;
                    width: 100%;
                }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row:after {
                        display: block;
                        content: "";
                        clear: both;
                    }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell {
                        display: table-cell;
                        padding: 1.6666666667rem 0 2.6666666667rem;
                        vertical-align: middle;
                        border-top: rgba(180, 180, 180, 0.5) 1px solid;
                    }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-image {
                            padding-right: 0.8674101611%;
                            width: 26.8897149938%;
                        }

                            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-image a.cart-item-image {
                                display: inline-block;
                            }

                                #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-image a.cart-item-image img {
                                    width: 100%;
                                }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info {
                            padding-left: 0.8674101611%;
                            padding-right: 0.8674101611%;
                            width: 27.7571251549%;
                            vertical-align: top;
                            padding-top: 2.6666666667rem;
                        }

                            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-brand {
                                font-size: 1.3333333333rem;
                                line-height: 1.7333333333rem;
                                font-family: "ratiomodern",sans-serif;
                                font-weight: 400;
                                font-style: normal;
                                color: #272727;
                                -webkit-text-stroke: rgba(39, 39, 39, 0.1);
                                margin-bottom: 0.1333333333rem;
                            }

                            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-sku {
                                color: #969696;
                                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                                margin-bottom: 0.6rem;
                            }

                            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-control {
                                display: block;
                            }

                                #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-control ul li {
                                    display: inline-block;
                                    color: #969696;
                                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                                    vertical-align: middle;
                                }

                                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-control ul li.sep {
                                        background-color: #B4B4B4;
                                        width: 1px;
                                        height: 1.2rem;
                                        margin: 0 0.5333333333rem;
                                    }

                                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-control ul li a {
                                        font-size: 1rem;
                                        line-height: 1.3333333333rem;
                                        color: #969696;
                                        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                                    }

                                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-control ul li a:hover {
                                            font-weight: 500;
                                            color: #000000;
                                            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-lens {
                            padding-left: 0.8674101611%;
                            padding-right: 0.8674101611%;
                            width: 27.7571251549%;
                            vertical-align: top;
                            padding-top: 2.9333333333rem;
                        }

                            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-lens .title {
                                font-family: "futura-pt",sans-serif;
                                font-weight: 500;
                                font-style: normal;
                                font-size: 1rem;
                                line-height: 1.2rem;
                            }

                            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-lens .view-detail {
                                font-size: 1rem;
                                line-height: 1.2rem;
                                color: #969696;
                                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                                text-decoration: underline;
                            }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-quantity {
                            padding-left: 0.8674101611%;
                            padding-right: 0.8674101611%;
                            width: 9.2936802974%;
                            vertical-align: top;
                            padding-top: 2.9333333333rem;
                        }

                            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-quantity span {
                                font-family: "futura-pt",sans-serif;
                                font-weight: 500;
                                font-style: normal;
                                letter-spacing: 1px;
                            }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-price {
                            padding-left: 0.8674101611%;
                            vertical-align: top;
                            padding-top: 2.9333333333rem;
                        }

                            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-price span {
                                font-family: "futura-pt",sans-serif;
                                font-weight: 500;
                                font-style: normal;
                                letter-spacing: 1px;
                            }

                #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header + div.shopping-cart-data-row .cart-item-row-cell {
                    border-top-width: 0;
                }

@media (max-width: 639px) {
    #shopping-cart::after {
        content: none;
    }

    #shopping-cart #shopping-cart-inner #cart-details {
        min-height: calc(100vh - 14.9285714286rem);
        width: 100%;
        float: none;
        padding: 0;
    }

        #shopping-cart #shopping-cart-inner #cart-details > h2 {
            margin: 0;
            padding: 1.0714285714rem 1.2857142857rem;
            text-align: center;
            border-bottom: 0;
        }

        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-controls {
            display: none;
        }

        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table {
            display: block;
            margin-bottom: 0;
        }

            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header {
                display: none;
            }

            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row {
                display: block;
            }

                #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell {
                    display: block;
                    padding: 0;
                    border-top: 0;
                }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-image {
                        text-align: center;
                        position: relative;
                        border-top: 1px solid rgba(150, 150, 150, 0.5);
                        padding: 1.2857142857rem 2.2857142857rem 0;
                        width: 100%;
                    }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-image a.cart-item-remove {
                            position: absolute;
                            right: 1.2857142857rem;
                            top: 1.2857142857rem;
                            width: 1.1428571429rem;
                            right: 1.1428571429rem;
                        }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info {
                        padding: 0.7142857143rem 2.2857142857rem 1.0714285714rem;
                        width: 100%;
                    }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-brand {
                            margin-bottom: 0.2142857143rem;
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-sku {
                            margin-bottom: 0;
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-info .cart-item-quantity {
                            float: right;
                            margin-top: 0.2142857143rem;
                        }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-lens {
                        border-top: 1px solid rgba(150, 150, 150, 0.5);
                        padding: 1.4285714286rem 2.2857142857rem;
                        width: 100%;
                    }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-lens div:after {
                            display: block;
                            content: "";
                            clear: both;
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-lens div .sub-header {
                            color: #969696;
                            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-lens div .title {
                            float: left;
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-lens div .right {
                            float: right;
                        }

                    #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-price {
                        border-top: 1px solid rgba(150, 150, 150, 0.5);
                        padding: 1.0714285714rem 2.2857142857rem;
                        background-color: #F6F6F6;
                    }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-price a {
                            color: #969696;
                            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                            text-decoration: underline;
                        }

                        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table div.shopping-cart-data-row .cart-item-row-cell.cart-item-row-price span {
                            float: right;
                        }

            #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header + div.shopping-cart-data-row .cart-item-row-cell {
                border-top-width: 1px;
            }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #shopping-cart::after {
        content: none;
    }

    #shopping-cart #shopping-cart-inner #cart-details {
        min-height: calc(100vh - 14rem);
        width: 100%;
        float: none;
        padding: 0 2.1333333333rem;
    }

        #shopping-cart #shopping-cart-inner #cart-details > h2 {
            margin: 0;
            padding: 1.6666666667rem 0;
        }

        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-controls {
            padding: 1rem 0 5.3333333333rem;
        }

        #shopping-cart #shopping-cart-inner #cart-details #shopping-cart-table #shopping-cart-table-header {
            height: 2.6666666667rem;
            line-height: 2.6666666667rem;
        }
}

#shopping-cart #shopping-cart-inner #cart-details #promo-code-details {
    float: left;
    padding: 0;
    position: relative;
    margin: 0 auto;
    width: 100%;
    border: #B4B4B4 1px solid;
}

    #shopping-cart #shopping-cart-inner #cart-details #promo-code-details #option-desc {
        background-color: #FFFFFF; /*f9bda9*/
        height: 75px; /*100px*/
        text-align: center;
    }

    #shopping-cart #shopping-cart-inner #cart-details #promo-code-details h2 {
        font-size: 1rem;
        line-height: 1.3333333333rem;
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        padding-bottom: 0.5333333333rem;
        margin-bottom: 0;
        letter-spacing: 1px;
        border-bottom: #B4B4B4 1px solid;
        text-transform: uppercase;
    }

    #shopping-cart #shopping-cart-inner #cart-details #promo-code-details #promo-banner {
        float: left;
        vertical-align: middle;
        display: inline;
        cursor: pointer;
        border: 0;
    }

    #shopping-cart #shopping-cart-inner #cart-details #promo-code-details #promo {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        height: 32px;
        padding: 0 10px;
        width: 180px;
        box-shadow: none;
        display: inline;
        margin-left: 10px;
        margin-bottom: 8px;
    }

#shopping-cart #shopping-cart-inner #cart-details #apply {
    line-height: 28px;
    text-align: center;
    display: inline;
    padding: 2px 10px;
    cursor: pointer;
    background: #000;
    border: 0;
    color: #fff;
}

    #shopping-cart #shopping-cart-inner #cart-details #apply:hover {
        background: #ccc;
        color: #333;
    }

#shopping-cart #shopping-cart-inner #cart-details #promo-code-details #option-desc #msg {
    color: #000000;
    margin-bottom: 10px;
    font-size: medium;
}

#shopping-cart #shopping-cart-inner #cart-details #promo-code-details #option-desc > div {
    font-size: 0.5rem;
    line-height: 0.5rem;
    padding: 0 10px;
    color: #000000;
    display: block;
    width: 100%;
}

@media (max-width: 1279px) {
    #shopping-cart #shopping-cart-inner #cart-details #promo-code-details #option-desc {
        height: 20%;
    }

    #shopping-cart #shopping-cart-inner #cart-details #promo-code-details #promo {
        margin-top: 10px;
    }

    #shopping-cart #shopping-cart-inner #cart-details #promo-code-details #option-desc #msg {
        color: #000000;
        margin-bottom: 10px;
    }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-18 18:29:58
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 19:12:38
*/
#checkout-address.container {
    padding: 0;
}

    #checkout-address.container:after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 29.609375%;
        height: 100%;
        background-color: #F5F5F5;
        content: "";
        z-index: 10;
    }

    #checkout-address.container #checkout-address-inner {
        position: relative;
    }

        #checkout-address.container #checkout-address-inner:after {
            display: block;
            content: "";
            clear: both;
        }

        #checkout-address.container #checkout-address-inner #address-details {
            position: relative;
            z-index: 11;
            width: 70.390625%;
            float: left;
            padding: 3.3333333333rem 2.9333333333rem 3.3333333333rem 3.3333333333rem;
        }

            #checkout-address.container #checkout-address-inner #address-details .divOrderFormWrapper > h2 {
                font-size: 1rem;
                line-height: 1.3333333333rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                padding-bottom: 0.5333333333rem;
                margin-bottom: 0;
                letter-spacing: 1px;
                border-bottom: 1px solid #B4B4B4;
            }

            #checkout-address.container #checkout-address-inner #address-details > h2 .cart-item-count {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

            #checkout-address.container #checkout-address-inner #address-details section:after {
                display: block;
                content: "";
                clear: both;
            }

            #checkout-address.container #checkout-address-inner #address-details section div.title {
                font-size: 1rem;
                line-height: 1.2rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                padding-bottom: 0.6666666667rem;
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-groups:after {
                display: block;
                content: "";
                clear: both;
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-groups input::-webkit-input-placeholder {
                color: transparent;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-groups input:-moz-placeholder {
                /* Firefox 18- */
                color: transparent;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                opacity: 1;
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-groups input::-moz-placeholder {
                /* Firefox 19+ */
                color: transparent;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                opacity: 1;
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-groups input:-ms-input-placeholder {
                color: transparent;
                -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd.full {
                display: block;
                clear: both;
                width: calc(15px + 70.136307311%);
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd label input {
                margin-bottom: 0.6666666667rem;
                height: 3.0666666667rem;
                line-height: 3.0666666667rem;
                padding: 0 1rem;
                box-shadow: none;
                border: rgba(150, 150, 150, 0.5) 1px solid;
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-row {
                margin-top: 0.6666666667rem;
            }

                #checkout-address.container #checkout-address-inner #address-details section .input-row.full {
                    display: block;
                    clear: both;
                    width: calc(15px + 70.136307311%);
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row.half {
                    display: block;
                    width: 35.0681536555%;
                    float: left;
                    margin-right: 1rem;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row label .input-title {
                    font-size: 1rem;
                    line-height: 1.2rem;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                    display: block;
                    margin-bottom: 0.2rem;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row label input,
                #checkout-address.container #checkout-address-inner #address-details section .input-row label div.select-wrapper {
                    margin-bottom: 0.6666666667rem;
                    height: 3.0666666667rem;
                    line-height: 3.0666666667rem;
                    padding: 0 1rem;
                    box-shadow: none;
                    border: rgba(150, 150, 150, 0.5) 1px solid;
                    background-color: transparent;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row label div.select-wrapper {
                    position: relative;
                    overflow: hidden;
                    width: 100%;
                    padding: 0;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row label select {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: calc(100% + 20px);
                    height: 2.9333333333rem;
                    line-height: 2.9333333333rem;
                    border-width: 0;
                    padding: 0 1rem;
                    box-shadow: none;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row label.is-invalid-label {
                    position: relative;
                }

                    #checkout-address.container #checkout-address-inner #address-details section .input-row label.is-invalid-label .input-title {
                        color: #969696;
                        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                    }

                    #checkout-address.container #checkout-address-inner #address-details section .input-row label.is-invalid-label input,
                    #checkout-address.container #checkout-address-inner #address-details section .input-row label.is-invalid-label div.select-wrapper,
                    #checkout-address.container #checkout-address-inner #address-details section .input-row label.is-invalid-label select {
                        background-color: transparent;
                    }

                    #checkout-address.container #checkout-address-inner #address-details section .input-row label.is-invalid-label .form-error {
                        font-size: 1rem;
                        line-height: 1.2rem;
                        font-family: "futura-pt",sans-serif;
                        font-weight: 400;
                        font-style: normal;
                        color: #FA7878;
                        -webkit-text-stroke: rgba(250, 120, 120, 0.1);
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        display: block;
                        height: 3.0666666667rem;
                        line-height: 3.0666666667rem;
                        padding: 0 1rem;
                        box-shadow: none;
                        border: #FA7878 1px solid;
                        background-color: #FFFFFF;
                        margin-bottom: 0;
                    }

                    #checkout-address.container #checkout-address-inner #address-details section .input-row label.is-invalid-label input:focus + .form-error {
                        display: none !important;
                    }

                    #checkout-address.container #checkout-address-inner #address-details section .input-row label.is-invalid-label:focus .form-error {
                        display: none !important;
                    }

            #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label {
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                position: relative;
                display: block;
                clear: both;
                padding: 0.6666666667rem 0 0.6666666667rem 1.8rem;
                cursor: pointer;
                /*&:before{
					display: inline-block;
					width: rem(20px);
					height: rem(20px);
					content: "";
					position: absolute;
					top: rem(12px);
					left: 0;
					border: rgba(150,150,150,0.5) 1px solid;
					border-radius: rem(5px);
				}
				&.checked{
					&:after{
						position: absolute;
						content: "";
						display: inline-block;
						width: rem(10px);
						height: rem(10px);
						border-radius: rem(5px);
						top: rem(17px);
						left: rem(5px);
						background-color: rgba(150,150,150,0.5);
					}
				}*/
            }

                #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label .checkbox {
                    position: absolute;
                    top: 0.8rem;
                    left: 0;
                }

                    #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label .checkbox .unchecked {
                        display: block;
                    }

                    #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label .checkbox .checked {
                        display: none;
                    }

                #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label.checked {
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

                    #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label.checked .checkbox .unchecked {
                        display: none;
                    }

                    #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label.checked .checkbox .checked {
                        display: block;
                    }

            #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping {
                display: none;
                margin: 0;
            }

            #checkout-address.container #checkout-address-inner #address-details section.customer-information {
                margin-top: 2rem;
            }

            #checkout-address.container #checkout-address-inner #address-details section.shipping-information {
                margin-top: 2.6666666667rem;
            }

            #checkout-address.container #checkout-address-inner #address-details section.billing-information {
                margin-top: 2.6666666667rem;
            }

            #checkout-address.container #checkout-address-inner #address-details #SameAddr {
                display: none;
            }

                #checkout-address.container #checkout-address-inner #address-details #SameAddr:checked + section.billing-information {
                    display: none;
                }

            #checkout-address.container #checkout-address-inner #address-details #checkout-next {
                border: 1px solid black;
                height: 3rem;
                position: relative;
                display: block;
                width: 35%; /*29.609375%*/
                margin-left: 37%;
                float: left; /*right*/
                background-color: #FFFFFF; /*#F5F5F5*/
                /*padding: 3.3333333333rem 3.3333333333rem 3.3333333333rem 3rem*/;
                z-index: 11;
            }

                #checkout-address.container #checkout-address-inner #address-details #checkout-next:after {
                    display: block;
                    content: "";
                    clear: both;
                }

                #checkout-address.container #checkout-address-inner #address-details #checkout-next #checkout {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    color: #FFFFFF;
                    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    display: block;
                    width: 100%;
                    margin-bottom: 2.6666666667rem;
                    line-height: 3rem;
                    height: 3rem;
                    padding: 0 1rem;
                    letter-spacing: 1px;
                    background-color: #000000;
                    text-align: left;
                }

                    #checkout-address.container #checkout-address-inner #address-details #checkout-next #checkout::after {
                        display: inline-block;
                        content: '';
                        width: 0.9333333333rem;
                        height: 0.7333333333rem;
                        margin-top: 1.1333333333rem;
                        float: right;
                        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png");
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        background-color: transparent;
                    }

                    #checkout-address.container #checkout-address-inner #address-details #checkout-next #checkout::after {
                        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
                    }

                    #checkout-address.container #checkout-address-inner #address-details #checkout-next #checkout:hover:after {
                        animation: arrowAnimation ease-in-out 1200ms infinite;
                        -moz-animation: arrowAnimation ease-in-out 1200ms infinite;
                        -webkit-animation: arrowAnimation ease-in-out 1200ms infinite;
                    }

                    #checkout-address.container #checkout-address-inner #address-details #checkout-next #checkout:after {
                        right: 1rem;
                    }

@media (max-width: 1279px) {
    #checkout-address.container #checkout-address-inner #address-details #checkout-next {
        display: none;
    }
}

@media (max-width: 639px) {
    #checkout-address.container::after {
        content: none;
    }

    #checkout-address.container #checkout-address-inner #address-details {
        width: 100%;
        float: none;
        padding: 0;
    }

        #checkout-address.container #checkout-address-inner #address-details > h2 {
            margin: 0;
            padding: 1.0714285714rem 1.2857142857rem;
            text-align: center;
            border-bottom: 0;
        }

        #checkout-address.container #checkout-address-inner #address-details section {
            border-top: 1px solid rgba(150, 150, 150, 0.5);
            padding: 1.4285714286rem 1.2857142857rem;
        }

            #checkout-address.container #checkout-address-inner #address-details section div.title {
                padding-bottom: 0;
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-groups input::-webkit-input-placeholder {
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-groups input:-moz-placeholder {
                /* Firefox 18- */
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                opacity: 1;
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-groups input::-moz-placeholder {
                /* Firefox 19+ */
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                opacity: 1;
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-groups input:-ms-input-placeholder {
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

            #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd,
            #checkout-address.container #checkout-address-inner #address-details section .input-row {
                margin-top: 0.7142857143rem;
            }

                #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd.first-of-group,
                #checkout-address.container #checkout-address-inner #address-details section .input-row.first-of-group {
                    margin-top: 1.4285714286rem;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd.full, #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd.half,
                #checkout-address.container #checkout-address-inner #address-details section .input-row.full,
                #checkout-address.container #checkout-address-inner #address-details section .input-row.half {
                    width: 100%;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd label .input-title,
                #checkout-address.container #checkout-address-inner #address-details section .input-row label .input-title {
                    display: none;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd label input,
                #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd label div.select-wrapper,
                #checkout-address.container #checkout-address-inner #address-details section .input-row label input,
                #checkout-address.container #checkout-address-inner #address-details section .input-row label div.select-wrapper {
                    margin-bottom: 0;
                    height: 3.5714285714rem;
                    line-height: 3.5714285714rem;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd label select,
                #checkout-address.container #checkout-address-inner #address-details section .input-row label select {
                    height: 3.4285714286rem;
                    line-height: 3.4285714286rem;
                }

                #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd label.is-invalid-label .form-error,
                #checkout-address.container #checkout-address-inner #address-details section .input-row label.is-invalid-label .form-error {
                    height: 3.5714285714rem;
                    line-height: 3.5714285714rem;
                }

        #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label {
            font-size: 1rem;
            line-height: 1.2142857143rem;
            padding: 1.5714285714rem 0 1.4285714286rem 1.9285714286rem;
        }

            #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label .checkbox {
                top: 1.4285714286rem;
            }

        #checkout-address.container #checkout-address-inner #address-details section.customer-information,
        #checkout-address.container #checkout-address-inner #address-details section.shipping-information,
        #checkout-address.container #checkout-address-inner #address-details section.billing-information {
            margin-top: 0;
        }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #checkout-address.container::after {
        content: none;
    }

    #checkout-address.container #checkout-address-inner #address-details {
        width: 100%;
        float: none;
        padding: 0 2.1333333333rem;
    }

        #checkout-address.container #checkout-address-inner #address-details > h2 {
            margin: 0;
            padding: 1.6666666667rem 0;
            border-bottom: 0;
        }

        #checkout-address.container #checkout-address-inner #address-details section .input-row-ctd.full {
            width: 100%;
        }

        #checkout-address.container #checkout-address-inner #address-details section .input-row.full {
            width: 100%;
        }

        #checkout-address.container #checkout-address-inner #address-details section .input-row.half {
            margin-right: 0;
            width: 48.7215909091%;
        }

            #checkout-address.container #checkout-address-inner #address-details section .input-row.half.first-of-group {
                margin-right: 1.0666666667rem;
            }

        #checkout-address.container #checkout-address-inner #address-details #billing-same-as-shipping-label {
            padding: 0.6666666667rem 0 5.3333333333rem 1.8rem;
        }

        #checkout-address.container #checkout-address-inner #address-details section.customer-information {
            margin-top: 0;
        }

        #checkout-address.container #checkout-address-inner #address-details section.billing-information {
            margin-top: -2rem;
            margin-bottom: 4.6666666667rem;
        }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-18 18:34:17
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 16:15:43
*/
#checkout-summary {
    position: relative;
    display: block;
    width: 29.609375%;
    float: right;
    background-color: #F5F5F5;
    padding: 3.3333333333rem 3.3333333333rem 3.3333333333rem 3rem;
    z-index: 11;
}

    #checkout-summary:after {
        display: block;
        content: "";
        clear: both;
    }

    #checkout-summary > h2 {
        font-size: 1rem;
        line-height: 1.3333333333rem;
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #969696;
        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        letter-spacing: 1px;
        padding-bottom: 0.6666666667rem;
        border-bottom: #B4B4B4 1px solid;
    }

    #checkout-summary #checkout-summary-subtotal {
        padding: 1rem 0;
        border-bottom: rgba(180, 180, 180, 0.5) 1px solid;
    }

        #checkout-summary #checkout-summary-subtotal:after {
            display: block;
            content: "";
            clear: both;
        }

        #checkout-summary #checkout-summary-subtotal span {
            font-size: 1rem;
            line-height: 1.2rem;
        }

            #checkout-summary #checkout-summary-subtotal span.title {
                clear: both;
                float: left;
            }

            #checkout-summary #checkout-summary-subtotal span.value {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                letter-spacing: 1px;
                float: right;
            }

    #checkout-summary #checkout-summary-shipping {
        font-size: 1rem;
        line-height: 1.2rem;
        padding: 1rem 0;
        border-bottom: rgba(180, 180, 180, 0.5) 1px solid;
    }

        #checkout-summary #checkout-summary-shipping div {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
        }

            #checkout-summary #checkout-summary-shipping div:after {
                display: block;
                content: "";
                clear: both;
            }

            #checkout-summary #checkout-summary-shipping div.title {
                font-family: "futura-pt",sans-serif;
                font-weight: 400;
                font-style: normal;
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

            #checkout-summary #checkout-summary-shipping div span#ShippingName {
                font-size: 1rem;
                line-height: 1.2rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                float: left;
            }

            #checkout-summary #checkout-summary-shipping div span#ShippingNet {
                font-size: 1rem;
                line-height: 1.2rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                float: right;
            }

    #checkout-summary #checkout-summary-warranty,
    #checkout-summary #checkout-summary-returns-ns {
        padding-bottom: 1rem;
        border-bottom: #B4B4B4 1px solid;
    }

        #checkout-summary #checkout-summary-warranty .feature,
        #checkout-summary #checkout-summary-returns-ns .feature {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.2rem;
            position: relative;
            padding: 1rem 0 0.7333333333rem 2.6666666667rem;
        }

            #checkout-summary #checkout-summary-warranty .feature:before,
            #checkout-summary #checkout-summary-returns-ns .feature:before {
                position: absolute;
                top: 0.6rem;
                left: 0;
                display: inline-block;
                width: 2rem;
                height: 2rem;
                content: "";
                background-size: contain;
                background-position: center center;
                background-repeat: no-repeat;
                background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/home/warranty.png);
            }

html.svg #checkout-summary #checkout-summary-warranty .feature:before, html.svg #checkout-summary #checkout-summary-returns-ns .feature:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/home/warranty.svg);
}

#checkout-summary #checkout-summary-warranty .desc,
#checkout-summary #checkout-summary-returns-ns .desc {
    font-size: 1rem;
    line-height: 1.2rem;
    color: #969696;
    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
}

#checkout-summary #checkout-summary-grand-total {
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 1rem 0 1.6666666667rem;
}

    #checkout-summary #checkout-summary-grand-total .title {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1rem;
        line-height: 1.2rem;
    }

    #checkout-summary #checkout-summary-grand-total #total-price {
        font-size: 1rem;
        line-height: 1.2rem;
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 1px;
        float: right;
    }

#checkout-summary #checkout-payment-icons {
    text-align: center;
    margin-bottom: 1rem;
}

    #checkout-summary #checkout-payment-icons img {
        width: 100%;
    }

#checkout-summary #checkout,
#checkout-summary #place_order,
#checkout-summary #free_order { /*Jay Edited 20161125*/
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    display: block;
    width: 100%;
    margin-bottom: 2.6666666667rem;
    line-height: 3rem;
    height: 3rem;
    padding: 0 1rem;
    letter-spacing: 1px;
    background-color: #000000;
    text-align: left;
}

    #checkout-summary #checkout::after,
    #checkout-summary #place_order::after,
    #checkout-summary #free_order:after { /*Jay Edited 20161125*/
        display: inline-block;
        content: '';
        width: 0.9333333333rem;
        height: 0.7333333333rem;
        margin-top: 1.1333333333rem;
        float: right;
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-color: transparent;
    }

    html.svg #checkout-summary #checkout::after, html.svg #checkout-summary #place_order::after,
    #checkout-summary #free_order:after { /*Jay Edited 20161125*/
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
    }

    #checkout-summary #checkout:hover:after,
    #checkout-summary #place_order:hover:after,
    #checkout-summary #free_order:hover:after { /*Jay Edited 20161125*/
        animation: arrowAnimation ease-in-out 1200ms infinite;
        -moz-animation: arrowAnimation ease-in-out 1200ms infinite;
        -webkit-animation: arrowAnimation ease-in-out 1200ms infinite;
    }

    #checkout-summary #checkout:after,
    #checkout-summary #place_order:after,
    #checkout-summary #free_order:after { /*Jay Edited 20161125*/
        right: 1rem;
    }

#checkout-summary #checkout-summary-returns {
    color: #969696;
    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
    display: block;
    border: #969696 1px solid;
    text-align: center;
    padding: 1.2rem 1rem;
    line-height: 1;
}

    #checkout-summary #checkout-summary-returns img {
        display: inline-block;
        width: 2.3333333333rem;
        height: 2.3333333333rem;
        margin-bottom: 0.5333333333rem;
    }

        #checkout-summary #checkout-summary-returns img.normal {
            display: inline-block;
        }

        #checkout-summary #checkout-summary-returns img.hover {
            display: none;
        }

    #checkout-summary #checkout-summary-returns .title {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #969696;
        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
        display: block;
        margin-bottom: 0.3333333333rem;
    }

@media (max-width: 1279px) {
    #checkout-summary {
        width: 100%;
        float: none;
        padding: 0;
        position: fixed;
        bottom: 0;
        z-index: 803;
        background-color: #FFFFFF;
        overflow-y: auto;
        height: 9.5714285714rem;
    }

        #checkout-summary.anchored:not(.show-full-summary-ns) {
            position: relative;
        }

            #checkout-summary.anchored:not(.show-full-summary-ns) #checkout-summary-grand-total,
            #checkout-summary.anchored:not(.show-full-summary-ns) #checkout-button-wrapper {
                position: absolute;
            }

        #checkout-summary #checkout-summary-grand-total {
            font-size: 1.2857142857rem;
            line-height: 1.6428571429rem;
            color: #FFFFFF;
            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 1.7857142857rem 1.2857142857rem 6.1428571429rem;
            background-color: #000000;
        }

            #checkout-summary #checkout-summary-grand-total .title {
                font-size: 1.2857142857rem;
                line-height: 1.6428571429rem;
                padding-left: 1rem;
            }

            #checkout-summary #checkout-summary-grand-total #total-price {
                font-size: 1.2857142857rem;
                line-height: 1.6428571429rem;
                position: relative;
                padding-right: 1.5rem;
            }

            #checkout-summary #checkout-summary-grand-total::after {
                background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-up.png");
                background-size: contain;
                background-repeat: no-repeat;
                content: '';
                position: absolute;
                right: 1.2857142857rem;
                top: 2rem;
                width: 1.1428571429rem;
                height: 1.1428571429rem;
            }

    html.svg #checkout-summary #checkout-summary-grand-total::after {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-up.svg");
    }

    #checkout-summary #checkout-button-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 1.2857142857rem 1.7857142857rem;
        width: 100%;
    }

        #checkout-summary #checkout-button-wrapper #checkout,
        #checkout-summary #checkout-button-wrapper #place_order,
        #checkout-summary #checkout-button-wrapper #free_order { /*Jay Edited 20161212*/
            margin-bottom: 0;
            border: 1px solid #FFFFFF;
            height: 3.2142857143rem;
            line-height: 3.2142857143rem;
        }

    #checkout-summary > h2,
    #checkout-summary > div:not(#checkout-summary-grand-total):not(#checkout-button-wrapper) {
        display: none;
    }

    #checkout-summary.show-full-summary-ns {
        height: 100%;
        padding: 3.5714285714rem 0 9.5714285714rem;
    }

        #checkout-summary.show-full-summary-ns > h2,
        #checkout-summary.show-full-summary-ns > div:not(#checkout-summary-grand-total):not(#checkout-button-wrapper) {
            display: block;
        }

        #checkout-summary.show-full-summary-ns > h2 {
            color: #000000;
            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            background-color: #F6F6F6;
            padding: 1.1428571429rem 1.2857142857rem;
            border-bottom: 1px solid #B4B4B4;
            margin: 0;
            z-index: 10;
        }

            #checkout-summary.show-full-summary-ns > h2::after {
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-next.png");
                background-size: contain;
                background-repeat: no-repeat;
                content: '';
                position: absolute;
                width: 1.0714285714rem;
                height: 1.0714285714rem;
                right: 1.2857142857rem;
                top: 1.2857142857rem;
            }

    html.svg #checkout-summary.show-full-summary-ns > h2::after {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-next.svg");
    }

    #checkout-summary.show-full-summary-ns #checkout-summary-subtotal,
    #checkout-summary.show-full-summary-ns #checkout-summary-shipping,
    #checkout-summary.show-full-summary-ns #checkout-summary-warranty,
    #checkout-summary.show-full-summary-ns #checkout-summary-returns-ns,
    #checkout-summary.show-full-summary-ns #checkout-payment-icons {
        padding: 1.0714285714rem 1.2857142857rem;
        border-bottom: 1px solid rgba(150, 150, 150, 0.5);
    }

    #checkout-summary.show-full-summary-ns #checkout-summary-warranty {
        border-bottom: 0;
    }

    #checkout-summary.show-full-summary-ns #checkout-summary-returns-ns {
        padding-top: 0;
    }

        #checkout-summary.show-full-summary-ns #checkout-summary-returns-ns .feature::before {
            background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/home/return.png");
            background-size: contain;
            background-repeat: no-repeat;
        }

    html.svg #checkout-summary.show-full-summary-ns #checkout-summary-returns-ns .feature::before {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/home/return.svg");
    }

    #checkout-summary.show-full-summary-ns #checkout-payment-icons {
        border-bottom: 0;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #checkout-summary {
        height: 6.3333333333rem;
    }

        #checkout-summary #checkout-summary-grand-total {
            font-size: 1.3333333333rem;
            line-height: 1.7333333333rem;
            padding: 2.3333333333rem 2.1333333333rem;
        }

            #checkout-summary #checkout-summary-grand-total .title {
                font-size: 1.3333333333rem;
                line-height: 1.7333333333rem;
                display: inline-block;
                padding-left: 0;
                width: 27.6988636364%;
            }

            #checkout-summary #checkout-summary-grand-total #total-price {
                font-size: 1.3333333333rem;
                line-height: 1.7333333333rem;
                float: none;
                text-align: left;
            }

            #checkout-summary #checkout-summary-grand-total::after {
                right: 3.1333333333rem;
                top: 2.5333333333rem;
                width: 1.2rem;
                height: 1.2rem;
            }

        #checkout-summary #checkout-button-wrapper {
            bottom: 1.6666666667rem;
            width: 40.3409090909%;
            left: auto;
            right: 6.2rem;
            padding: 0;
        }

            #checkout-summary #checkout-button-wrapper #checkout,
            #checkout-summary #checkout-button-wrapper #place_order,
            #checkout-summary #checkout-button-wrapper #free_order { /*Jay Edited 20161212*/
                height: 3rem;
                line-height: 3rem;
            }

        #checkout-summary.show-full-summary-ns {
            padding: 6rem 2.1333333333rem 6.3333333333rem;
        }

            #checkout-summary.show-full-summary-ns > h2 {
                font-size: 1.3333333333rem;
                line-height: 1.7333333333rem;
                padding: 1.8rem 2.1333333333rem;
            }

                #checkout-summary.show-full-summary-ns > h2::after {
                    width: 1.2rem;
                    height: 1.2rem;
                    right: 2.1333333333rem;
                    top: 2.0666666667rem;
                }

            #checkout-summary.show-full-summary-ns #checkout-summary-subtotal,
            #checkout-summary.show-full-summary-ns #checkout-summary-shipping,
            #checkout-summary.show-full-summary-ns #checkout-summary-warranty,
            #checkout-summary.show-full-summary-ns #checkout-summary-returns-ns,
            #checkout-summary.show-full-summary-ns #checkout-payment-icons {
                padding: 1.3333333333rem 0.6666666667rem;
            }

            #checkout-summary.show-full-summary-ns #checkout-summary-returns-ns {
                padding-top: 0;
                margin-top: -0.3333333333rem;
            }

            #checkout-summary.show-full-summary-ns #checkout-payment-icons {
                text-align: left;
                width: 20.2666666667rem;
            }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-27 14:07:23
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 19:19:03
*/
#shipping-picker.container {
    padding: 0;
}

    #shipping-picker.container:after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 29.609375%;
        height: 100%;
        background-color: #F5F5F5;
        content: "";
        z-index: 10;
    }

    #shipping-picker.container #shipping-picker-inner {
        position: relative;
    }

        #shipping-picker.container #shipping-picker-inner:after {
            display: block;
            content: "";
            clear: both;
        }

        #shipping-picker.container #shipping-picker-inner #shipping-picker-details {
            position: relative;
            z-index: 11;
            width: 70.390625%;
            float: left;
            padding: 3.3333333333rem 2.9333333333rem 3.3333333333rem 3.3333333333rem;
        }

            #shipping-picker.container #shipping-picker-inner #shipping-picker-details > h2 {
                font-size: 1rem;
                line-height: 1.3333333333rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                padding-bottom: 0.5333333333rem;
                margin-bottom: 0;
                letter-spacing: 1px;
                border-bottom: #B4B4B4 1px solid;
                text-transform: uppercase;
            }

            #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options {
                display: block;
            }

                #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li {
                    display: block;
                    border-top: rgba(180, 180, 180, 0.5) 1px solid;
                }

                    #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li:first-child {
                        border-top-width: 0;
                    }

                    #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label {
                        position: relative;
                        display: block;
                        /*width: 28.8666666667rem; Jay Edited 20161207*/
                        width: 30rem;
                        padding: 2rem 0;
                        padding-left: 1.8rem;
                        cursor: pointer;
                    }

                        #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label input {
                            display: none;
                        }

                        #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .checkbox {
                            position: absolute;
                            top: 2rem;
                            left: 0;
                            display: inline-block;
                            width: 1.3333333333rem;
                            height: 1.3333333333rem;
                            border-radius: 0.6666666667rem;
                            border: #000000 1px solid;
                        }

                            #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .checkbox::before {
                                position: absolute;
                                display: none;
                                content: "";
                                top: 0.2rem;
                                left: 0.2rem;
                                width: 0.8rem;
                                height: 0.8rem;
                                border-radius: 0.4rem;
                                background-color: #000000;
                            }

                        #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label input:checked + .checkbox:before {
                            display: inline-block;
                        }

                        #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-title {
                            display: block;
                            width: 100%;
                            letter-spacing: 1px;
                            text-transform: uppercase;
                            margin-bottom: 0.6666666667rem;
                            margin-top: 0.0666666667rem;
                        }

                            #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-title:after {
                                display: block;
                                content: "";
                                clear: both;
                            }

                            #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-title span {
                                font-family: "futura-pt",sans-serif;
                                font-weight: 500;
                                font-style: normal;
                                font-size: 1rem;
                                line-height: 1.2rem;
                            }

                            #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-title .price {
                                display: inline-block;
                                float: right;
                            }

                                #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-title .price:after {
                                    display: inline-block;
                                    content: "+";
                                    float: left;
                                }

                                #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-title .price.free:after {
                                    display: none;
                                }

                        #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-desc {
                            font-size: 1rem;
                            line-height: 1.2rem;
                            color: #969696;
                            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                            display: block;
                            width: 100%;
                        }

@media (max-width: 639px) {
    #shipping-picker.container::after {
        content: none;
    }

    #shipping-picker.container #shipping-picker-inner #shipping-picker-details {
        width: 100%;
        float: none;
        padding: 0;
    }

        #shipping-picker.container #shipping-picker-inner #shipping-picker-details > h2 {
            margin: 0;
            padding: 1.0714285714rem 1.2857142857rem;
            text-align: center;
            border-bottom: 1px solid rgba(150, 150, 150, 0.5);
        }

        #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li {
            border-top: 1px solid rgba(150, 150, 150, 0.5);
        }

            #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label {
                width: 100%;
                padding: 1.5714285714rem 1.2857142857rem 1.4285714286rem 3rem;
            }

                #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .checkbox {
                    top: 1.4285714286rem;
                    left: 0.8571428571rem;
                    width: 1.4285714286rem;
                    height: 1.4285714286rem;
                }

                    #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .checkbox::before {
                        top: 0.2142857143rem;
                        left: 0.2142857143rem;
                        width: 0.8571428571rem;
                        height: 0.8571428571rem;
                        border-radius: 0.4285714286rem;
                    }

                #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-title {
                    margin-top: 0;
                    margin-bottom: 0.5714285714rem;
                }

                #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-desc {
                    margin-bottom: 1.0714285714rem;
                }

                #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-price .price {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                }

                    #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-price .price::after {
                        display: inline-block;
                        content: "+";
                        float: left;
                    }

                    #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-price .price.free::after {
                        display: none;
                    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #shipping-picker.container::after {
        content: none;
    }

    #shipping-picker.container #shipping-picker-inner #shipping-picker-details {
        width: 100%;
        float: none;
        padding: 0 2.1333333333rem;
    }

        #shipping-picker.container #shipping-picker-inner #shipping-picker-details > h2 {
            margin: 0;
            padding: 1.6666666667rem 0 0;
            border-bottom: 0;
        }

        #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options {
            margin-top: -0.3333333333rem;
            margin-bottom: 3.3333333333rem;
        }

            #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label {
                width: 100%;
            }

                #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-title {
                    margin-bottom: 0.8rem;
                }

                    #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-title .price {
                        margin-right: 0.3333333333rem;
                    }

                #shipping-picker.container #shipping-picker-inner #shipping-picker-details .shipping-options li label .option-desc {
                    width: 55.8345642541%;
                }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-29 15:25:02
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 19:18:49
*/
#payment.container {
    padding: 0;
}

    #payment.container:after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 29.609375%;
        height: 100%;
        background-color: #F5F5F5;
        content: "";
        z-index: 10;
    }

    #payment.container #payment-inner {
        position: relative;
    }

        #payment.container #payment-inner:after {
            display: block;
            content: "";
            clear: both;
        }

        #payment.container #payment-inner #payment-details {
            position: relative;
            z-index: 11;
            width: 70.390625%;
            float: left;
            padding: 3.3333333333rem 2.9333333333rem 3.3333333333rem 3.3333333333rem;
        }

            #payment.container #payment-inner #payment-details > h2 {
                font-size: 1rem;
                line-height: 1.3333333333rem;
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                padding-bottom: 0.5333333333rem;
                margin-bottom: 0;
                letter-spacing: 1px;
                border-bottom: #B4B4B4 1px solid;
                text-transform: uppercase;
            }

            #payment.container #payment-inner #payment-details .payment-options {
                display: block;
            }

                #payment.container #payment-inner #payment-details .payment-options li {
                    display: block;
                    border-top: rgba(180, 180, 180, 0.5) 1px solid;
                }

                    #payment.container #payment-inner #payment-details .payment-options li:first-child {
                        border-top-width: 0;
                    }

                    #payment.container #payment-inner #payment-details .payment-options li label {
                        position: relative;
                        display: block;
                        width: 28.8666666667rem;
                        padding: 1.6rem 0 2rem;
                        padding-left: 1.8rem;
                        cursor: pointer;
                    }

                        #payment.container #payment-inner #payment-details .payment-options li label input {
                            display: none;
                        }

                        #payment.container #payment-inner #payment-details .payment-options li label .checkbox {
                            position: absolute;
                            top: 2rem;
                            left: 0;
                            display: inline-block;
                            width: 1.3333333333rem;
                            height: 1.3333333333rem;
                            border-radius: 0.6666666667rem;
                            border: #000000 1px solid;
                        }

                            #payment.container #payment-inner #payment-details .payment-options li label .checkbox:before {
                                position: absolute;
                                display: none;
                                content: "";
                                top: 0.2rem;
                                left: 0.2rem;
                                width: 0.8rem;
                                height: 0.8rem;
                                border-radius: 0.4rem;
                                background-color: #000000;
                            }

                        #payment.container #payment-inner #payment-details .payment-options li label input:checked + .checkbox:before {
                            display: inline-block;
                        }

                        #payment.container #payment-inner #payment-details .payment-options li label .option-title {
                            display: block;
                            width: 100%;
                            letter-spacing: 1px;
                            margin-bottom: 0.6666666667rem;
                            margin-top: 0.0666666667rem;
                        }

                            #payment.container #payment-inner #payment-details .payment-options li label .option-title:after {
                                display: block;
                                content: "";
                                clear: both;
                            }

                            #payment.container #payment-inner #payment-details .payment-options li label .option-title span {
                                font-family: "futura-pt",sans-serif;
                                font-weight: 500;
                                font-style: normal;
                                font-size: 1rem;
                                line-height: 1.2rem;
                                display: inline-block;
                                vertical-align: middle;
                            }

                            #payment.container #payment-inner #payment-details .payment-options li label .option-title .payment-icon {
                                display: inline-block;
                                vertical-align: middle;
                                width: 3.4666666667rem;
                                height: auto;
                                margin-right: 0.6666666667rem;
                            }

                            #payment.container #payment-inner #payment-details .payment-options li label .option-title .price {
                                display: inline-block;
                                float: right;
                            }

                                #payment.container #payment-inner #payment-details .payment-options li label .option-title .price:after {
                                    display: inline-block;
                                    content: "+";
                                    float: left;
                                }

                                #payment.container #payment-inner #payment-details .payment-options li label .option-title .price.free:after {
                                    display: none;
                                }

                        #payment.container #payment-inner #payment-details .payment-options li label .option-desc {
                            font-size: 1rem;
                            line-height: 1.2rem;
                            color: #969696;
                            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                            display: block;
                            width: 100%;
                        }

@media (max-width: 639px) {
    #payment.container::after {
        content: none;
    }

    #payment.container #payment-inner #payment-details {
        width: 100%;
        float: none;
        padding: 0;
    }

        #payment.container #payment-inner #payment-details > h2 {
            margin: 0;
            padding: 1.0714285714rem 1.2857142857rem;
            text-align: center;
            border-bottom: 1px solid rgba(150, 150, 150, 0.5);
        }

        #payment.container #payment-inner #payment-details .payment-options li {
            border-top: 1px solid rgba(150, 150, 150, 0.5);
        }

            #payment.container #payment-inner #payment-details .payment-options li label {
                width: 100%;
                padding: 1.5714285714rem 1.2857142857rem 1.4285714286rem 3rem;
            }

                #payment.container #payment-inner #payment-details .payment-options li label .checkbox {
                    top: 1.4285714286rem;
                    left: 0.8571428571rem;
                    width: 1.4285714286rem;
                    height: 1.4285714286rem;
                }

                    #payment.container #payment-inner #payment-details .payment-options li label .checkbox::before {
                        top: 0.2142857143rem;
                        left: 0.2142857143rem;
                        width: 0.8571428571rem;
                        height: 0.8571428571rem;
                        border-radius: 0.4285714286rem;
                    }

                #payment.container #payment-inner #payment-details .payment-options li label .option-title {
                    margin-top: -0.5rem;
                    margin-bottom: 0.5714285714rem;
                }

                #payment.container #payment-inner #payment-details .payment-options li label .option-desc {
                    margin-bottom: 1.0714285714rem;
                }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #payment.container::after {
        content: none;
    }

    #payment.container #payment-inner #payment-details {
        width: 100%;
        float: none;
        padding: 0 2.1333333333rem;
    }

        #payment.container #payment-inner #payment-details > h2 {
            margin: 0;
            padding: 1.6666666667rem 0 0;
            border-bottom: 0;
        }

        #payment.container #payment-inner #payment-details .payment-options {
            margin-top: -0.3333333333rem;
            margin-bottom: 3.3333333333rem;
        }

            #payment.container #payment-inner #payment-details .payment-options li label {
                width: 100%;
            }

                #payment.container #payment-inner #payment-details .payment-options li label .option-title {
                    margin-bottom: 0.8rem;
                }

                    #payment.container #payment-inner #payment-details .payment-options li label .option-title .price {
                        margin-right: 0.3333333333rem;
                    }

                #payment.container #payment-inner #payment-details .payment-options li label .option-desc {
                    width: 55.8345642541%;
                }
}

.frame-card {
    float: left;
    text-align: center;
    padding: 4.6rem 1.2rem 3.3333333333rem 1.1333333333rem;
    border: 1px solid rgba(180, 180, 180, 0.5);
    position: relative;
}

    .frame-card > span {
        display: block;
    }

    .frame-card .remove-btn {
        display: inline-block;
        position: absolute;
        right: 0.6666666667rem;
        top: 0.6666666667rem;
        width: 1.7333333333rem;
        height: 1.7333333333rem;
        padding: 0.3333333333rem;
        z-index: 11;
    }

        .frame-card .remove-btn img {
            width: 1.0666666667rem;
            height: 1.0666666667rem;
        }

    .frame-card .offer-label {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-size: 1rem;
        line-height: 1.3333333333rem;
        z-index: 50;
        position: absolute;
        left: 1.0666666667rem;
        top: 1.0666666667rem;
        width: 3.4666666667rem;
        height: 3.4666666667rem;
        border-radius: 1.7333333333rem;
        line-height: 3.4666666667rem;
        background-color: #000000;
    }

    .frame-card .outOfStock-label {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-size: 1rem;
        line-height: 1.3333333333rem;
        z-index: 50;
        position: absolute;
        left: 1.0666666667rem;
        top: 1.0666666667rem;
        width: 3.4666666667rem;
        height: 3.4666666667rem;
        border-radius: 1.7333333333rem;
        line-height: 3.4666666667rem;
    }

    .frame-card .freeLensOffer-label {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-size: 1rem;
        line-height: 1.1rem;
        z-index: 1;
        position: absolute;
        left: 1.0666666667rem;
        top: 1.0666666667rem;
        width: 3.066667rem;
        height: 3.066667rem;
        border-radius: 1.7333333333rem;
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/FrameCard/free_lens_button.png);
        background-size: contain;
    }

    .frame-card .fdaypromo-label {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-size: 1rem;
        line-height: 1.1rem;
        z-index: 1;
        position: absolute;
        right: 1.0666666667rem;
        top: 1.0666666667rem;
        width: 2.466667rem;
        height: 2.466667rem;
        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/FrameCard/fdaypromo_bubble.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .frame-card .freeLensOffer-label span {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 1em;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 29px;
    }

    .frame-card .WithClip-label {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-size: 1rem;
        line-height: 1.1rem;
        z-index: 50;
        position: absolute;
        left: 1.0666666667rem;
        top: 1.0666666667rem;
        width: 3.4666666667rem;
        height: 3.4666666667rem;
        border-radius: 1.7333333333rem;
        background-color: green;
    }

        .frame-card .WithClip-label > span {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            color: #FFFFFF;
            font-size: 0.8rem;
            line-height: 0.8rem;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            height: 32px;
        }

            .frame-card .WithClip-label > span > span {
                font-size: 1.5rem;
            }

    .frame-card .glasses-wrapper {
        margin-bottom: 1.3333333333rem;
        position: relative;
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/ring_grey.gif");
        background-repeat: no-repeat;
        background-position: center;
    }

@media(min-width: 1280px) {
    .frame-card .glasses-wrapper {
        width: 243px;
        height: 124px;
    }
}


/*@media(max-width: 1279px) {
    .frame-card .glasses-wrapper {
        width: 100%;
        max-height: 160px;
    }
}*/

.frame-card .glasses-wrapper img {
    transition: opacity 0.2s;
}

.frame-card .glasses-wrapper .normal {
    opacity: 1;
}

.frame-card .glasses-wrapper .hover {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
}

.frame-card .brand {
    font-family: "ratiomodern",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3333333333rem;
    line-height: 1.7333333333rem;
    color: #000000;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    margin-bottom: 0.3333333333rem;
}

.frame-card .sku {
    color: #969696;
    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
    margin-bottom: 1rem;
}

.frame-card .price {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #000000;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
    letter-spacing: 1px;
}

    .frame-card .price span {
        display: none;
    }

    .frame-card .price.has-discount {
        color: #FA7878;
        -webkit-text-stroke: rgba(250, 120, 120, 0.1);
    }

        .frame-card .price.has-discount span {
            color: #969696;
            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            display: inline;
            margin-right: 0.3333333333rem;
            text-decoration: line-through;
        }

    .frame-card .price.out-of-stock {
        color: #969696;
        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
    }

.frame-card .tryon, .frame-card .quick-view {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    height: 3rem;
    position: absolute;
    bottom: 0;
    display: none;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    background-color: #000000;
    letter-spacing: 1px;
    left: 0;
}

    .frame-card .tryon img {
        height: 1.6666666667rem;
        width: 1.6666666667rem;
        vertical-align: middle;
    }

    .frame-card .tryon > span {
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        margin-left: 0.3333333333rem;
        vertical-align: middle;
    }

@media (min-width: 1280px) {
    .frame-card:hover {
        border-color: #000000;
        padding-top: 2.6666666667rem;
        padding-bottom: 5.2666666667rem;
    }

        .frame-card:hover .remove-btn {
            display: inline-block;
        }

        .frame-card:hover .glasses-wrapper .normal {
            opacity: 0;
        }

        .frame-card:hover .glasses-wrapper .hover {
            opacity: 1;
        }

        .frame-card:hover .quick-view {
            width: 100%;
            display: block;
        }

        .frame-card:hover.has-tryon .tryon, .frame-card:hover.has-tryon .quick-view {
            width: 50%;
            display: block;
        }

        .frame-card:hover.has-tryon .quick-view {
            left: 50%;
            background-color: #969696;
        }
}

@media (max-width: 639px) {
    .frame-card {
        padding: 1.4285714286rem 0 1.7857142857rem;
        border: 0;
        border-bottom: 1px solid rgba(180, 180, 180, 0.5);
    }

        .frame-card .offer-label {
            left: 1.1428571429rem;
            top: 1.1428571429rem;
            width: 3.5714285714rem;
            height: 3.5714285714rem;
            border-radius: 1.7857142857rem;
            line-height: 3.5714285714rem;
        }

        .frame-card .glasses-wrapper {
            margin-bottom: 0.3571428571rem;
            padding: 0 10%;
        }

        .frame-card .brand {
            font-size: 1.2857142857rem;
            line-height: 1.6428571429rem;
            margin-bottom: 0.3571428571rem;
        }

        .frame-card .sku {
            margin-bottom: 0.7142857143rem;
        }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .frame-card {
        padding: 3.3333333333rem 0.9333333333rem 2rem;
    }

        .frame-card .remove-btn {
            right: 1rem;
            top: 1rem;
        }

        .frame-card .brand {
            font-size: 1.2rem;
            line-height: 1.5333333333rem;
        }

        .frame-card .sku {
            margin-bottom: 0.6rem;
        }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-11 18:11:00
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 22:16:41
*/
#product-quick-view {
    display: none;
}

#quick-view-container {
    position: fixed;
    display: table;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}

    #quick-view-container:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: rgba(0, 0, 0, 0.65);
        z-index: 999999;
    }

    #quick-view-container #quick-view-inner {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        #quick-view-container #quick-view-inner #quick-view-box {
            position: relative;
            z-index: 1000000;
            display: inline-block;
            max-width: 55.4666666667rem;
            width: 100%;
            margin: 0 auto;
            text-align: left;
        }

            #quick-view-container #quick-view-inner #quick-view-box #quick-view-close {
                display: block;
                position: absolute;
                right: 1rem;
                top: 1rem;
                width: 2.4rem;
                height: 2.4rem;
                padding: 0.6666666667rem;
            }

                #quick-view-container #quick-view-inner #quick-view-box #quick-view-close img {
                    width: 1.0666666667rem;
                    height: 1.0666666667rem;
                }

            #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass {
                display: block;
                padding: 6.0096153846% 6.0096153846% 4.4471153846% 5.4086538462%;
                background-color: #FFFFFF;
                margin: 0 auto;
            }

                #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass:after {
                    display: block;
                    content: "";
                    clear: both;
                }

                #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-offer-label {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    color: #FFFFFF;
                    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    z-index: 50;
                    position: absolute;
                    left: 1.3333333333rem;
                    top: 1.3333333333rem;
                    width: 3.4666666667rem;
                    height: 3.4666666667rem;
                    border-radius: 1.7333333333rem;
                    line-height: 3.4666666667rem;
                    background-color: #000000;
                    text-align: center;
                }

                #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container {
                    display: block;
                    width: 58.7516960651%;
                    float: left;
                }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container .large {
                        width: 433px;
                        height: 218px;
                        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/ring_grey.gif");
                        background-repeat: no-repeat;
                        background-position: center;
                    }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container .images .large img {
                        display: none;
                    }

                        #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container .images .large img.disp {
                            display: block;
                        }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container .images .smalls:after {
                        display: block;
                        content: "";
                        clear: both;
                    }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container .images .smalls .small {
                        display: inline-block;
                        width: 8.9333333333rem;
                        float: left;
                        border: #FFFFFF 1px solid;
                        width: 132px;
                        height: 67px;
                        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/ring_grey.gif");
                        background-repeat: no-repeat;
                        background-position: center;
                        background-size: contain;
                    }

                        #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container .images .smalls .small.disp {
                            border-color: #000000;
                        }

                        #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container .images .smalls .small.first {
                            margin-left: 0;
                        }

                        #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container .images .smalls .small.second {
                            margin-left: 1rem;
                        }

                        #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-image-container .images .smalls .small.last {
                            float: right;
                        }

                #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container {
                    display: block;
                    width: 38.5345997286%;
                    float: right;
                }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container h2 {
                        font-family: "ratiomodern",sans-serif;
                        font-weight: 400;
                        font-style: normal;
                        font-size: 1.6666666667rem;
                        line-height: 2.1333333333rem;
                        margin-bottom: 0.2rem;
                    }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .sku {
                        color: #969696;
                        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                        margin-bottom: 1.3333333333rem;
                    }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .price {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        font-size: 1.3333333333rem;
                        line-height: 1.7333333333rem;
                        margin-bottom: 0.0666666667rem;
                        letter-spacing: 1px;
                    }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .free-prem {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        margin-bottom: 1rem;
                    }

                        #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .free-prem a img {
                            width: 1.2rem;
                            height: 1.2rem;
                            margin-left: 0.3333333333rem;
                        }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .retail-price {
                        margin-bottom: 1.1333333333rem;
                        color: #969696;
                        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                    }

                        #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .retail-price span {
                            text-decoration: line-through;
                            color: #969696;
                            -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                        }

                    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite {
                        position: relative;
                        margin-bottom: 1rem;
                    }

                        #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .tryon {
                            font-family: "futura-pt",sans-serif;
                            font-weight: 500;
                            font-style: normal;
                            position: relative;
                            display: inline-block;
                            line-height: 3rem;
                            background-color: #969696;
                            color: #FFFFFF;
                            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                            padding-left: 3rem;
                            padding-right: 2.3333333333rem;
                        }

                            #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .tryon:before {
                                background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-tryon.png");
                                background-size: contain;
                                background-repeat: no-repeat;
                                position: absolute;
                                display: inline-block;
                                left: 1rem;
                                top: 0.6666666667rem;
                                width: 1.6666666667rem;
                                height: 1.6666666667rem;
                                content: "";
                                background-repeat: no-repeat;
                                background-size: contain;
                                background-position: center center;
                            }

html.svg #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .tryon:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-tryon.svg");
}

#quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .tryon:after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    right: 1rem;
    top: 1.1333333333rem;
    width: 0.9333333333rem;
    height: 0.7333333333rem;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

html.svg #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .tryon:after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
}

#quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .add-to-favourite {
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: 0;
    padding-left: 1.4666666667rem;
    color: #000000;
    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
}

    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .add-to-favourite:before {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-wishlist.png");
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 0.0666666667rem;
        left: 0;
        width: 1.2rem;
        height: 1.2rem;
        display: inline-block;
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

html.svg #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .add-to-favourite:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-wishlist.svg");
}

#quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .add-to-favourite span {
    text-decoration: underline;
}

#quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .add-to-favourite.added:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-wishlist-hover.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html.svg #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .add-to-favourite.added:before {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/navbar/icon-wishlist-hover.svg");
}

#quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite .add-to-favourite:hover span {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
}

#quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite.hide-try-on .tryon {
    display: inline-block; /*none*/
}

#quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .tryon-and-add-to-favorite.hide-try-on .add-to-favourite {
    position: relative;
}

#quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .add-lens {
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    font-style: normal;
    position: relative;
    display: block;
    width: 100%;
    line-height: 3rem;
    padding: 0 1rem;
    background-color: #000000;
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    margin-bottom: 1rem;
    letter-spacing: 1px;
}

    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .add-lens:hover:after {
        animation: arrowAnimation ease-in-out 1200ms infinite;
        -moz-animation: arrowAnimation ease-in-out 1200ms infinite;
        -webkit-animation: arrowAnimation ease-in-out 1200ms infinite;
    }

    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .add-lens:after {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png");
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        display: inline-block;
        right: 1rem;
        top: 1.1333333333rem;
        width: 0.9333333333rem;
        height: 0.7333333333rem;
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

html.svg #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .add-lens:after {
    background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.svg");
}

#quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .full-detail {
    text-align: center;
}

    #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .full-detail a {
        color: #000000;
        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
        text-decoration: underline;
    }

        #quick-view-container #quick-view-inner #quick-view-box #quick-view-glass #quick-view-info-container .full-detail a:hover {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
        }

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-26 23:12:33
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 13:11:54
*/
#panel-prescription-card {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

    #panel-prescription-card.hide {
        display: none;
    }

    #panel-prescription-card:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.65);
        display: block;
        content: "";
    }

    #panel-prescription-card #ppc-main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
    }

        #panel-prescription-card #ppc-main #ppc-inner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            #panel-prescription-card #ppc-main #ppc-inner #ppc-box {
                display: inline-block;
                width: 48.8666666667rem;
            }

                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-title {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    color: #FFFFFF;
                    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    position: relative;
                    letter-spacing: 1px;
                    display: block;
                    text-align: left;
                    background-color: #000000;
                    width: 100%;
                    line-height: 3.2rem;
                    height: 3.2rem;
                    padding: 0 1.6666666667rem;
                }

                    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-title .close-button {
                        position: absolute;
                        right: 1.2666666667rem;
                        top: 0.8rem;
                        display: inline-block;
                        width: 1.6rem;
                        height: 1.6rem;
                        padding: 0.4rem;
                        line-height: 0;
                    }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-title .close-button img {
                            width: 0.8rem;
                            height: 0.8rem;
                        }

                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls {
                    text-align: right;
                    padding-top: 0.6666666667rem;
                }

                    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls button {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        position: relative;
                        display: inline-block;
                        line-height: 3rem;
                        padding: 0 1rem;
                        width: 9rem;
                        letter-spacing: 1px;
                        color: #FFFFFF;
                        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                        text-align: left;
                    }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls button:after {
                            position: absolute;
                            display: inline-block;
                            content: "";
                            width: 0.9333333333rem;
                            height: 0.7333333333rem;
                            right: 1rem;
                            top: 1.1333333333rem;
                            background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png);
                            background-position: center center;
                            background-size: contain;
                            background-repeat: no-repeat;
                        }

html.svg #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls button:after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png);
}

#panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls button#ppc-edit {
    background-color: #969696;
}

#panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls button#ppc-confirm {
    margin-left: 0.6666666667rem;
    background-color: #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content {
    background-color: #FFFFFF;
}

    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns,
    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns {
        display: none;
    }

    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 {
        padding-top: 1rem;
        padding-bottom: 1.1333333333rem;
        background-color: #EBEBEB;
        border-bottom: #B4B4B4 1px solid;
    }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-header:after,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-right-eye:after,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-left-eye:after {
            display: block;
            content: "";
            clear: both;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-header > div,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-right-eye > div,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-left-eye > div {
            display: inline-block;
            float: left;
        }

            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-header > div input,
            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-right-eye > div input,
            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-left-eye > div input {
                margin-bottom: 0;
            }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-header {
            margin-bottom: 0.6666666667rem;
        }

            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-header > div {
                font-size: 1rem;
                line-height: 1.3333333333rem;
                height: 1.3333333333rem;
                color: #969696;
                -webkit-text-stroke: rgba(150, 150, 150, 0.1);
            }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-right-eye,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-left-eye {
            margin-bottom: 0.6rem;
        }

            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-right-eye > div,
            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-left-eye > div {
                line-height: 2.2666666667rem;
            }

                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-right-eye > div input,
                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-left-eye > div input {
                    display: inline-block;
                    width: 100%;
                    height: 2.2666666667rem;
                    line-height: 2.2666666667rem;
                    background-color: #FFFFFF;
                    border: rgba(100, 100, 100, 0.2) 1px solid;
                    border-radius: 0.5333333333rem;
                    box-shadow: none;
                }

            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-right-eye input.greyout,
            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-left-eye input.greyout {
                background-color: #e6e6e6;
            }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-eye-position {
            text-align: left;
            min-width: 8.2666666667rem;
            padding-left: 1.6rem;
            padding-right: 0.8rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-eye-sph {
            width: 8.7333333333rem;
            padding-left: 0.7333333333rem;
            padding-right: 0.6666666667rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-eye-cyl {
            width: 8.6666666667rem;
            padding-left: 0.6666666667rem;
            padding-right: 0.6666666667rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-eye-axis {
            width: 5.3333333333rem;
            padding-left: 0.6666666667rem;
            padding-right: 0.6666666667rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1 .form-eye-add {
            width: 8.6666666667rem;
            padding-left: 0.6666666667rem;
            padding-right: 0.6666666667rem;
        }

    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 {
        padding-top: 0.8666666667rem;
        padding-bottom: 1rem;
        border-bottom: #B4B4B4 1px solid;
    }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-header:after,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-right-prism:after,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-left-prism:after {
            display: block;
            content: "";
            clear: both;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-header > div,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-right-prism > div,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-left-prism > div {
            display: inline-block;
            float: left;
        }

            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-header > div input,
            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-right-prism > div input,
            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-left-prism > div input {
                margin-bottom: 0;
            }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-header {
            margin-bottom: 0.6666666667rem;
        }

            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-header > div {
                font-size: 1rem;
                line-height: 1.3333333333rem;
                height: 1.3333333333rem;
                color: #B4B4B4;
                -webkit-text-stroke: rgba(180, 180, 180, 0.1);
            }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-right-prism,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-left-prism {
            margin-bottom: 0.6666666667rem;
        }

            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-right-prism > div,
            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-left-prism > div {
                line-height: 2.2666666667rem;
            }

                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-right-prism > div input,
                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-left-prism > div input {
                    display: inline-block;
                    width: 100%;
                    height: 2.2666666667rem;
                    line-height: 2.2666666667rem;
                    background-color: #FFFFFF;
                    border: rgba(100, 100, 100, 0.2) 1px solid;
                    border-radius: 0.5333333333rem;
                    box-shadow: none;
                }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-left-prism {
            margin-bottom: 0;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-prism-position {
            text-align: left;
            min-width: 8.2666666667rem;
            padding-left: 1.6rem;
            padding-right: 0.8rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-prism-vert-prism {
            width: 8.7333333333rem;
            padding-left: 0.7333333333rem;
            padding-right: 0.6666666667rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-prism-vert-direction {
            width: 8.6666666667rem;
            padding-left: 0.6666666667rem;
            padding-right: 0.6666666667rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-prism-horiz-prism {
            width: 8.6666666667rem;
            padding-left: 0.6666666667rem;
            padding-right: 0.6666666667rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section2 .form-prism-horiz-direction {
            width: 8.6666666667rem;
            padding-left: 0.6666666667rem;
            padding-right: 0.6666666667rem;
        }

    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3 {
        padding: 1.0666666667rem 1.6rem;
        border-bottom: #B4B4B4 1px solid;
        background-color: #EBEBEB;
    }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3:after {
            display: block;
            content: "";
            clear: both;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3 .lpd span,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3 .rpd span {
            display: inline-block;
            float: left;
            line-height: 2.2666666667rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3 .lpd input,
        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3 .rpd input {
            display: inline-block;
            float: right;
            width: 7.3333333333rem;
            height: 2.2666666667rem;
            line-height: 2.2666666667rem;
            background-color: #FFFFFF;
            border: rgba(100, 100, 100, 0.2) 1px solid;
            border-radius: 0.5333333333rem;
            box-shadow: none;
            margin-bottom: 0;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3 .lpd {
            display: inline-block;
            width: 18.1333333333rem;
            float: left;
            margin-right: 1.3333333333rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3 .rpd {
            display: inline-block;
            width: 18.8rem;
            float: left;
        }

    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section4 {
        padding: 1.3333333333rem 1.6666666667rem 2rem;
        text-align: left;
    }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section4 > div {
            margin-bottom: 0.6666666667rem;
        }

        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section4 textarea {
            font-size: 1rem;
            line-height: 1.3333333333rem;
            border: rgba(100, 100, 100, 0.2) 1px solid;
            padding: 0.4666666667rem 0.6666666667rem;
            height: 10rem;
            margin-bottom: 0;
            background-color: #FFFFFF;
            box-shadow: none;
            border-radius: 0.3333333333rem;
        }

@media (max-width: 639px) {
    #panel-prescription-card #ppc-main {
        display: block;
        overflow-y: auto;
        background-color: #F6F6F6;
    }

        #panel-prescription-card #ppc-main #ppc-inner {
            display: block;
        }

            #panel-prescription-card #ppc-main #ppc-inner #ppc-box {
                width: 100%;
                text-align: left;
            }

                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-title {
                    position: fixed;
                    line-height: 3.4285714286rem;
                    height: 7.0714285714rem;
                    padding: 3.6428571429rem 1.2857142857rem 0;
                }

                    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-title .close-button {
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 3.6428571429rem;
                        padding: 0;
                        background-color: #F6F6F6;
                    }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-title .close-button img {
                            display: none;
                        }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-title .close-button::before {
                            -webkit-transform: rotate(180deg);
                            -moz-transform: rotate(180deg);
                            -ms-transform: rotate(180deg);
                            -o-transform: rotate(180deg);
                            transform: rotate(180deg);
                            content: '';
                            background: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png);
                            background-size: contain;
                            width: 1.1428571429rem;
                            height: 0.8571428571rem;
                            position: absolute;
                            top: 1.5rem;
                            left: 1.2857142857rem;
                        }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-title .close-button::after {
                            font-size: 1rem;
                            line-height: 1.2857142857rem;
                            color: #000000;
                            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                            content: 'Back';
                            position: relative;
                            display: block;
                            height: 3.6428571429rem;
                            padding: 1.2857142857rem 0 1.0714285714rem 2.7857142857rem;
                            text-align: left;
                        }

                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls {
                    padding-top: 0;
                    position: fixed;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    z-index: 10;
                }

                    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls button {
                        line-height: 3.5714285714rem;
                        text-align: center;
                    }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls button::after {
                            content: none;
                        }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-controls button#ppc-confirm {
                            width: 100%;
                            margin-left: 0;
                            background-color: #969696;
                        }

                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content {
                    background-color: #F6F6F6;
                    padding: 7.0714285714rem 0 3.5714285714rem;
                }

                    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1,
                    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3 {
                        display: none;
                    }

                    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns {
                        display: block;
                        border-bottom: #B4B4B4 1px solid;
                    }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye {
                            border-bottom: 1px solid rgba(150, 150, 150, 0.5);
                        }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye,
                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye {
                            padding: 1.4285714286rem 1.2857142857rem;
                        }

                            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye:after,
                            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye:after {
                                display: block;
                                content: "";
                                clear: both;
                            }

                            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-eye-position,
                            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-eye-position {
                                font-family: "futura-pt",sans-serif;
                                font-weight: 500;
                                font-style: normal;
                                letter-spacing: 1px;
                                text-transform: uppercase;
                            }

                            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-cell,
                            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-cell {
                                width: 48.5915492958%;
                                margin-top: 1.0714285714rem;
                            }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-cell:nth-of-type(1), #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-cell:nth-of-type(2),
                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-cell:nth-of-type(1),
                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-cell:nth-of-type(2) {
                                    margin-top: 0.7142857143rem;
                                }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-cell:nth-of-type(2n + 1),
                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-cell:nth-of-type(2n + 1) {
                                    float: right;
                                }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-cell:nth-of-type(2n),
                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-cell:nth-of-type(2n) {
                                    float: left;
                                    clear: both;
                                }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-cell span,
                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-cell span {
                                    margin-left: 0.1428571429rem;
                                    vertical-align: bottom;
                                }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-cell a,
                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-cell a {
                                    margin-left: 0.2857142857rem;
                                    vertical-align: bottom;
                                    width: 1.2857142857rem;
                                    height: 1.2857142857rem;
                                }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-cell input,
                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-right-eye .form-cell select,
                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-cell input,
                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section1-ns .form-left-eye .form-cell select {
                                    width: 100%;
                                    border: rgba(100, 100, 100, 0.2) 1px solid;
                                    border-radius: 0.5714285714rem;
                                    height: 2.4285714286rem;
                                    line-height: 2.4285714286rem;
                                    margin: 0;
                                    padding-left: 0.7857142857rem;
                                    margin-top: 0.4285714286rem;
                                    background-color: #FFFFFF;
                                }

                    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns {
                        display: block;
                        border-bottom: #B4B4B4 1px solid;
                        background-color: #EBEBEB;
                        padding: 1.4285714286rem 1.2857142857rem;
                    }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns .form-pd-text {
                            width: 100%;
                        }

                            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns .form-pd-text span {
                                font-family: "futura-pt",sans-serif;
                                font-weight: 500;
                                font-style: normal;
                                letter-spacing: 1px;
                                line-height: 1.2857142857rem;
                                text-transform: uppercase;
                            }

                        #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns .form-pd-input {
                            width: 100%;
                        }

                            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns .form-pd-input:after {
                                display: block;
                                content: "";
                                clear: both;
                            }

                            #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns .form-pd-input div {
                                display: block;
                                width: 48.5915492958%;
                                margin-top: 0.7142857143rem;
                            }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns .form-pd-input div.form-pd-left {
                                    float: left;
                                }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns .form-pd-input div.form-pd-right {
                                    float: right;
                                }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns .form-pd-input div span {
                                    display: inline;
                                    margin-left: 0.1428571429rem;
                                }

                                #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section3-ns .form-pd-input div input {
                                    width: 100%;
                                    border: rgba(100, 100, 100, 0.2) 1px solid;
                                    border-radius: 0.5714285714rem;
                                    height: 2.4285714286rem;
                                    line-height: 2.4285714286rem;
                                    margin: 0;
                                    padding-left: 0.7857142857rem;
                                    margin-top: 0.4285714286rem;
                                    background-color: #FFFFFF;
                                }

                    #panel-prescription-card #ppc-main #ppc-inner #ppc-box #ppc-content .section4 > div {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        letter-spacing: 1px;
                        text-transform: uppercase;
                        margin-bottom: 1.0714285714rem;
                    }
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-26 21:58:59
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 12:33:25
*/
.gg_dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .gg_dialog .gg_dialog_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.65);
        display: block;
        content: "";
    }

    .gg_dialog .gg_dialog_main {
        display: table;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .gg_dialog .gg_dialog_main .gg_dialog_inner {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

            .gg_dialog .gg_dialog_main .gg_dialog_inner .gg_dialog_box {
                display: inline-block;
                background-color: #FFFFFF;
            }

                .gg_dialog .gg_dialog_main .gg_dialog_inner .gg_dialog_box .gg_dialog_title {
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    position: relative;
                    letter-spacing: 1px;
                    display: block;
                    text-align: left;
                    background-color: #000000;
                    color: #FFFFFF;
                    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    width: 100%;
                    line-height: 3.2rem;
                    height: 3.2rem;
                    padding: 0 1.6666666667rem;
                }

                    .gg_dialog .gg_dialog_main .gg_dialog_inner .gg_dialog_box .gg_dialog_title .close-button {
                        position: absolute;
                        right: 0.9333333333rem;
                        top: 0.8rem;
                        display: inline-block;
                        width: 1.6rem;
                        height: 1.6rem;
                        padding: 0.4rem;
                        line-height: 0;
                    }

                        .gg_dialog .gg_dialog_main .gg_dialog_inner .gg_dialog_box .gg_dialog_title .close-button svg {
                            width: 0.8rem;
                            height: 0.8rem;
                        }

                .gg_dialog .gg_dialog_main .gg_dialog_inner .gg_dialog_box .gg_dialog_content {
                    font-size: 1rem;
                    line-height: 1.2rem;
                    display: block;
                    text-align: center;
                    padding: 1.6666666667rem 1.6666666667rem 0;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                }

                .gg_dialog .gg_dialog_main .gg_dialog_inner .gg_dialog_box .gg_dialog_controls {
                    display: block;
                    padding: 2.2rem 0 1.6666666667rem;
                    text-align: center;
                }

                    .gg_dialog .gg_dialog_main .gg_dialog_inner .gg_dialog_box .gg_dialog_controls .confirm-button {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        position: relative;
                        display: inline-block;
                        background-color: #969696;
                        line-height: 3rem;
                        padding: 0 1rem;
                        width: 9rem;
                        letter-spacing: 1px;
                        color: #FFFFFF;
                        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                        text-align: left;
                    }

                        .gg_dialog .gg_dialog_main .gg_dialog_inner .gg_dialog_box .gg_dialog_controls .confirm-button:after {
                            position: absolute;
                            display: inline-block;
                            content: "";
                            width: 0.9333333333rem;
                            height: 0.7333333333rem;
                            right: 1rem;
                            top: 1.1333333333rem;
                            background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png);
                            background-position: center center;
                            background-size: contain;
                            background-repeat: no-repeat;
                        }

html.svg .gg_dialog .gg_dialog_main .gg_dialog_inner .gg_dialog_box .gg_dialog_controls .confirm-button:after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png);
}

/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-11-02 13:06:20
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-11-02 14:52:21
*/
#package-detail-card {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

    #package-detail-card.hide {
        display: none;
    }

    #package-detail-card:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.65);
        display: block;
        content: "";
    }

    #package-detail-card #pdc-main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
    }

        #package-detail-card #pdc-main #pdc-inner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            #package-detail-card #pdc-main #pdc-inner #pdc-box {
                display: inline-block;
                width: 33.8666666667rem;
            }

                #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-title {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    font-size: 1rem;
                    line-height: 1.3333333333rem;
                    color: #FFFFFF;
                    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    position: relative;
                    letter-spacing: 1px;
                    display: block;
                    text-align: left;
                    background-color: #000000;
                    width: 100%;
                    line-height: 3.2rem;
                    height: 3.2rem;
                    padding: 0 1.6666666667rem;
                }

                    #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-title .close-button {
                        position: absolute;
                        right: 1.2666666667rem;
                        top: 0.8rem;
                        display: inline-block;
                        width: 1.6rem;
                        height: 1.6rem;
                        padding: 0.4rem;
                        line-height: 0;
                    }

                        #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-title .close-button img {
                            width: 0.8rem;
                            height: 0.8rem;
                        }

                #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls {
                    text-align: right;
                    padding-top: 0.6666666667rem;
                }

                    #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls button {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        position: relative;
                        display: inline-block;
                        line-height: 3rem;
                        padding: 0 1rem;
                        width: 9rem;
                        letter-spacing: 1px;
                        color: #FFFFFF;
                        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                        text-align: left;
                    }

                        #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls button:after {
                            position: absolute;
                            display: inline-block;
                            content: "";
                            width: 0.9333333333rem;
                            height: 0.7333333333rem;
                            right: 1rem;
                            top: 1.1333333333rem;
                            background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png);
                            background-position: center center;
                            background-size: contain;
                            background-repeat: no-repeat;
                        }

html.svg #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls button:after {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow-inverted.png);
}

#package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls button#pdc-edit {
    background-color: #969696;
}

#package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls button#pdc-confirm {
    margin-left: 0.6666666667rem;
    background-color: #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content {
    background-color: #FFFFFF;
}

    #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul {
        display: block;
        text-align: left;
        padding: 0.6666666667rem 1.6666666667rem 1rem;
    }

        #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li {
            display: block;
            padding: 1rem 0;
            border-top: #b4b4b4 1px solid;
        }

            #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li:first-child {
                border-top-width: 0;
            }

            #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.total {
                border-top-color: #B4B4B4;
            }

                #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.total .value {
                    font-size: 1rem;
                    line-height: 1.2rem;
                }

                    #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.total .value:after {
                        display: block;
                        content: "";
                        clear: both;
                    }

                    #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.total .value .price {
                        font-family: "futura-pt",sans-serif;
                        font-weight: 500;
                        font-style: normal;
                        font-size: 1rem;
                        line-height: 1.2rem;
                        display: inline-block;
                        float: right;
                    }

            #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.with-title .title {
                font-size: 1rem;
                line-height: 1.2rem;
                display: block;
                color: #969696;
            }

            #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.with-title .value {
                font-family: "futura-pt",sans-serif;
                font-weight: 500;
                font-style: normal;
                font-size: 1rem;
                line-height: 1.2rem;
            }

                #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.with-title .value:after {
                    display: block;
                    content: "";
                    clear: both;
                }

                #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.with-title .value .price {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    font-size: 1rem;
                    line-height: 1.2rem;
                    display: inline-block;
                    float: right;
                }

                    #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.with-title .value .price.add:before {
                        display: inline;
                        content: "+";
                    }

@media (max-width: 639px) {
    #package-detail-card #pdc-main {
        display: block;
        overflow-y: auto;
        background-color: #F6F6F6;
    }

        #package-detail-card #pdc-main #pdc-inner {
            display: block;
        }

            #package-detail-card #pdc-main #pdc-inner #pdc-box {
                width: 100%;
                text-align: left;
            }

                #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-title {
                    position: fixed;
                    line-height: 3.4285714286rem;
                    height: 7.0714285714rem;
                    padding: 3.6428571429rem 1.2857142857rem 0;
                }

                    #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-title .close-button {
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 3.6428571429rem;
                        padding: 0;
                        background-color: #F6F6F6;
                    }

                        #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-title .close-button img {
                            display: none;
                        }

                        #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-title .close-button::before {
                            -webkit-transform: rotate(180deg);
                            -moz-transform: rotate(180deg);
                            -ms-transform: rotate(180deg);
                            -o-transform: rotate(180deg);
                            transform: rotate(180deg);
                            content: '';
                            background: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-arrow.png);
                            background-size: contain;
                            width: 1.1428571429rem;
                            height: 0.8571428571rem;
                            position: absolute;
                            top: 1.5rem;
                            left: 1.2857142857rem;
                        }

                        #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-title .close-button::after {
                            font-size: 1rem;
                            line-height: 1.2857142857rem;
                            color: #000000;
                            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                            content: 'Back';
                            position: relative;
                            display: block;
                            height: 3.6428571429rem;
                            padding: 1.2857142857rem 0 1.0714285714rem 2.7857142857rem;
                            text-align: left;
                        }

                #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls {
                    padding-top: 0;
                    position: fixed;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    z-index: 10;
                }

                    #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls button {
                        line-height: 3.5714285714rem;
                        text-align: center;
                    }

                        #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls button::after {
                            content: none;
                        }

                        #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-controls button#pdc-confirm {
                            width: 100%;
                            margin-left: 0;
                            background-color: #969696;
                        }

                #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content {
                    background-color: #F6F6F6;
                    padding: 7.0714285714rem 0 3.5714285714rem;
                }

                    #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul {
                        padding: 0;
                    }

                        #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li {
                            border-top: 0;
                            border-bottom: 1px solid rgba(150, 150, 150, 0.5);
                            padding: 1.0714285714rem 1.2857142857rem;
                        }

                            #package-detail-card #pdc-main #pdc-inner #pdc-box #pdc-content ul li.total {
                                display: none;
                            }
}

/*@media (min-width: getBP('medium')) and (max-width: 1279px){
	body, #root-header, #footer-helper{
		width: 1280px;
	}
}*/
/*
* @Author: K2 Digital ( https://k2.digital/ ) [tech@k2.digital]
* @Date:   2016-10-28 13:14:35
* @Last Modified by:   alextsoi
* @Last Modified time: 2016-10-31 18:09:08
*/
div#our-lens #our-lens-banner {
    position: relative;
}

    div#our-lens #our-lens-banner img {
        width: 100%;
        height: auto;
    }

    div#our-lens #our-lens-banner #our-lens-banner-text {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        div#our-lens #our-lens-banner #our-lens-banner-text .text-table {
            display: table;
            width: 47.0338983051%;
            height: 100%;
        }

            div#our-lens #our-lens-banner #our-lens-banner-text .text-table .text-cell {
                display: table-cell;
                vertical-align: middle;
                padding: 0 2rem;
            }

                div#our-lens #our-lens-banner #our-lens-banner-text .text-table .text-cell h1 {
                    font-family: "ratiomodern",sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    font-size: 2.3333333333rem;
                    line-height: 3rem;
                    margin-bottom: 1.3333333333rem;
                }

                div#our-lens #our-lens-banner #our-lens-banner-text .text-table .text-cell p {
                    font-size: 1rem;
                    line-height: 1.2rem;
                    margin: 0;
                }

div#our-lens #our-lens-container {
    margin-top: -3.3333333333rem;
    padding-bottom: 24.3333333333rem;
}

    div#our-lens #our-lens-container section#lens-type {
        margin-bottom: 6.4rem;
    }

    div#our-lens #our-lens-container section#lens-color {
        margin-top: 8.6666666667rem;
    }

        div#our-lens #our-lens-container section#lens-color:after {
            display: block;
            content: "";
            clear: both;
        }

        div#our-lens #our-lens-container section#lens-color > h2 {
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 2.3333333333rem;
            line-height: 3rem;
            margin-bottom: 3.3333333333rem;
            text-align: center;
        }

        div#our-lens #our-lens-container section#lens-color #lens-color-list .box {
            display: block;
            width: 24.0677966102%;
            float: left;
            margin-left: 1.2711864407%;
            text-align: center;
        }

            div#our-lens #our-lens-container section#lens-color #lens-color-list .box:first-child {
                margin-left: 0;
            }

            div#our-lens #our-lens-container section#lens-color #lens-color-list .box.last {
                margin-left: 0;
                float: right;
            }

            div#our-lens #our-lens-container section#lens-color #lens-color-list .box > img {
                width: 9.3333333333rem;
                height: auto;
            }

            div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text {
                margin-top: 0.6666666667rem;
            }

                div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .title {
                    font-family: "ratiomodern",sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    font-size: 1.3333333333rem;
                    line-height: 1.7333333333rem;
                    margin-bottom: 1rem;
                }

                div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .desc {
                    font-size: 1rem;
                    line-height: 1.2rem;
                    margin-bottom: 1rem;
                    color: #969696;
                    -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                }

                div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .link {
                    text-align: center;
                }

                    div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .link a {
                        position: relative;
                        display: inline-block;
                        color: #969696;
                        -webkit-text-stroke: rgba(150, 150, 150, 0.1);
                        padding-right: 1.3333333333rem;
                    }

                        div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .link a:after {
                            position: absolute;
                            right: 1px;
                            top: 0.4rem;
                            display: inline-block;
                            content: "";
                            width: 0.8rem;
                            height: 0.6rem;
                            background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/OurLens/read-more-grey@2x.png);
                            background-size: contain;
                            background-position: center center;
                            background-repeat: no-repeat;
                        }

                        div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .link a:hover {
                            font-weight: 500;
                            color: #000000;
                            -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                        }

                            div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .link a:hover:after {
                                background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/OurLens/read-more-black@2x.png);
                            }

    div#our-lens #our-lens-container section#lens-type,
    div#our-lens #our-lens-container section#lens-function {
        display: block;
        position: relative;
    }

        div#our-lens #our-lens-container section#lens-type:after,
        div#our-lens #our-lens-container section#lens-function:after {
            display: block;
            content: "";
            clear: both;
        }

        div#our-lens #our-lens-container section#lens-type .controls,
        div#our-lens #our-lens-container section#lens-function .controls {
            position: relative;
            clear: both;
            display: block;
            padding-top: 1.3333333333rem;
            text-align: center;
        }

            div#our-lens #our-lens-container section#lens-type .controls:after,
            div#our-lens #our-lens-container section#lens-function .controls:after {
                display: block;
                content: "";
                clear: both;
            }

            div#our-lens #our-lens-container section#lens-type .controls .slick-arrow,
            div#our-lens #our-lens-container section#lens-function .controls .slick-arrow {
                top: 1.3333333333rem;
                right: 0;
                transform: none;
            }

                div#our-lens #our-lens-container section#lens-type .controls .slick-arrow:before,
                div#our-lens #our-lens-container section#lens-function .controls .slick-arrow:before {
                    display: block;
                    background-size: contain;
                    background-position: center center;
                    background-repeat: no-repeat;
                    transform: none;
                    width: 1.3333333333rem;
                    height: 1.3333333333rem;
                    width: 1.3333333333rem;
                    height: 1.3333333333rem;
                    content: "";
                }

            div#our-lens #our-lens-container section#lens-type .controls .slick-prev.slick-arrow,
            div#our-lens #our-lens-container section#lens-function .controls .slick-prev.slick-arrow {
                left: none;
                left: auto;
                left: initial;
                right: 2rem;
            }

                div#our-lens #our-lens-container section#lens-type .controls .slick-prev.slick-arrow:before,
                div#our-lens #our-lens-container section#lens-function .controls .slick-prev.slick-arrow:before {
                    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/OurLens/icon-left-arrow.png);
                }

html.svg div#our-lens #our-lens-container section#lens-type .controls .slick-prev.slick-arrow:before, html.svg div#our-lens #our-lens-container section#lens-function .controls .slick-prev.slick-arrow:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/OurLens/icon-left-arrow.svg);
}

div#our-lens #our-lens-container section#lens-type .controls .slick-next.slick-arrow:before,
div#our-lens #our-lens-container section#lens-function .controls .slick-next.slick-arrow:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/OurLens/icon-right-arrow.png);
}

html.svg div#our-lens #our-lens-container section#lens-type .controls .slick-next.slick-arrow:before, html.svg div#our-lens #our-lens-container section#lens-function .controls .slick-next.slick-arrow:before {
    background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/OurLens/icon-right-arrow.svg);
}

div#our-lens #our-lens-container section#lens-type .controls .slick-dots,
div#our-lens #our-lens-container section#lens-function .controls .slick-dots {
    position: relative;
    bottom: 0;
    display: inline-block;
    width: auto;
    padding-top: 0.2666666667rem;
    height: 1.0666666667rem;
    line-height: 0.8rem;
}

    div#our-lens #our-lens-container section#lens-type .controls .slick-dots li,
    div#our-lens #our-lens-container section#lens-function .controls .slick-dots li {
        vertical-align: top;
        width: 0.8rem;
        height: 0.8rem;
        margin: 0 0.5333333333rem;
        line-height: 0;
    }

        div#our-lens #our-lens-container section#lens-type .controls .slick-dots li button,
        div#our-lens #our-lens-container section#lens-function .controls .slick-dots li button {
            display: inline-block;
            width: 0.8rem;
            height: 0.8rem;
            border-radius: 0.4rem;
            border: #969696 1px solid;
            background-color: transparent;
        }

            div#our-lens #our-lens-container section#lens-type .controls .slick-dots li button:before,
            div#our-lens #our-lens-container section#lens-function .controls .slick-dots li button:before {
                display: none;
            }

        div#our-lens #our-lens-container section#lens-type .controls .slick-dots li.slick-active button,
        div#our-lens #our-lens-container section#lens-function .controls .slick-dots li.slick-active button {
            border: #000000 1px solid;
            background-color: #000000;
        }

div#our-lens #our-lens-container section#lens-type .box,
div#our-lens #our-lens-container section#lens-function .box {
    position: relative;
    display: inline-block;
    float: left;
    height: auto;
    width: 32.1995464853%;
    outline: none;
}

    div#our-lens #our-lens-container section#lens-type .box img,
    div#our-lens #our-lens-container section#lens-function .box img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    div#our-lens #our-lens-container section#lens-type .box .box-inner,
    div#our-lens #our-lens-container section#lens-function .box .box-inner {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 123.23943662%;
    }

        div#our-lens #our-lens-container section#lens-type .box .box-inner .box-inner-box,
        div#our-lens #our-lens-container section#lens-function .box .box-inner .box-inner-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 2rem;
        }

div#our-lens #our-lens-container section#lens-type .intro.box,
div#our-lens #our-lens-container section#lens-function .intro.box {
    width: 24.0677966102%;
    margin-right: 0;
}

    div#our-lens #our-lens-container section#lens-type .intro.box .title,
    div#our-lens #our-lens-container section#lens-function .intro.box .title {
        font-family: "ratiomodern",sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2.3333333333rem;
        line-height: 3rem;
        margin-bottom: 1.3333333333rem;
    }

    div#our-lens #our-lens-container section#lens-type .intro.box .desc,
    div#our-lens #our-lens-container section#lens-function .intro.box .desc {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    div#our-lens #our-lens-container section#lens-type .intro.box .filters,
    div#our-lens #our-lens-container section#lens-function .intro.box .filters {
        position: absolute;
        bottom: 2rem;
        left: 2rem;
    }

        div#our-lens #our-lens-container section#lens-type .intro.box .filters ul,
        div#our-lens #our-lens-container section#lens-function .intro.box .filters ul {
            padding: 0;
            margin: 0;
        }

            div#our-lens #our-lens-container section#lens-type .intro.box .filters ul:after,
            div#our-lens #our-lens-container section#lens-function .intro.box .filters ul:after {
                display: block;
                content: "";
                clear: both;
            }

            div#our-lens #our-lens-container section#lens-type .intro.box .filters ul li,
            div#our-lens #our-lens-container section#lens-function .intro.box .filters ul li {
                display: inline-block;
                float: left;
                margin-right: 2rem;
            }

                div#our-lens #our-lens-container section#lens-type .intro.box .filters ul li a,
                div#our-lens #our-lens-container section#lens-function .intro.box .filters ul li a {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    position: relative;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                }

                    div#our-lens #our-lens-container section#lens-type .intro.box .filters ul li a:after,
                    div#our-lens #our-lens-container section#lens-function .intro.box .filters ul li a:after {
                        position: absolute;
                        content: "";
                        display: block;
                        width: 100%;
                        height: 1px;
                        bottom: -1px;
                        left: 0;
                        background-color: transparent;
                    }

div#our-lens #our-lens-container section#lens-type .list,
div#our-lens #our-lens-container section#lens-function .list {
    display: block;
    float: right;
    width: 75.7627118644%;
}

    div#our-lens #our-lens-container section#lens-type .list .slick-track,
    div#our-lens #our-lens-container section#lens-function .list .slick-track {
        line-height: 0;
    }

    div#our-lens #our-lens-container section#lens-type .list .slick-dotted.slick-slider,
    div#our-lens #our-lens-container section#lens-function .list .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    div#our-lens #our-lens-container section#lens-type .list .box,
    div#our-lens #our-lens-container section#lens-function .list .box {
        float: left;
        width: 19.8666666667rem;
        overflow: hidden;
        padding-left: 0.9333333333rem;
    }

        div#our-lens #our-lens-container section#lens-type .list .box > img,
        div#our-lens #our-lens-container section#lens-function .list .box > img {
            width: 100%;
            height: 100%;
        }

        div#our-lens #our-lens-container section#lens-type .list .box .box-container,
        div#our-lens #our-lens-container section#lens-function .list .box .box-container {
            position: relative;
            width: 100%;
            height: 100%;
        }

        div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box,
        div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box {
            -webkit-transition: top 400ms;
            -moz-transition: top 400ms;
            -ms-transition: top 400ms;
            -o-transition: top 400ms;
            transition: top 400ms;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            padding: 0;
            top: 81.142857143%;
        }

            div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box:before,
            div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box:before {
                position: absolute;
                display: block;
                content: "";
                width: 100%;
                height: 100%;
                z-index: 10;
            }

            div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box .text,
            div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box .text {
                position: relative;
                display: block;
                z-index: 11;
                width: 100%;
                height: 100%;
            }

                div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box .text .title,
                div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box .text .title {
                    font-family: "ratiomodern",sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    font-size: 1.3333333333rem;
                    line-height: 1.7333333333rem;
                    display: block;
                    height: 4.4rem;
                    line-height: 4.4rem;
                    padding: 0 1.3333333333rem;
                    margin-bottom: 0;
                }

                div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box .text .desc,
                div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box .text .desc {
                    font-size: 1rem;
                    line-height: 1.2rem;
                    display: block;
                    padding: 0 1.3333333333rem;
                }

                div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box .text .link,
                div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box .text .link {
                    position: absolute;
                    left: 1.3333333333rem;
                    bottom: 1.6666666667rem;
                    display: block;
                    padding-right: 1.3333333333rem;
                }

                    div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box .text .link:hover,
                    div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box .text .link:hover {
                        font-weight: 500;
                    }

                    div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box .text .link:after,
                    div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box .text .link:after {
                        position: absolute;
                        right: 1px;
                        top: 0.4rem;
                        display: inline-block;
                        content: "";
                        width: 0.8rem;
                        height: 0.6rem;
                        background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/OurLens/read-more@2x.png);
                        background-size: contain;
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

        div#our-lens #our-lens-container section#lens-type .list .box:hover .box-inner-box,
        div#our-lens #our-lens-container section#lens-function .list .box:hover .box-inner-box {
            top: 0;
        }

div#our-lens #our-lens-container section#lens-type .intro.box {
    background-color: #000000;
}

    div#our-lens #our-lens-container section#lens-type .intro.box .title {
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    }

    div#our-lens #our-lens-container section#lens-type .intro.box .desc {
        color: #B4B4B4;
        -webkit-text-stroke: rgba(180, 180, 180, 0.1);
    }

    div#our-lens #our-lens-container section#lens-type .intro.box .filters ul li a {
        color: #B4B4B4;
        -webkit-text-stroke: rgba(180, 180, 180, 0.1);
    }

div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box:before {
    background-color: rgba(0, 0, 0, 0.8);
}

div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box .text .title {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box .text .desc {
    color: #B4B4B4;
    -webkit-text-stroke: rgba(180, 180, 180, 0.1);
}

div#our-lens #our-lens-container section#lens-type .list .box .box-inner-box .text .link {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

div#our-lens #our-lens-container section#lens-function .intro.box {
    background-color: #646464;
}

    div#our-lens #our-lens-container section#lens-function .intro.box .title {
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    }

    div#our-lens #our-lens-container section#lens-function .intro.box .desc {
        color: #D8D8D8;
        -webkit-text-stroke: rgba(216, 216, 216, 0.1);
    }

    div#our-lens #our-lens-container section#lens-function .intro.box .filters ul li a {
        color: #B4B4B4;
        -webkit-text-stroke: rgba(180, 180, 180, 0.1);
    }

div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box:before {
    background-color: rgba(100, 100, 100, 0.9);
}

div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box .text .title {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box .text .desc {
    color: #B4B4B4;
    -webkit-text-stroke: rgba(180, 180, 180, 0.1);
}

div#our-lens #our-lens-container section#lens-function .list .box .box-inner-box .text .link {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

div#our-lens #our-lens-container section#lens-type.generic .intro.box .filters ul li a.generic {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

    div#our-lens #our-lens-container section#lens-type.generic .intro.box .filters ul li a.generic:after {
        background-color: #FFFFFF;
    }

div#our-lens #our-lens-container section#lens-type.activities .intro.box .filters ul li a.activities {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

    div#our-lens #our-lens-container section#lens-type.activities .intro.box .filters ul li a.activities:after {
        background-color: #FFFFFF;
    }

div#our-lens #our-lens-container section#lens-function.clear .intro.box .filters ul li a.clear {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

    div#our-lens #our-lens-container section#lens-function.clear .intro.box .filters ul li a.clear:after {
        background-color: #FFFFFF;
    }

div#our-lens #our-lens-container section#lens-function.color .intro.box .filters ul li a.color {
    color: #FFFFFF;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
}

    div#our-lens #our-lens-container section#lens-function.color .intro.box .filters ul li a.color:after {
        background-color: #FFFFFF;
    }

@media (max-width: 1279px) {
    div#our-lens #our-lens-banner #our-lens-banner-text {
        position: relative;
    }

        div#our-lens #our-lens-banner #our-lens-banner-text .text-table {
            display: block;
            width: 100%;
            text-align: center;
        }

            div#our-lens #our-lens-banner #our-lens-banner-text .text-table .text-cell {
                display: block;
                padding: 1.7857142857rem 1.2857142857rem 2.8571428571rem;
            }

                div#our-lens #our-lens-banner #our-lens-banner-text .text-table .text-cell h1 {
                    font-size: 1.4666666667rem;
                    line-height: 1.8rem;
                    margin-bottom: 1.0714285714rem;
                }

    div#our-lens #our-lens-container {
        padding: 0;
        margin-top: 0;
    }

        div#our-lens #our-lens-container section#lens-type {
            margin-bottom: 0;
        }

            div#our-lens #our-lens-container section#lens-type .controls,
            div#our-lens #our-lens-container section#lens-function .controls {
                display: none;
            }

            div#our-lens #our-lens-container section#lens-type .accordion-item.is-active .accordion-title::before,
            div#our-lens #our-lens-container section#lens-function .accordion-item.is-active .accordion-title::before {
                background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-minus-white.png");
                background-size: contain;
                background-repeat: no-repeat;
            }

    html.svg div#our-lens #our-lens-container section#lens-type .accordion-item.is-active .accordion-title::before, html.svg div#our-lens #our-lens-container section#lens-function .accordion-item.is-active .accordion-title::before {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-minus-white.svg");
    }

    div#our-lens #our-lens-container section#lens-type .accordion-title,
    div#our-lens #our-lens-container section#lens-function .accordion-title {
        color: #FFFFFF;
        -webkit-text-stroke: rgba(255, 255, 255, 0.1);
        font-size: 1rem;
        line-height: 1.2142857143rem;
        font-family: "futura-pt",sans-serif;
        font-weight: 500;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: 0;
        border-top: 1px solid rgba(180, 180, 180, 0.5);
        padding: 1.0714285714rem 1.2857142857rem;
        background-color: #000000;
    }

        div#our-lens #our-lens-container section#lens-type .accordion-title::before,
        div#our-lens #our-lens-container section#lens-function .accordion-title::before {
            background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-plus-white.png");
            background-size: contain;
            background-repeat: no-repeat;
            content: '';
            width: 1rem;
            height: 1rem;
            right: 1rem;
            background-size: contain;
        }

    html.svg div#our-lens #our-lens-container section#lens-type .accordion-title::before, html.svg div#our-lens #our-lens-container section#lens-function .accordion-title::before {
        background-image: url("/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/common/icon-plus-white.svg");
    }

    div#our-lens #our-lens-container section#lens-type .accordion-content,
    div#our-lens #our-lens-container section#lens-function .accordion-content {
        border: 0;
        padding: 0.7142857143rem 1.2857142857rem 0.3571428571rem;
        border-bottom: 1px solid rgba(180, 180, 180, 0.5);
        background-color: #000000;
    }

        div#our-lens #our-lens-container section#lens-type .accordion-content:after,
        div#our-lens #our-lens-container section#lens-function .accordion-content:after {
            display: block;
            content: "";
            clear: both;
        }

        div#our-lens #our-lens-container section#lens-type .accordion-content .box,
        div#our-lens #our-lens-container section#lens-function .accordion-content .box {
            width: 48.2394366197%;
            padding-left: 0;
            margin-bottom: 2rem;
        }

            div#our-lens #our-lens-container section#lens-type .accordion-content .box img,
            div#our-lens #our-lens-container section#lens-function .accordion-content .box img {
                width: auto;
                height: auto;
            }

            div#our-lens #our-lens-container section#lens-type .accordion-content .box:nth-child(2n),
            div#our-lens #our-lens-container section#lens-function .accordion-content .box:nth-child(2n) {
                float: right;
            }

            div#our-lens #our-lens-container section#lens-type .accordion-content .box .box-inner,
            div#our-lens #our-lens-container section#lens-function .accordion-content .box .box-inner {
                height: auto;
                padding: 0;
            }

                div#our-lens #our-lens-container section#lens-type .accordion-content .box .box-inner .box-inner-box,
                div#our-lens #our-lens-container section#lens-function .accordion-content .box .box-inner .box-inner-box {
                    position: relative;
                    padding: 0;
                }

                    div#our-lens #our-lens-container section#lens-type .accordion-content .box .box-inner .box-inner-box::before,
                    div#our-lens #our-lens-container section#lens-function .accordion-content .box .box-inner .box-inner-box::before {
                        content: none;
                    }

                    div#our-lens #our-lens-container section#lens-type .accordion-content .box .box-inner .box-inner-box .text,
                    div#our-lens #our-lens-container section#lens-function .accordion-content .box .box-inner .box-inner-box .text {
                        display: inline-block;
                        width: 100%;
                        padding-top: calc( 123.23943662% + 0.3571428571rem);
                    }

                        div#our-lens #our-lens-container section#lens-type .accordion-content .box .box-inner .box-inner-box .text .title,
                        div#our-lens #our-lens-container section#lens-function .accordion-content .box .box-inner .box-inner-box .text .title {
                            font-family: "ratiomodern",sans-serif;
                            font-weight: 400;
                            font-style: normal;
                            font-size: 1.2857142857rem;
                            line-height: 1.5rem;
                            color: #FFFFFF;
                            -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                            height: auto;
                            padding-bottom: 0;
                        }

                        div#our-lens #our-lens-container section#lens-type .accordion-content .box .box-inner .box-inner-box .text .desc,
                        div#our-lens #our-lens-container section#lens-type .accordion-content .box .box-inner .box-inner-box .text .link,
                        div#our-lens #our-lens-container section#lens-function .accordion-content .box .box-inner .box-inner-box .text .desc,
                        div#our-lens #our-lens-container section#lens-function .accordion-content .box .box-inner .box-inner-box .text .link {
                            display: none;
                        }

    div#our-lens #our-lens-container section#lens-type .intro.box,
    div#our-lens #our-lens-container section#lens-function .intro.box {
        width: 100%;
        float: none;
    }

        div#our-lens #our-lens-container section#lens-type .intro.box .filters,
        div#our-lens #our-lens-container section#lens-function .intro.box .filters {
            display: none;
        }

        div#our-lens #our-lens-container section#lens-type .intro.box .box-inner,
        div#our-lens #our-lens-container section#lens-function .intro.box .box-inner {
            padding-top: 0;
            height: auto;
        }

            div#our-lens #our-lens-container section#lens-type .intro.box .box-inner .box-inner-box,
            div#our-lens #our-lens-container section#lens-function .intro.box .box-inner .box-inner-box {
                position: relative;
                padding: 1.4285714286rem 1.2857142857rem;
                height: auto;
            }

                div#our-lens #our-lens-container section#lens-type .intro.box .box-inner .box-inner-box .title,
                div#our-lens #our-lens-container section#lens-function .intro.box .box-inner .box-inner-box .title {
                    font-family: "futura-pt",sans-serif;
                    font-weight: 500;
                    font-style: normal;
                    font-size: 1rem;
                    line-height: 1.2142857143rem;
                    text-transform: uppercase;
                }

                div#our-lens #our-lens-container section#lens-type .intro.box .box-inner .box-inner-box .desc,
                div#our-lens #our-lens-container section#lens-function .intro.box .box-inner .box-inner-box .desc {
                    color: #FFFFFF;
                    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
                    margin-bottom: 0;
                }

    div#our-lens #our-lens-container section#lens-function .accordion-title,
    div#our-lens #our-lens-container section#lens-function .accordion-content {
        background-color: #646464;
    }
}

@media (max-width: 639px) {
    div#our-lens #our-lens-container section#lens-color {
        margin-top: 0;
    }

        div#our-lens #our-lens-container section#lens-color > h2 {
            font-family: "futura-pt",sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.2142857143rem;
            padding: 1.0714285714rem 1.2857142857rem;
            margin-bottom: 0;
            text-transform: uppercase;
            text-align: left;
        }

        div#our-lens #our-lens-container section#lens-color #lens-color-list .box {
            position: relative;
            width: 100%;
            float: none;
            margin-left: 0;
            border-top: 1px solid rgba(180, 180, 180, 0.5);
            text-align: left;
        }

            div#our-lens #our-lens-container section#lens-color #lens-color-list .box.list {
                float: none;
            }

            div#our-lens #our-lens-container section#lens-color #lens-color-list .box > img {
                position: absolute;
                top: 1.7857142857rem;
                left: 1.2857142857rem;
                width: 4.6428571429rem;
            }

            div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text {
                margin-top: 0;
                padding: 1.4285714286rem 1.2857142857rem 1.4285714286rem 6.5rem;
            }

                div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .title {
                    font-size: 1.2857142857rem;
                    line-height: 1.6428571429rem;
                    margin-bottom: 0.7142857143rem;
                    margin-left: -0.0714285714rem;
                }

                div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .desc {
                    color: #000000;
                    -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                }

                div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .link {
                    text-align: left;
                }

                    div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .link a {
                        color: #000000;
                        -webkit-text-stroke: rgba(0, 0, 0, 0.1);
                    }

                        div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .link a::after {
                            top: 0.3571428571rem;
                            background-image: url(/National_Library/oe_/https://www.glassesgallery.com/Assets/img/v2/OurLens/read-more-black@2x.png);
                        }
}

@media (max-width: 639px) {
    #product-detail .product .about .buttons .tryon {
        display: none;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    #product-detail .product .about .buttons .tryon {
        display: none;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    div#our-lens #our-lens-banner #our-lens-banner-text .text-table .text-cell {
        padding: 3.3333333333rem 6.1333333333rem;
    }

        div#our-lens #our-lens-banner #our-lens-banner-text .text-table .text-cell h1 {
            font-size: 1.6666666667rem;
            line-height: 2rem;
        }

    div#our-lens #our-lens-container section#lens-type .accordion-title,
    div#our-lens #our-lens-container section#lens-function .accordion-title {
        font-size: 0.9333333333rem;
        line-height: 1.2rem;
        padding: 1.3333333333rem 2.1333333333rem;
    }

        div#our-lens #our-lens-container section#lens-type .accordion-title::before,
        div#our-lens #our-lens-container section#lens-function .accordion-title::before {
            right: 2.1333333333rem;
        }

    div#our-lens #our-lens-container section#lens-type .accordion-content,
    div#our-lens #our-lens-container section#lens-function .accordion-content {
        padding: 0 2.1333333333rem 1.2rem;
    }

        div#our-lens #our-lens-container section#lens-type .accordion-content .box,
        div#our-lens #our-lens-container section#lens-function .accordion-content .box {
            width: 31.8181818182%;
            margin-bottom: 1.8666666667rem;
        }

            div#our-lens #our-lens-container section#lens-type .accordion-content .box:nth-child(3n + 1), div#our-lens #our-lens-container section#lens-type .accordion-content .box:nth-child(3n + 2),
            div#our-lens #our-lens-container section#lens-function .accordion-content .box:nth-child(3n + 1),
            div#our-lens #our-lens-container section#lens-function .accordion-content .box:nth-child(3n + 2) {
                float: left;
            }

            div#our-lens #our-lens-container section#lens-type .accordion-content .box:nth-child(3n + 2),
            div#our-lens #our-lens-container section#lens-function .accordion-content .box:nth-child(3n + 2) {
                margin-left: 2.1306818182%;
            }

            div#our-lens #our-lens-container section#lens-type .accordion-content .box:nth-child(3n),
            div#our-lens #our-lens-container section#lens-function .accordion-content .box:nth-child(3n) {
                float: right;
            }

            div#our-lens #our-lens-container section#lens-type .accordion-content .box .box-inner .box-inner-box .text,
            div#our-lens #our-lens-container section#lens-function .accordion-content .box .box-inner .box-inner-box .text {
                padding-top: calc( 123.23943662% + 0.3333333333rem);
            }

                div#our-lens #our-lens-container section#lens-type .accordion-content .box .box-inner .box-inner-box .text .title,
                div#our-lens #our-lens-container section#lens-function .accordion-content .box .box-inner .box-inner-box .text .title {
                    font-size: 1.2rem;
                    line-height: 1.4rem;
                }

    div#our-lens #our-lens-container section#lens-type .intro.box .box-inner .box-inner-box,
    div#our-lens #our-lens-container section#lens-function .intro.box .box-inner .box-inner-box {
        padding: 1.6666666667rem 2.1333333333rem;
    }

        div#our-lens #our-lens-container section#lens-type .intro.box .box-inner .box-inner-box .title,
        div#our-lens #our-lens-container section#lens-function .intro.box .box-inner .box-inner-box .title {
            font-family: "ratiomodern",sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1.6666666667rem;
            line-height: 2.1333333333rem;
            text-transform: capitalize;
        }

        div#our-lens #our-lens-container section#lens-type .intro.box .box-inner .box-inner-box .desc,
        div#our-lens #our-lens-container section#lens-function .intro.box .box-inner .box-inner-box .desc {
            font-size: 1rem;
            line-height: 1.2rem;
        }

    div#our-lens #our-lens-container section#lens-color {
        margin-top: 3.3333333333rem;
        margin-bottom: 2rem;
    }

        div#our-lens #our-lens-container section#lens-color > h2 {
            font-size: 1.6666666667rem;
            line-height: 2.1333333333rem;
        }

        div#our-lens #our-lens-container section#lens-color #lens-color-list {
            padding: 0 2.1333333333rem;
        }

            div#our-lens #our-lens-container section#lens-color #lens-color-list .box {
                width: 48.7215909091%;
                margin-left: 0;
                margin-bottom: 3.3333333333rem;
            }

                div#our-lens #our-lens-container section#lens-color #lens-color-list .box:nth-child(3) {
                    clear: both;
                }

                div#our-lens #our-lens-container section#lens-color #lens-color-list .box:nth-child(2), div#our-lens #our-lens-container section#lens-color #lens-color-list .box.last {
                    float: right;
                }

                div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text {
                    margin-top: 1rem;
                }

                    div#our-lens #our-lens-container section#lens-color #lens-color-list .box .text .title {
                        font-size: 1.2rem;
                        line-height: 1.5333333333rem;
                        margin-bottom: 0.6666666667rem;
                    }
}