@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.small-pull-1,
.small-pull-10,
.small-pull-11,
.small-pull-2,
.small-pull-3,
.small-pull-4,
.small-pull-5,
.small-pull-6,
.small-pull-7,
.small-pull-8,
.small-pull-9,
.small-push-1,
.small-push-10,
.small-push-11,
.small-push-2,
.small-push-3,
.small-push-4,
.small-push-5,
.small-push-6,
.small-push-7,
.small-push-8,
.small-push-9,
sub,
sup {
    position: relative
}

*,
.icon:before,
body {
    -moz-osx-font-smoothing: grayscale
}

*,
[data-whatinput=mouse] .button,
[data-whatinput=mouse] button,
a:active,
a:hover {
    outline: 0
}

img,
legend {
    border: 0
}

button,
legend,
td,
th {
    padding: 0
}

.icon:before,
button,
select {
    text-transform: none
}

#log-error,
.button,
.text-center {
    text-align: center
}

button,
select {
    -moz-appearance: none
}

.button,
img,
input,
select,
textarea {
    vertical-align: middle
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.icon:before,
body {
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

*,
.icon:before {
    font-smoothing: antialiased
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

.button,
button,
select {
    -webkit-appearance: none
}

button[disabled],
html input[disabled] {
    cursor: not-allowed
}

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

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

.foundation-mq {
    font-family: "small=0em&medium=50em&large=68.75em&xlarge=77.8125em&xxlarge=90em"
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

body {
    line-height: 1.5;
    background: #fefefe
}

select {
    width: 100%;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

button {
    overflow: visible;
    background: 0 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

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

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

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

.row::after {
    clear: both
}

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

.row .row {
    margin-left: -.625rem;
    margin-right: -.625rem
}

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

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

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

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

@media screen and (min-width:50em) {

    .column,
    .columns {
        padding-left: .9375rem;
        padding-right: .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.33333%
}

.small-push-1 {
    left: 8.33333%
}

.small-pull-1 {
    left: -8.33333%
}

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

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    left: 16.66667%
}

.small-pull-2 {
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    left: 25%
}

.small-pull-3 {
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    left: 33.33333%
}

.small-pull-4 {
    left: -33.33333%
}

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

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    left: 41.66667%
}

.small-pull-5 {
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    left: 50%
}

.small-pull-6 {
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    left: 58.33333%
}

.small-pull-7 {
    left: -58.33333%
}

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

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    left: 66.66667%
}

.small-pull-8 {
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    left: 75%
}

.small-pull-9 {
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    left: 83.33333%
}

.small-pull-10 {
    left: -83.33333%
}

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

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    left: 91.66667%
}

.small-pull-11 {
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.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.33333%;
    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.66667%;
    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.28571%;
    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 {
    margin-left: 0;
    margin-right: 0
}

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

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

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

@media screen and (min-width:50em) {

    .medium-pull-1,
    .medium-pull-10,
    .medium-pull-11,
    .medium-pull-2,
    .medium-pull-3,
    .medium-pull-4,
    .medium-pull-5,
    .medium-pull-6,
    .medium-pull-7,
    .medium-pull-8,
    .medium-pull-9,
    .medium-push-1,
    .medium-push-10,
    .medium-push-11,
    .medium-push-2,
    .medium-push-3,
    .medium-push-4,
    .medium-push-5,
    .medium-push-6,
    .medium-push-7,
    .medium-push-8,
    .medium-push-9 {
        position: relative
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        left: 8.33333%
    }

    .medium-pull-1 {
        left: -8.33333%
    }

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

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        left: 16.66667%
    }

    .medium-pull-2 {
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        left: 25%
    }

    .medium-pull-3 {
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        left: 33.33333%
    }

    .medium-pull-4 {
        left: -33.33333%
    }

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

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        left: 41.66667%
    }

    .medium-pull-5 {
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        left: 50%
    }

    .medium-pull-6 {
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        left: 58.33333%
    }

    .medium-pull-7 {
        left: -58.33333%
    }

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

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        left: 66.66667%
    }

    .medium-pull-8 {
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        left: 75%
    }

    .medium-pull-9 {
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        left: 83.33333%
    }

    .medium-pull-10 {
        left: -83.33333%
    }

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

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        left: 91.66667%
    }

    .medium-pull-11 {
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .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.33333%;
        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.66667%;
        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.28571%;
        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 {
        margin-left: 0;
        margin-right: 0
    }

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

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

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

@media screen and (min-width:68.75em) {

    .large-pull-1,
    .large-pull-10,
    .large-pull-11,
    .large-pull-2,
    .large-pull-3,
    .large-pull-4,
    .large-pull-5,
    .large-pull-6,
    .large-pull-7,
    .large-pull-8,
    .large-pull-9,
    .large-push-1,
    .large-push-10,
    .large-push-11,
    .large-push-2,
    .large-push-3,
    .large-push-4,
    .large-push-5,
    .large-push-6,
    .large-push-7,
    .large-push-8,
    .large-push-9 {
        position: relative
    }

    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        left: 8.33333%
    }

    .large-pull-1 {
        left: -8.33333%
    }

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

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        left: 16.66667%
    }

    .large-pull-2 {
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        left: 25%
    }

    .large-pull-3 {
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        left: 33.33333%
    }

    .large-pull-4 {
        left: -33.33333%
    }

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

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        left: 41.66667%
    }

    .large-pull-5 {
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        left: 50%
    }

    .large-pull-6 {
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        left: 58.33333%
    }

    .large-pull-7 {
        left: -58.33333%
    }

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

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        left: 66.66667%
    }

    .large-pull-8 {
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        left: 75%
    }

    .large-pull-9 {
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        left: 83.33333%
    }

    .large-pull-10 {
        left: -83.33333%
    }

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

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        left: 91.66667%
    }

    .large-pull-11 {
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .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.33333%;
        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.66667%;
        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.28571%;
        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 {
        margin-left: 0;
        margin-right: 0
    }

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

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

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

.button {
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
    border: 1px solid transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    background-color: #2199e8;
    color: #fefefe
}

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

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .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:focus,
.button.primary:hover {
    background-color: #147cc0;
    color: #fefefe
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a,
a:hover {
    color: #000
}

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

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

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

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

.flex-video embed,
.flex-video iframe,
.flex-video object,
.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
}

@font-face {
    font-family: Frutiger;
    src: url(../fonts/FrutigerLTPro-Bold.otf) format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Frutiger-condensed;
    src: url(../fonts/FrutigerLTPro-Condensed.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Frutiger;
    src: url(../fonts/FrutigerLTPro-Roman.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @ font-face {
        font-family: Icons;
        src: url(../fonts/icons.svg#Icons) format("svg")
    }
}

.icon:before {
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility
}

.icon-back:before {
    content: "\f100"
}

.icon-close:before {
    content: "\f101"
}

.icon-down:before {
    content: "\f102"
}

.icon-right:before {
    content: "\f103"
}

.icon-up:before {
    content: "\f104"
}

#log-error {
    position: fixed;
    top: 50%;
    left: 0;
    color: red;
    font-size: 14px;
    font-weight: 700;
    z-index: 2000000000
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    color: #252525;
    font-family: Frutiger, "Opens Sans", Arial, "Helvetica Neue", Helvetica, sans-serif
}

body {
    font-size: 1em
}

#main-container {
    height: 100%;
    min-height: 100%;
    width: 100%;
    background: url(../images/background.jpg) center bottom no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-app-region: drag;
    -webkit-user-select: none
}

.sidebar-content,
.zoom-overlay,
.zoom-overlay *,
a,
button,
img,
input,
label,
select,
textarea {
    -webkit-app-region: no-drag
}

a {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

p {
    margin: 8px 0
}

pre {
    margin: 10px 0
}

blockquote {
    font-size: .85rem;
    padding: 3px 1.25rem
}

blockquote li {
    font-size: .85rem !important
}

blockquote li:before {
    top: 1px !important
}

#temp-pdf-generate {
    position: fixed;
    z-index: -6
}

.block {
    display: block !important;
    width: 100%
}

.smaller {
    font-size: .7vw;
    font-weight: 400
}

.valign-wrapper {
    display: table;
    width: 100%;
    height: 100%
}

.valign-wrapper-content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.full-width {
    max-width: 100% !important
}

.mb20 {
    margin-bottom: 20px !important
}

.tac {
    text-align: center !important
}

.tar {
    text-align: right !important
}

.no-marge {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

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

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

.column:last-child:not(.pull--right),
.column:last-child:not(.unfloated),
.columns:last-child:not(.pull--right),
.columns:last-child:not(.unfloated) {
    float: left !important
}

.select-wrapper {
    position: relative
}

.select-wrapper i.select-arrow {
    position: absolute;
    right: 10px;
    top: 10px;
    font-style: normal;
    pointer-events: none;
}

.select-wrapper i.select-arrow:after {
    content: "\f102";
    display: inline-block;
    font-size: 20px;
    color: #252525;
    font-family: Icons;
    font-weight: 400;
    line-height: 1
}

button,
input,
select,
textarea {
    display: inline-block;
    color: #252525;
    line-height: 1rem;
    font-size: .766rem
}

.select-wrapper i.select-arrow.active:after {
    content: "\f104"
}

input,
select,
textarea {
    padding: 10px 15px;
    border: 1px solid #f1f1f1;
    background: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-weight: 400
}

input:disabled,
select:disabled,
textarea:disabled {
    border-color: #ddd;
    background: #ddd;
    cursor: not-allowed
}

input[type=radio] {
    margin-top: -2px;
    margin-right: 5px
}

label.check-label-text-input+input[type=text],
label.check-label-text-input+textarea {
    width: 80%
}

textarea {
    min-height: 50px;
    border: none;
    resize: none;
    vertical-align: top !important;
    height: 80px
}

button {
    border: none;
    font-weight: 700;
    cursor: pointer
}

.config-button-back:before,
.config-button-next:after {
    font-size: 14px;
    color: #252525;
    font-family: Icons;
    display: inline-block;
    vertical-align: middle
}

button:not(.nostyle) {
    background: #fff;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 1px 2px rgba(191, 191, 193, .7);
    box-shadow: 0 1px 2px rgba(191, 191, 193, .7)
}

button:not(.nostyle):hover {
    background: #f2f2f2
}

.config-button-wrapper {
    z-index: 100;
    position: fixed;
    bottom: 20px;
    height: 40px;
    width: 100%;
    left: 0;
    overflow: hidden
}

.config-button-back {
    z-index: 100;
    float: left;
    margin-left: 20px;
    padding: 10px 15px
}

.config-button-back span {
    display: inline-block;
    vertical-align: middle
}

.config-button-back:before {
    content: "\f100";
    margin-right: 8px
}

.config-button-next {
    z-index: 100;
    float: right;
    margin-right: 20px;
    padding: 10px 15px
}

.config-button-next span {
    display: inline-block;
    vertical-align: middle
}

.config-button-next:after {
    content: "\f103";
    margin-left: 8px
}

.label,
label {
    text-align: left;
    color: #000;
    font-size: .8rem;
    line-height: 1.1;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px
}

.form-line-home,
.form-line-home button,
.form-line-home select {
    text-align: center
}

.label-bigger,
label-bigger {
    font-size: 1.2rem
}

.form-line {
    margin: 20px 0;
    font-size: 0
}

.form-line-multiple-checkbox label {
    margin-right: 10px
}

.lang-fr-CA .productPrice-add-list,
.lang-en-CA .productPrice-add-list,
.lang-en-CA #pal-product-add-list,
.lang-fr-CA #pal-product-add-list{
    display: none;
}

.form-line-multiple-checkbox label span {
    padding-left: 20px !important;
    padding-top: 2px !important
}

.form-line input,
.form-line label,
.form-line span {
    font-size: 1rem;
    font-size: .8rem
}

.form-line-home {
    width: 50%;
    margin: 30px auto
}

.form-line-home label {
    display: block;
    margin-bottom: 8px
}

.form-line-inline {
    text-align: right
}

.form-line-inline label {
    width: 30%;
    padding-right: 1%;
    display: inline-block;
    text-align: left
}

.form-line-inline input {
    display: inline-block;
    width: 70%
}

.form-line-small {
    margin: 5px 0
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked),
[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -99999px;
    display: inline-block;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden
}

[type=checkbox]:checked:disabled+label:before,
[type=checkbox]:checked:disabled+span:before,
[type=checkbox]:not(:checked):disabled+label:before,
[type=checkbox]:not(:checked):disabled+span:before,
[type=radio]:checked:disabled+label:before,
[type=radio]:checked:disabled+span:before,
[type=radio]:not(:checked):disabled+label:before,
[type=radio]:not(:checked):disabled+span:before {
    background: #ddd
}

[type=checkbox]:checked+label,
[type=checkbox]:checked+span,
[type=checkbox]:not(:checked)+label,
[type=checkbox]:not(:checked)+span,
[type=radio]:checked+label,
[type=radio]:checked+span,
[type=radio]:not(:checked)+label,
[type=radio]:not(:checked)+span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 25px;
    cursor: pointer
}

[type=checkbox]:checked+label:before,
[type=checkbox]:checked+span:before,
[type=checkbox]:not(:checked)+label:before,
[type=checkbox]:not(:checked)+span:before,
[type=radio]:checked+label:before,
[type=radio]:checked+span:before,
[type=radio]:not(:checked)+label:before,
[type=radio]:not(:checked)+span:before {
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(0, 0, 0, .5)
}

[type=checkbox]:checked+label:after,
[type=checkbox]:checked+label:before,
[type=checkbox]:checked+span:after,
[type=checkbox]:checked+span:before,
[type=checkbox]:not(:checked)+label:after,
[type=checkbox]:not(:checked)+label:before,
[type=checkbox]:not(:checked)+span:after,
[type=checkbox]:not(:checked)+span:before,
[type=radio]:checked+label:after,
[type=radio]:checked+label:before,
[type=radio]:checked+span:after,
[type=radio]:checked+span:before,
[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:before,
[type=radio]:not(:checked)+span:after,
[type=radio]:not(:checked)+span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: none;
    background: #fff
}

[type=checkbox]:checked+label:after,
[type=checkbox]:checked+span:after,
[type=checkbox]:not(:checked)+label:after,
[type=checkbox]:not(:checked)+span:after,
[type=radio]:checked+label:after,
[type=radio]:checked+span:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+span:after {
    display: inline-block;
    content: '';
    left: 2px;
    top: 0;
    font-size: 12px;
    line-height: 14px;
    background-color: transparent
}

[type=checkbox]:checked+span.text-radio:before,
[type=checkbox]:not(:checked)+span.text-radio:before,
[type=radio]:checked+span.text-radio:before,
[type=radio]:not(:checked)+span.text-radio:before {
    top: 0
}

[type=checkbox]:checked+span.text-radio:after,
[type=checkbox]:not(:checked)+span.text-radio:after,
[type=radio]:checked+span.text-radio:after,
[type=radio]:not(:checked)+span.text-radio:after {
    top: 3px
}

[type=checkbox]:checked+span:after {
    content: '✔';
    color: #333
}

[type=radio]:checked+span:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #333;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 3px;
    left: 3px
}

[type=radio]+span:before {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.popin-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 2000
}

.popin-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 28px;
    height: 28px;
    background: url(../images/ico-close-black.png) center center no-repeat !important;
    cursor: pointer;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important
}

.popin-content {
    padding: 5% 12%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #e8e6ed
}

.popin-content-text {
    text-align: center;
    color: #000;
    margin-bottom: 15px
}

.popin-content-title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 5px
}

.popin-content-resume {
    font-size: 16px;
    text-align: center
}

.popin-content-buttons {
    text-align: center
}

.popin-content-link {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.popin-content-link#popinNo.inverseIcon:after,
.popin-content-link#popinNo:before,
.popin-content-link#popinYes:after {
    font-size: 16px;
    color: #252525;
    font-family: Icons
}

.popin-content-link span {
    display: inline-block;
    vertical-align: middle
}

.popin-content-link#popinYes {
    margin: 0 10px;
    padding: 10px 20px 10px 15px
}

.popin-content-link#popinYes:after {
    content: "\f103";
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.popin-content-link#popinNo {
    margin: 0 10px;
    padding: 10px 15px 10px 20px
}

.popin-content-link#popinNo:before {
    content: "\f100";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.popin-content-link#popinNo.inverseIcon:before {
    content: "";
    display: none
}

.popin-content-link#popinNo.inverseIcon:after {
    content: "\f103";
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 1px
}

.hide,
.zoom-content,
.zoom-overlay.fullscreen .zoom-control {
    display: none
}

.zoom-overlay,
.zoom-overlay.fullscreen .zoom-content-wrapper {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.zoom-overlay {
    position: fixed;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 2000
}

.zoom-content {
    width: 100%;
    height: 100%;
    text-align: center
}

.zoom-content-wrapper {
    width: 96%;
    left: 2%;
    overflow: hidden;
    position: fixed;
    height: 96%;
    top: 2%;
    text-align: center
}

.zoom-content-wrapper #templateScene-content {
    position: relative;
    top: auto;
    left: auto
}

.zoom-control {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4
}

.zoom-control .button-zoom-in {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px;
    background: rgba(0, 0, 0, .5)
}

.zoom-control .button-zoom-in:hover {
    background: rgba(0, 0, 0, .9)
}

.zoom-exit {
    position: fixed;
    top: 2%;
    right: 2%;
    z-index: 4
}

.zoom-exit .button-zoom-out {
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.control-close,
.control-fullscreen {
    width: 28px;
    height: 28px;
    cursor: pointer;
    -webkit-box-shadow: none !important;
    padding: 0 !important
}

#controlWrapper {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000
}

.control-fullscreen {
    background: url(../images/ico-fullscreen.png) center center no-repeat !important;
    box-shadow: none !important;
    margin-right: 5px
}

.control-close {
    background: url(../images/ico-close-black.png) center center no-repeat !important;
    box-shadow: none !important
}

.loading-upload {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 100000;
    display: none
}

.loading-upload-content {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loading-upload-text {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase
}

h1 {
    font-family: Frutiger, "Opens Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #000;
    margin: 0 0 20px;
    padding: 0
}

.slider-logo {
    position: absolute;
    width: 9vw;
    top: 3.3vw;
    left: 3.3vw;
    z-index: 1000
}

.slider-logo img {
    max-width: 100%
}

.slider-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slider-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.slider-item-content-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 74vh;
    overflow: hidden
}

.slider-item-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-animation: itemBackground 4.5s ease-in-out alternate infinite;
    animation: itemBackground 4.5s ease-in-out alternate infinite
}

.slider-item-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 83%;
    text-align: left;
    opacity: 0;
    margin-left: 0
}

.slider-item-text-alone {
    text-align: right
}

.slider-item-text-alone .slider-item-title {
    color: #676e7b
}

.slider-item-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 3.2vw;
    line-height: .9;
    margin-bottom: 5px
}

.slider-item-title span {
    color: #fd0
}

.slider-item-resume {
    color: #fff;
    font-size: 1.3vw
}

.slider-item-image {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 48vw
}

.slider-item-image img {
    width: 100%;
    max-width: none
}

.slider-intro {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 26vh;
    width: 100%;
    background: rgba(0, 0, 0, .5)
}

.slider-intro-content .valign-wrapper-content,
.slider-intro-resume-wrap {
    position: relative
}

.slider-intro-content {
    max-width: 80%;
    margin: 0 0 0 3.3vw;
    padding: 20px 0;
    position: relative;
    height: 100%
}

.slider-intro-title {
    color: #fd0;
    font-weight: 700;
    font-size: 1.9vw;
    max-width: 80%
}

.slider-intro-resume {
    font-size: 1vw;
    line-height: normal;
    color: #fff;
    max-width: 74%
}

.slider-intro-resume p {
    padding: 5px 0
}

.slider-intro-resume p:last-child {
    padding-bottom: 0
}

.slider-intro-link {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px 3% !important;
    background: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    font-size: 1.3vw !important
}

.slider-intro-link:hover {
    background: #fff !important
}

.slider-intro-link span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3vw
}

.slider-intro-link:after {
    content: "\f103";
    display: inline-block;
    font-size: 1.3vw;
    color: #252525;
    margin-left: 8px;
    font-family: Icons;
    line-height: 1.3vw;
    position: relative;
    top: 2px
}

.scene-content,
.sidebar-content {
    position: fixed;
    height: 85%;
    top: 5%
}

@media screen and (max-width:920px) {
    .slider-item-text {
        width: auto !important;
        max-width: none !important;
        left: 10px;
        -webkit-transform: translateX(0) translateY(-50%);
        -ms-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%)
    }

    .slider-item-text-alone {
        right: 10px;
        text-align: right
    }

    .slider-item-text-alone .slider-item-title {
        color: #676e7b
    }

    .slider-intro-content {
        padding: 25px 10px
    }
}

@-webkit-keyframes itemBackground {
    0% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }

    100% {
        -webkit-transform: scale(1.05) rotate(1deg);
        transform: scale(1.05) rotate(1deg)
    }
}

@keyframes itemBackground {
    0% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }

    100% {
        -webkit-transform: scale(1.05) rotate(1deg);
        transform: scale(1.05) rotate(1deg)
    }
}

.sidebar-content {
    width: 30%;
    left: 0;
    padding: 20px 30px 70px 50px;
    overflow-y: auto;
    overflow-x: hidden
}

.scene-content {
    width: 70%;
    left: 30%;
    padding: 20px 30px;
    overflow: hidden
}

.pal-productBlock-wrapper,
.productPriceBlock-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.pal-productBlock-wrapper:first-child,
.productPriceBlock-wrapper:first-child {
    padding-top: 0
}

.pal-productBlock-wrapper:last-child,
.productPriceBlock-wrapper:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.pal-productBlock-wrapper .label-bigger,
.productPriceBlock-wrapper .label-bigger {
    color: #fab20b
}

.productPrice-helpText {
    font-size: 10.5px;
    margin-top: -15px;
    margin-bottom: 10px
}

#homeNext:after,
.exportDocument-beginning:before {
    vertical-align: middle;
    font-size: 14px;
    color: #252525;
    font-family: Icons
}

.pal-productBlock-wrapper:last-child {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.pal-productBlock-wrapper-add {
    padding-top: 10px;
    padding-bottom: 0 !important;
    border-bottom: 0 !important
}

.pal-productBlock-wrapper-showArrow {
    margin-bottom: 10px !important
}

.exportDocument-export {
    line-height: 20px;
    padding-top: 12px !important
}

.exportDocument-export img {
    display: inline-block;
    max-height: 20px;
    margin-right: 10px;
    position: relative;
    top: -2px
}

.exportDocument-beginning {
    line-height: 20px
}

.exportDocument-beginning span {
    display: inline-block;
    vertical-align: middle
}

.exportDocument-beginning:before {
    content: "\f100";
    display: inline-block;
    margin-right: 8px
}

.export-description {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border-left: 4px solid #007bff;
    border-radius: 4px;
}

.export-description p {
    margin: 0;
    color: #495057;
    font-size: 14px;
    line-height: 1.5;
}

.pdf-comment {
    margin-top: 8px;
    font-size: 12px;
    color: #6c757d;
    font-style: italic;
    padding-left: 30px;
}

.productPrice-base-list-wrapper {
    display: none
}

#homeNext:after {
    content: "\f103";
    display: inline-block;
    margin-left: 8px
}

#pageContent {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100%
}

.inline-label {
    display: block;
    font-size: 0
}

.inline-label img,
.inline-label input {
    vertical-align: top;
    font-size: 1rem;
    display: inline-block
}

.inline-label input {
    max-width: 15%;
    margin-right: 5%
}

.inline-label img {
    max-width: 100%
}

.lensGrade-form>div {
    padding-left: 20px;
    margin-top: 4px
}

.lensGrade-form>div:first-child {
    margin-top: 10px
}

.lensGrade-form input {
    width: 100%
}

.indexOptionsBlock {
    margin-bottom: 30px
}

.indexOptionsBlock:last-child {
    margin-bottom: 0
}

.indexOptionsBlock .form-line label {
    display: inline-block;
    width: 15%
}

.indexOptionsBlock .form-line input {
    font-size: .766rem;
    display: inline-block;
    width: 75%;
    margin-left: 10%
}

.templateSelectionItem img {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-box-shadow: 0 2px 8px rgba(51, 51, 51, .4);
    box-shadow: 0 2px 8px rgba(51, 51, 51, .4)
}

.templateSelectionItem:hover img {
    -webkit-box-shadow: 0 2px 12px rgba(51, 51, 51, .7);
    box-shadow: 0 2px 12px rgba(51, 51, 51, .7)
}

#templateScene {
    font-weight: 700 !important;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#templateScene-content {
    display: inline-block;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

#templateScene-model {
    max-width: 100%;
    max-height: 100%
}

#templateScene-title {
    font-size: 1.6vw;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding-left: 10%;
    padding-right: 18%;
    line-height: 1.15
}

#templateScene-title-wrapper {
    width: 100%;
    position: absolute;
    overflow: hidden;
    word-wrap: break-word;
    top: 0;
    height: 13.3%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#templateScene-title span {
    color: #fee032
}

#templateScene-secondaryLogo {
    position: absolute;
    top: .5%;
    right: .3%;
    height: 11.7%;
    width: 18.2%;
    text-align: right
}

#templateScene-secondaryLogo img {
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0
}

#templateScene-images {
    position: absolute;
    top: 15%;
    left: 2%;
    width: 47%;
    font-size: 0;
    text-align: center
}

.country-canada #templateScene-coatingOptions {
    position: absolute;
    top: 14.5%;
    left: 2%;
    width: 46.7%;
    font-size: 0;
    text-align: center
}

#templateScene-images img {
    font-size: 1rem;
    max-width: 29%;
    margin-right: 4%;
    max-height: 105px
}

#templateScene-images img:last-child {
    margin-right: 0
}

#templateScene-introductionText {
    font-size: .65vw;
    position: absolute;
    top: 28.3%;
    left: 3%;
    width: 45%;
    text-align: center;
    line-height: 1.05;
    word-wrap: break-word;
    height: 6.8%;
    overflow: hidden;
    background: white;
}

.country-canada #templateScene-introductionText {
    top: 24.8%;
    left: 49.7%;
    width: 47.9%;
    height: 9.4%;
    overflow: hidden;
    background: white;
}

#configScreenset.is--visible .templateScene-control-zoom {
    display: block
}

.templateScene-control-zoom {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    background-color: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 10px;
    background: rgba(0, 0, 0, .4) !important
}

.templateScene-control-zoom:hover {
    background: rgba(0, 0, 0, .6) !important
}

.templateScene-lensGrade {
    font-size: .7vw;
    position: absolute;
    left: 13.9%;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    width: 11.2%;
    text-align: center
}

.templateScene-lensGrade-0 {
    top: 35.8%
}

.templateScene-lensGrade-1 {
    top: 54.4%
}

.templateScene-lensGrade-2 {
    top: 73.1%
}

.templateScene-indexOptions-index,
.templateScene-indexOptions-price {
    font-size: .4vw;
    position: absolute;
    left: 51%;
    text-align: center;
    width: 2.3%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip
}

.templateScene-indexOptions-index-0,
.templateScene-indexOptions-price-0 {
    top: 17.3%
}

.templateScene-indexOptions-index-1,
.templateScene-indexOptions-price-1 {
    top: 19.6%
}

.templateScene-indexOptions-index-2,
.templateScene-indexOptions-price-2 {
    top: 21.9%
}

.templateScene-indexOptions-index {
    color: #fff;
    font-weight: 400
}

.templateScene-indexOptions-price {
    font-size: .7vw;
    left: 53.7%;
    width: 7%;
    text-align: center
}

.templateScene-indexOptions-price-0 {
    top: 16.8%
}

.templateScene-indexOptions-price-1 {
    top: 19.2%
}

.templateScene-indexOptions-price-2 {
    top: 21.5%
}

.templateScene-productPrice-item {
    font-size: .7vw;
    text-align: left;
    position: absolute;
    width: 96%;
    height: 16%
}

.templateScene-productPrice-item-0 {
    top: 38.3%;
    left: 2.5%
}

.templateScene-productPrice-item-1 {
    top: 56.9%;
    left: 2.5%
}

.templateScene-productPrice-item-2 {
    top: 75.6%;
    left: 2.5%
}

.templateScene-productPrice-item-logo {
    position: absolute;
    top: 9.5%;
    left: 11.3%;
    width: 5%
}

.templateScene-productPrice-item-logo img {
    width: 100%
}

.templateScene-productPrice-item-image {
    position: absolute;
    top: 5%;
    left: 0;
    max-width: 10%
}

.templateScene-productPrice-item-title {
    position: absolute;
    top: .5%;
    left: 19.3%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip
}

.templateScene-productPrice-item-benefits {
    font-size: .52vw;
    line-height: .6vw;
    position: absolute;
    top: 18%;
    left: 19.5%;
    max-width: 19.8%;
    text-align: left;
    overflow: hidden
}

.templateScene-productPrice-item-benefits ul {
    margin: 0;
    padding: 0
}

.templateScene-productPrice-item-benefits ul li {
    display: block;
    padding-left: 8px;
    position: relative
}

.templateScene-productPrice-item-benefits ul li:before {
    content: "•";
    display: inline-block;
    position: absolute;
    left: 1px
}

.templateScene-productPrice-item-stars {
    position: absolute;
    top: -13%;
    left: 25%
}

.templateScene-productPrice-item-star {
    display: inline-block;
    margin: 0 2px;
    max-height: 12px
}

.templateScene-productPrice-item-star:first-child {
    margin-left: 0
}

.templateScene-productPrice-item-price {
    font-size: 1.4vw;
    position: absolute;
    top: 24%;
    font-weight: 700;
    right: 48%;
    left: auto
}

.templateScene-productPrice-item-index {
    font-size: .5vw;
    position: absolute;
    top: 18.5%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    left: 39.6%;
    line-height: 1;
    color: #fff;
    width: 2.6%;
    text-align: center
}

.templateScene-productPrice-item-fitting-price {
    position: absolute;
    top: 53%;
    font-weight: 700;
    right: 48%;
    line-height: 1;
    left: auto;
    width: 12.4%;
    border-top: 1px solid #ccc;
    padding-top: 3px
}

.templateScene-productPrice-item-fitting-price:after {
    content: "";
    display: table;
    clear: both
}

.templateScene-productPrice-item-fitting-price-label {
    font-size: .4vw;
    float: left;
    text-align: left;
    padding-left: 1px
}

.templateScene-productPrice-item-fitting-price-content {
    font-size: .5vw;
    float: right;
    text-align: right;
    position: relative;
    top: -2px
}

.templateScene-productPrice-item-recommended {
    font-size: .6vw;
    position: absolute;
    top: 68%;
    left: 29.3%;
    max-width: 23.5%
}

.templateScene-productPrice-item-recommended-label {
    text-transform: uppercase;
    color: #888
}

.templateScene-productPrice-item-recommended-content {
    font-size: .45vw;
    line-height: 1.13
}

.templateScene-productPrice-item-recommendedRetail {
    font-size: .34vw;
    position: absolute;
    top: 68.1%;
    right: 47.7%
}

.templateScene-productPrice-item-design-index-base {
    font-size: .34vw;
    position: absolute;
    top: 70.5%;
    left: 11.3%;
    max-width: 17.4%;
    line-height: 1.13
}

.templateScene-productPrice-item-availableBase-content,
.templateScene-productPrice-item-availableBase-label,
.templateScene-productPrice-item-availableIndex-content,
.templateScene-productPrice-item-availableIndex-label {
    display: inline-block;
    vertical-align: middle
}

.templateScene-productPrice-item-metrics {
    position: absolute;
    width: 44.8%;
    height: 100%;
    right: 1%;
    top: -6%
}

.templateScene-productPrice-item-metrics-0,
.templateScene-productPrice-item-metrics-1,
.templateScene-productPrice-item-metrics-2 {
    height: 100%;
    top: 0;
    width: 30.8%;
    position: absolute;
    text-align: center
}

.templateScene-productPrice-item-metrics-0 {
    left: 0
}

.templateScene-productPrice-item-metrics-1 {
    left: 34.7%
}

.templateScene-productPrice-item-metrics-2 {
    left: 69.7%
}

.templateScene-productPrice-item-metrics img {
    max-width: 100%;
    max-height: 100%
}

.templateScene-productPrice-item-metrics-title-0 {
    font-size: .6vw;
    position: absolute;
    width: 30.8%;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center
}

.templateScene-productPrice-item-metrics-title-1 {
    font-size: .6vw;
    position: absolute;
    width: 30.8%;
    bottom: 0;
    left: 34.7%;
    color: #fff;
    text-align: center
}

.templateScene-productPrice-item-metrics-title-2 {
    font-size: .6vw;
    position: absolute;
    width: 30.8%;
    bottom: 0;
    left: 69.7%;
    color: #fff;
    text-align: center
}

.templateScene-treatmentOptions {
    font-size: .7vw;
    position: absolute;
    width: 35.7%;
    height: 6.7%;
    top: 16.8%;
    right: 2.4%
}

.templateScene-treatmentOptions-item {
    position: absolute;
    width: 50%;
    height: 100%;
    border-right: 1px solid #ccc
}

.country-canada .templateScene-treatmentOptions-item {
    width: 100%;
}

.templateScene-treatmentOptions-item:last-child {
    border-right: none
}

.templateScene-treatmentOptions-item-row {
    width: 100%;
    position: relative
}

.templateScene-treatmentOptions-item-row:first-child {
    height: 65%
}

.templateScene-treatmentOptions-item-row:last-child {
    border-top: 1px solid #ccc;
    height: 35%
}

.templateScene-treatmentOptions-item-logo {
    top: 0;
    position: absolute;
    left: 0;
    padding: 5px;
    width: 50%;
    text-align: center;
    height: 100%
}

.country-canada .templateScene-treatmentOptions-item-logo{
    width: 100%;
}

.templateScene-treatmentOptions-item-logo img {
    display: inline-block;
    max-width: 55%;
    max-height: 1.5em;
}

.templateScene-treatmentOptions-2 .templateScene-treatmentOptions-item-logo img,
.templateScene-treatmentOptions-3 .templateScene-treatmentOptions-item-logo img,
.templateScene-treatmentOptions-4 .templateScene-treatmentOptions-item-logo img {
    max-width: 95%
}

.templateScene-treatmentOptions-item-title {
    font-size: .5vw;
    padding: .12vw;
    top: 0;
    position: absolute;
    width: 50%;
    left: 50%;
    height: 100%;
    text-align: left;
    line-height: 1;
    overflow: hidden;
    text-overflow: clip
}

.country-canada .templateScene-treatmentOptions-item-title{
    display: none;
}

.templateScene-treatmentOptions-item-price {
    font-size: .8vw;
    display: table-cell;
    position: absolute;
    width: 100%;
    top: 14%;
    text-align: center;
    line-height: 1
}

.templateScene-treatmentOptions-2 .templateScene-treatmentOptions-item {
    width: 50%
}

.templateScene-treatmentOptions-2 .templateScene-treatmentOptions-item-title {
    font-size: .45vw
}

.templateScene-treatmentOptions-2 .templateScene-treatmentOptions-item-price {
    font-size: .7vw
}

.templateScene-treatmentOptions-2 .templateScene-treatmentOptions-item:nth-child(1) {
    left: 0
}

.templateScene-treatmentOptions-2 .templateScene-treatmentOptions-item:nth-child(2) {
    left: 50%
}

.templateScene-treatmentOptions-3 .templateScene-treatmentOptions-item {
    width: 33.33%
}

.templateScene-treatmentOptions-3 .templateScene-treatmentOptions-item-title {
    font-size: .4vw
}

.templateScene-treatmentOptions-3 .templateScene-treatmentOptions-item:nth-child(1) {
    left: 0
}

.templateScene-treatmentOptions-3 .templateScene-treatmentOptions-item:nth-child(2) {
    left: 33.33%
}

.templateScene-treatmentOptions-3 .templateScene-treatmentOptions-item:nth-child(3) {
    left: 66.66%
}

.templateScene-treatmentOptions-4 .templateScene-treatmentOptions-item {
    width: 25%
}

.templateScene-treatmentOptions-4 .templateScene-treatmentOptions-item-title {
    font-size: .34vw
}

.templateScene-treatmentOptions-4 .templateScene-treatmentOptions-item-price {
    font-size: .7vw
}

.templateScene-treatmentOptions-4 .templateScene-treatmentOptions-item:nth-child(1) {
    left: 0
}

.templateScene-treatmentOptions-4 .templateScene-treatmentOptions-item:nth-child(2) {
    left: 25%
}

.templateScene-treatmentOptions-4 .templateScene-treatmentOptions-item:nth-child(3) {
    left: 50%
}

.templateScene-treatmentOptions-4 .templateScene-treatmentOptions-item:nth-child(4) {
    left: 75%
}

.templateScene-coatingOptions {
    font-size: .7vw;
    position: absolute;
    width: 47.6%;
    height: 6.7%;
    top: 27.2%;
    right: 2.5%
}

.country-canada .templateScene-coatingOptions {
    height: 19.2%;
}

.templateScene-coatingOptions-item {
    position: absolute;
    width: 100%;
    height: 100%;
    border-right: 1px solid #ccc
}

.country-canada .templateScene-coatingOptions-item {
    border-right: none
}

.templateScene-coatingOptions-item:last-child {
    border-right: none
}

.templateScene-coatingOptions-item-row {
    width: 100%;
    position: relative;
}

.country-canada .templateScene-coatingOptions-item-row {
    height: 26%;
}

.templateScene-coatingOptions-item-row:first-child {
    height: 66%
}

.country-canada .templateScene-coatingOptions-item-row:first-child {
    height: 46%
}

.templateScene-coatingOptions-item-row:last-child {
    border-top: 1px solid #ccc;
    height: 35%
}

.country-canada .templateScene-coatingOptions-item-row:last-child {
    border-top: none;
    height: 35%
}

.templateScene-coatingOptions-item-logo {
    top: 0;
    position: absolute;
    left: 0;
    padding: 3px;
    width: 50%;
    text-align: center;
    border-right: 1px solid #ccc;
    height: 100%
}

.country-canada .templateScene-coatingOptions-item-logo {
    width: 100%;
    border-right: none;
}

.templateScene-coatingOptions-item-logo img {
    display: inline-block;
    max-width: 60%;
    max-height: 100%
}

.templateScene-coatingOptions-2 .templateScene-coatingOptions-item-logo img,
.templateScene-coatingOptions-3 .templateScene-coatingOptions-item-logo img,
.templateScene-coatingOptions-4 .templateScene-coatingOptions-item-logo img {
    max-width: 80%
}

.templateScene-coatingOptions-item-title {
    font-size: .55vw;
    padding: .15vw;
    top: 0;
    position: absolute;
    width: 50%;
    left: 50%;
    height: 100%;
    text-align: left;
    line-height: 1;
    overflow: hidden;
    text-overflow: clip;
}

.country-canada  .templateScene-coatingOptions-item-title {
    width: 100%;
    left: 00%;
    text-align: center;
}

.templateScene-coatingOptions-item-price {
    font-size: .8vw;
    line-height: 1;
    display: table-cell;
    position: absolute;
    width: 100%;
    top: 15%;
    text-align: center
}

.templateScene-lens-indexOptions-item-image img,
.templateScene-lens-indexOptions-item-information img {
    display: block
}

.templateScene-coatingOptions-2 .templateScene-coatingOptions-item {
    width: 50%
}

.templateScene-coatingOptions-2 .templateScene-coatingOptions-item-title {
    font-size: .5vw
}

.templateScene-coatingOptions-2 .templateScene-coatingOptions-item-price {
    font-size: .7vw
}

.templateScene-coatingOptions-2 .templateScene-coatingOptions-item:nth-child(1) {
    left: 0
}

.templateScene-coatingOptions-2 .templateScene-coatingOptions-item:nth-child(2) {
    left: 50%
}

.templateScene-coatingOptions-3 .templateScene-coatingOptions-item {
    width: 33.33%
}

.templateScene-coatingOptions-3 .templateScene-coatingOptions-item-title {
    font-size: .45vw
}

.templateScene-coatingOptions-3 .templateScene-coatingOptions-item:nth-child(1) {
    left: 0
}

.templateScene-coatingOptions-3 .templateScene-coatingOptions-item:nth-child(2) {
    left: 33.33%
}

.templateScene-coatingOptions-3 .templateScene-coatingOptions-item:nth-child(3) {
    left: 66.66%
}

.templateScene-coatingOptions-4 .templateScene-coatingOptions-item {
    width: 25%
}

.templateScene-coatingOptions-4 .templateScene-coatingOptions-item-title {
    font-size: .4vw
}

.templateScene-coatingOptions-4 .templateScene-coatingOptions-item-price {
    font-size: .7vw
}

.templateScene-coatingOptions-4 .templateScene-coatingOptions-item:nth-child(1) {
    left: 0
}

.templateScene-coatingOptions-4 .templateScene-coatingOptions-item:nth-child(2) {
    left: 25%
}

.templateScene-coatingOptions-4 .templateScene-coatingOptions-item:nth-child(3) {
    left: 50%
}

.templateScene-coatingOptions-4 .templateScene-coatingOptions-item:nth-child(4) {
    left: 75%
}

.templateScene-retailer {
    width: 95.3%;
    height: 4.8%;
    position: absolute;
    top: 94%;
    left: 2.4%;
    text-align: left
}

.templateScene-retailer-name {
    font-size: .9vw;
    text-transform: uppercase;
    font-weight: 700;
    max-width: 69%;
    margin-top: 0.7%;
}

.templateScene-retailer-address {
    font-size: .7vw;
    line-height: .7vw;
    color: #999;
    font-weight: 400;
    max-width: 69%
}

.templateScene-retailer-logo {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    text-align: right
}

.templateScene-retailer-logo img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.templateScene-lens-comparisonType-item {
    font-size: .8vw;
    color: #fff;
    position: absolute;
    width: 5.5%;
    text-align: center;
    left: 4%
}

.templateScene-lens-comparisonType-item-0 {
    top: 25.1%
}

.templateScene-lens-comparisonType-item-1 {
    top: 32.2%
}

.templateScene-lens-comparisonType-item-2 {
    top: 39%
}

.templateScene-lens-comparisonType-item-3 {
    top: 46%
}

.templateScene-lens-comparisonType-item-4 {
    top: 52.9%
}

.templateScene-lens-indexOptions-item {
    font-size: .9vw;
    color: #fff;
    position: absolute;
    width: 19.5%;
    text-align: center;
    top: 15.6%;
    height: 46.4%
}

.templateScene-lens-indexOptions-item-index1 {
    left: 12.1%
}

.templateScene-lens-indexOptions-item-index2 {
    left: 33.3%
}

.templateScene-lens-indexOptions-item-index3 {
    left: 54.5%
}

.templateScene-lens-indexOptions-item-index4 {
    left: 75.8%
}

.templateScene-lens-indexOptions-item-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.templateScene-lens-indexOptions-item-image {
    position: absolute;
    top: 12.2%;
    left: 0;
    max-width: 100%;
    display: block
}

.templateScene-lens-indexOptions-item-image img:first-child {
    margin-top: 0
}

.templateScene-lens-indexOptions-item-information {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 1px;
    left: 0
}

.templateScene-lens-coatingOptions-item {
    position: absolute;
    width: 16.5%;
    padding-right: .5%;
    border-right: 1px solid #252525;
    margin-right: .5%;
    top: 68.7%;
    height: 20%;
    text-align: left
}

.templateScene-lens-coatingOptions-item img {
    max-width: 100%;
    max-height: 100%
}

.templateScene-lens-coatingOptions-item-coating1 {
    left: 4.1%
}

.templateScene-lens-coatingOptions-item-coating2 {
    left: 21.1%
}

.templateScene-lens-coatingOptions-item-coating3 {
    left: 38.1%
}

.templateScene-lens-coatingOptions-item-coating4 {
    left: 55.1%;
    padding-right: 0;
    width: 16%;
    margin-right: 0;
    border-right: none
}

.templateScene-lens-treatmentOptions {
    font-size: .7vw;
    position: absolute;
    width: 22.7%;
    height: 17.1%;
    top: 69.8%;
    right: 4.9%
}

.templateScene-lens-treatmentOptions-item {
    position: absolute;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ccc
}

.templateScene-lens-treatmentOptions-item:last-child {
    border-bottom: none
}

.templateScene-lens-treatmentOptions-item-row {
    width: 100%;
    position: relative
}

.templateScene-lens-treatmentOptions-item-row:first-child {
    height: 100%
}

.templateScene-lens-treatmentOptions-item-logo {
    top: 0;
    position: absolute;
    left: 0;
    padding: 3px;
    width: 50%;
    text-align: center;
    border-right: 1px solid #ccc;
    height: 100%
}

.country-canada .templateScene-lens-treatmentOptions-item-logo {
    width: 100%;
}

.templateScene-lens-treatmentOptions-item-logo img {
    display: inline-block;
    max-width: 80%;
    max-height: 100%
}

.templateScene-lens-treatmentOptions-2 .templateScene-lens-treatmentOptions-item-logo img,
.templateScene-lens-treatmentOptions-3 .templateScene-lens-treatmentOptions-item-logo img,
.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item-logo img {
    max-width: 95%;
    max-height: 100%
}

.country-canada .templateScene-lens-treatmentOptions-2 .templateScene-lens-treatmentOptions-item-logo img,
.country-canada .templateScene-lens-treatmentOptions-3 .templateScene-lens-treatmentOptions-item-logo img,
.country-canada .templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item-logo img {
    max-width: 65%;
    max-height: 80%
}

.templateScene-lens-treatmentOptions-item-title {
    font-size: .8vw;
    padding: 3px 6px;
    top: 0;
    position: absolute;
    width: 50%;
    left: 50%;
    height: 100%;
    text-align: left;
    line-height: 1;
    overflow: hidden;
    text-overflow: clip
}

.country-canada .templateScene-lens-treatmentOptions-item-title{
    display: none;
}

.templateScene-lens-treatmentOptions-2 .templateScene-lens-treatmentOptions-item {
    height: 50%
}

.templateScene-lens-treatmentOptions-2 .templateScene-lens-treatmentOptions-item-title {
    font-size: .8vw
}

.templateScene-lens-treatmentOptions-2 .templateScene-lens-treatmentOptions-item-price {
    font-size: .7vw
}

.templateScene-lens-treatmentOptions-2 .templateScene-lens-treatmentOptions-item:nth-child(1) {
    top: 0
}

.templateScene-lens-treatmentOptions-2 .templateScene-lens-treatmentOptions-item:nth-child(2) {
    top: 50%
}

.templateScene-lens-treatmentOptions-3 .templateScene-lens-treatmentOptions-item {
    height: 33.33%
}

.templateScene-lens-treatmentOptions-3 .templateScene-lens-treatmentOptions-item-title {
    font-size: .6vw
}

.templateScene-lens-treatmentOptions-3 .templateScene-lens-treatmentOptions-item-price {
    font-size: .7vw
}

.templateScene-lens-treatmentOptions-3 .templateScene-lens-treatmentOptions-item:nth-child(1) {
    top: 0
}

.templateScene-lens-treatmentOptions-3 .templateScene-lens-treatmentOptions-item:nth-child(2) {
    top: 33.33%
}

.templateScene-lens-treatmentOptions-3 .templateScene-lens-treatmentOptions-item:nth-child(3) {
    top: 66.66%
}

.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item {
    height: 25%
}

.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item-logo .valign-wrapper,
.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item-logo .valign-wrapper-content {
    display: inline
}

.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item-title {
    font-size: .4vw
}

.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item-price {
    font-size: .7vw
}

.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item:nth-child(1) {
    top: 0
}

.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item:nth-child(2) {
    top: 25%
}

.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item:nth-child(3) {
    top: 50%
}

.templateScene-lens-treatmentOptions-4 .templateScene-lens-treatmentOptions-item:nth-child(4) {
    top: 75%
}

.templateScene-pal-introductionText {
    font-size: .8vw;
    color: #fff;
    position: absolute;
    width: 100%;
    top: 15.5%;
    padding: 0 20px;
    left: 0;
    text-align: center;
    word-wrap: break-word
}

.templateScene-pal-lensGrade {
    font-size: .7vw;
    position: absolute;
    left: 2.3%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    width: 12%
}

.templateScene-pal-lensGrade-0 {
    top: 27.9%
}

.templateScene-pal-lensGrade-1 {
    top: 47.9%
}

.templateScene-pal-lensGrade-2 {
    top: 68%
}

.templateScene-pal-product-item {
    font-size: .7vw;
    text-align: left;
    position: absolute;
    width: 95.5%;
    height: 17%
}

.templateScene-pal-product-item-0 {
    top: 27.4%;
    left: 2.2%
}

.templateScene-pal-product-item-1 {
    top: 47.5%;
    left: 2.2%
}

.templateScene-pal-product-item-2 {
    top: 67.5%;
    left: 2.2%
}

.templateScene-pal-product-item-logo {
    position: absolute;
    top: 25%;
    left: 0;
    max-width: 9%;
    text-align: center;
    height: 75%
}

.templateScene-pal-product-item-logo img {
    width: 70%
}

.templateScene-pal-product-item-label-ofg {
    position: absolute;
    top: 43.8%;
    left: 8.5%;
    text-align: center;
    width: 4.9%;
}

.templateScene-pal-product-item-label-ofg img {
    width: 100%
}

.templateScene-pal-product-item-benefits {
    font-size: .6vw;
    line-height: .7vw;
    position: absolute;
    top: 24%;
    left: 10.5%;
    max-width: 19%;
    text-align: left;
    overflow: hidden;
    word-wrap: break-word;
    height: 72%;
}

.templateScene-pal-product-item-benefits ul{
    list-style-type: none;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    margin: 0;
}

.templateScene-pal-product-item-recommended {
    font-size: .6vw;
    position: absolute;
    bottom: 2%;
    left: 10.5%;
    max-width: 19%;
    word-wrap: break-word;
    display: none;
}

.templateScene-pal-product-item-recommended-label {
    text-transform: uppercase;
    color: #888
}

.templateScene-pal-product-item-recommended-content {
    font-size: .5vw;
    line-height: 1
}

.templateScene-pal-product-item-metrics {
    position: absolute;
    width: 57.2%;
    height: 100%;
    right: 0;
    top: 0
}

.templateScene-pal-product-item-metrics-0,
.templateScene-pal-product-item-metrics-1,
.templateScene-pal-product-item-metrics-2 {
    width: 31.2%;
    height: 100%;
    top: 0;
    text-align: center;
    position: absolute
}

.templateScene-pal-product-item-metrics-0 {
    left: 1px
}

.templateScene-pal-product-item-metrics-1 {
    left: 34.5%
}

.templateScene-pal-product-item-metrics-2 {
    left: 68.9%
}

.templateScene-pal-product-item-metrics img {
    max-width: 100%;
    max-height: 100%
}

.templateScene-pal-product-metrics-title {
    position: absolute;
    width: 55.2%;
    left: 43.2%;
    top: 22.9%
}

.templateScene-pal-product-metrics-title-0,
.templateScene-pal-product-metrics-title-1,
.templateScene-pal-product-metrics-title-2 {
    font-size: .7vw;
    width: 30.8%;
    bottom: 0;
    text-align: center;
    color: #fff;
    position: absolute
}

.templateScene-pal-product-metrics-title-0 {
    left: 0
}

.templateScene-pal-product-metrics-title-1 {
    left: 34.5%
}

.templateScene-pal-product-metrics-title-2 {
    left: 68.8%
}

.templateScene-progressive-tpl-wrapper {
    display: block;
    font-size: .6vw;
    position: absolute;
    top: 14.6%;
    right: 2.4%;
    width: 47.7%;
    height: 18%;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.templateScene-progressive-tpl-indexOptions {
    position: absolute;
    top: 1%;
    left: 0;
    width: 23.5%
}

.templateScene-progressive-tpl-treatmentOptions {
    position: absolute;
    top: 1%;
    right: 0;
    width: 74.7%
}

.templateScene-progressive-tpl-coatingOptions {
    position: absolute;
    top: 59%;
    left: 0;
    width: 100%
}

.country-canada .templateScene-progressive-tpl-coatingOptions{
    display: none;
}

.templateScene-lens-tpl-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.templateScene-lens-tpl-coatingTreatment {
    font-size: .65vw;
    position: absolute;
    top: 65.7%;
    left: 4.1%;
    width: 91.1%;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.templateScene-lens-tpl-coatingTreatment-coating {
    position: absolute;
    left: 0;
    top: 0;
    width: 73.5%
}

.country-canada .templateScene-lens-tpl-coatingTreatment-coating {
    width: 55.5%;
}

.templateScene-lens-tpl-coatingTreatment-lens-material {
    display: none;
}

.country-canada .templateScene-lens-tpl-coatingTreatment-lens-material {
    display: block;
    position: absolute;    
    top: 0;
    left: 55%;
    width: 18.5%;
}

.templateScene-lens-tpl-coatingTreatment-treatment {
    position: absolute;
    right: 0;
    top: 0;
    width: 25.2%
}

.templateScene-lens-tpl-disclaimer {
    font-size: .5vw;
    color: #fff;
    position: absolute;
    top: 62.4%;
    left: 6.5%;
    width: 88.7%;
    text-align: left
}

.templateScene-lens-tpl-diameters {
    display: none !important
}

.templateScene-pal-tpl-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.templateScene-pal-tpl-product {
    font-size: .7vw;
    position: absolute;
    top: 20.6%;
    left: 2.2%;
    width: 20%;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.templateScene-pal-tpl-arrows {
    font-size: .65vw;
    position: absolute;
    color: #fff;
    left: 31%;
    display: block;
    line-height: 1;
    text-align: left;
    height: 15.6%;
    width: 8.9%
}

.templateScene-pal-tpl-arrows>div {
    height: 26%;
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center
}

.templateScene-pal-tpl-arrows-1 {
    top: 27.5%
}

.templateScene-pal-tpl-arrows-2 {
    top: 47.7%
}

.templateScene-pal-tpl-arrows-3 {
    top: 67.6%
}

.templateScene-pal-tpl-arrows-farVision {
    top: 0
}

.templateScene-pal-tpl-arrows-intermediateVision {
    top: 40%
}

.templateScene-pal-tpl-arrows-nearVision {
    top: 81%
}

.templateScene-pal-tpl-annotations {
    font-size: .6vw;
    position: absolute;
    top: 86.5%;
    width: 100%;
    height: 6.2%;
    text-align: left;
    color: #fff;
    display: none;
}

.templateScene-pal-tpl-annotations ul {
    margin: 0;
    padding: 0
}

.templateScene-pal-tpl-annotations ul li {
    line-height: 1.2
}

.templateScene-pal-tpl-annotations-left {
    position: absolute;
    top: 30%;
    left: 4%;
    max-width: 58%
}

.templateScene-pal-tpl-annotations-right {
    font-size: .4vw;
    position: absolute;
    bottom: 15%;
    right: 4%;
    max-width: 32%
}

.lang-pt-BR .templateScene-productPrice-item-recommended-label {
    font-size: .5vw
}

.lang-pt-BR .templateScene-productPrice-item-recommendedRetail {
    font-size: .3vw
}

.lang-hk .templateScene-pal-lensGrade,
.lang-tw .templateScene-pal-lensGrade,
.lang-zh .templateScene-pal-lensGrade {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -2.6%
}

.lang-hk .templateScene-pal-lensGrade-0,
.lang-tw .templateScene-pal-lensGrade-0,
.lang-zh .templateScene-pal-lensGrade-0 {
    top: 34.2%
}

.lang-hk .templateScene-pal-lensGrade-1,
.lang-tw .templateScene-pal-lensGrade-1,
.lang-zh .templateScene-pal-lensGrade-1 {
    top: 54.9%
}

.lang-hk .templateScene-pal-lensGrade-2,
.lang-tw .templateScene-pal-lensGrade-2,
.lang-zh .templateScene-pal-lensGrade-2 {
    top: 74.8%
}

.lang-hk .templateScene-pal-product-item-logo,
.lang-tw .templateScene-pal-product-item-logo,
.lang-zh .templateScene-pal-product-item-logo {
    left: 2.2%;
    top: 11%
}

.lang-hk .templateScene-pal-product-item-benefits,
.lang-tw .templateScene-pal-product-item-benefits,
.lang-zh .templateScene-pal-product-item-benefits {
    top: 10%;
    left: 11%;
    max-width: 18%
}

.lang-hk .templateScene-pal-product-item-recommended,
.lang-tw .templateScene-pal-product-item-recommended,
.lang-zh .templateScene-pal-product-item-recommended {
    bottom: 8%;
    left: 11%;
    max-width: 18%
}