@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin        : 0;
    padding       : 0;
    border        : 0;
    font-size     : 100%;
    font          : inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after {
    content: '';
    content: none
}

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

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

@media print,
screen and (min-width:40em) {

    .reveal,
    .reveal.tiny,
    .reveal.small,
    .reveal.large {
        right : auto;
        left  : auto;
        margin: 0 auto
    }
}

html {
    font-family             : "Microsoft YaHei", "????", "Gothem-Book", sans-serif;
    line-height             : 1.15;
    -ms-text-size-adjust    : 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin   : .67em 0
}

figcaption,
figure {
    display: block
}

hr {
    box-sizing: content-box;
    height    : 0;
    overflow  : visible
}

main {
    display: block
}

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

a {
    background-color            : transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom  : none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size  : 100%;
    line-height: 1.15;
    margin     : 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button,
[type="button"],
[type="reset"],
[type="submit"] {}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding     : 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset    : -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font              : inherit
}

fieldset {
    border : 1px solid silver;
    margin : 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing : border-box;
    display    : table;
    max-width  : 100%;
    padding    : 0;
    color      : inherit;
    white-space: normal
}

progress {
    display       : inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=768px&large=1025px&xlarge=1280px&xxlarge=1441px&xxxlarge=1600px"
}

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

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

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

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

select {
    box-sizing   : border-box;
    width        : 100%;
    border-radius: 3px
}

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

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

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

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

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

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

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

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

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

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

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

.slider-handle:hover {
    background-color: #258dad
}

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

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

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

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

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

.switch {
    height             : 2rem;
    position           : relative;
    margin-bottom      : 1rem;
    outline            : 0;
    font-size          : .875rem;
    font-weight        : bold;
    color              : #fefefe;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none
}

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

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

input+.switch-paddle {
    margin: 0
}

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

input:checked~.switch-paddle {
    background: #2ba6cb
}

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 {
    height: 1.5rem
}

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

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

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

.switch.small {
    height: 1.75rem
}

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

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

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

.switch.large {
    height: 2.5rem
}

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

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

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

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

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

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    transition: height .5s
}

.drilldown a {
    padding   : .7rem 1rem;
    background: #fefefe
}

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

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

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

.drilldown .is-drilldown-submenu a {
    padding: .7rem 1rem
}

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left : 0
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%
}

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

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

.drilldown.align-left .is-drilldown-submenu-parent>a::after {
    left              : auto;
    right             : 1rem;
    display           : block;
    width             : 0;
    height            : 0;
    border            : inset 6px;
    content           : '';
    border-right-width: 0;
    border-left-style : solid;
    border-color      : transparent transparent transparent #2ba6cb
}

.drilldown.align-right .is-drilldown-submenu-parent>a::after {
    right             : auto;
    left              : 1rem;
    display           : block;
    width             : 0;
    height            : 0;
    border            : inset 6px;
    content           : '';
    border-left-width : 0;
    border-right-style: solid;
    border-color      : transparent #2ba6cb transparent transparent
}

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

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a {
    position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    display            : block;
    width              : 0;
    height             : 0;
    border             : inset 6px;
    content            : '';
    border-bottom-width: 0;
    border-top-style   : solid;
    border-color       : #2ba6cb transparent transparent;
    position           : absolute;
    top                : 50%;
    margin-top         : -3px;
    right              : 1rem
}

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

.has-submenu-toggle>a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top     : 0;
    right   : 0;
    cursor  : pointer;
    width   : 40px;
    height  : 40px
}

.submenu-toggle::after {
    display            : block;
    width              : 0;
    height             : 0;
    border             : inset 6px;
    content            : '';
    border-bottom-width: 0;
    border-top-style   : solid;
    border-color       : #2ba6cb transparent transparent;
    top                : 0;
    bottom             : 0;
    margin             : auto
}

.submenu-toggle[aria-expanded='true']::after {
    transform       : scaleY(-1);
    transform-origin: 50% 50%
}

.submenu-toggle-text {
    position         : absolute !important;
    width            : 1px;
    height           : 1px;
    padding          : 0;
    overflow         : hidden;
    clip             : rect(0, 0, 0, 0);
    white-space      : nowrap;
    -webkit-clip-path: inset(50%);
    clip-path        : inset(50%);
    border           : 0
}

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

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

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

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

.dropdown.menu a {
    padding: .7rem 1rem
}

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

.dropdown.menu .is-active>a {
    background: transparent;
    color     : #2ba6cb
}

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

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left : 0
}

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

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

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

.dropdown.menu.vertical>li>a::after {
    right: 14px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    left      : auto;
    margin-top: -6px
}

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

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

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

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

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px
}

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

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

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

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

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

.title-bar {
    padding        : .5rem;
    background     : #0a0a0a;
    color          : #fefefe;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : start;
    justify-content: flex-start;
    -ms-flex-align : center;
    align-items    : center
}

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

.title-bar-left,
.title-bar-right {
    -ms-flex: 1 1 0;
    flex    : 1 1 0
}

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

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

.top-bar {
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-wrap  : nowrap;
    flex-wrap      : nowrap;
    -ms-flex-pack  : justify;
    justify-content: space-between;
    -ms-flex-align : center;
    align-items    : center;
    padding        : .5rem;
    -ms-flex-wrap  : wrap;
    flex-wrap      : wrap
}

.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 {
    -ms-flex : 0 0 100%;
    flex     : 0 0 100%;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .top-bar {
        -ms-flex-wrap: nowrap;
        flex-wrap    : nowrap
    }

    .top-bar .top-bar-left {
        -ms-flex    : 1 1 auto;
        flex        : 1 1 auto;
        margin-right: auto
    }

    .top-bar .top-bar-right {
        -ms-flex   : 0 1 auto;
        flex       : 0 1 auto;
        margin-left: auto
    }
}

@media screen and (max-width:63.9375em) {
    .top-bar.stacked-for-medium {
        -ms-flex-wrap: wrap;
        flex-wrap    : wrap
    }

    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        -ms-flex : 0 0 100%;
        flex     : 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:74.9375em) {
    .top-bar.stacked-for-large {
        -ms-flex-wrap: wrap;
        flex-wrap    : wrap
    }

    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        -ms-flex : 0 0 100%;
        flex     : 0 0 100%;
        max-width: 100%
    }
}

.top-bar-title {
    -ms-flex: 0 0 auto;
    flex    : 0 0 auto;
    margin  : .5rem 1rem .5rem 0
}

.top-bar-left,
.top-bar-right {
    -ms-flex: 0 0 auto;
    flex    : 0 0 auto
}

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

.breadcrumbs::before,
.breadcrumbs::after {
    display                : table;
    content                : ' ';
    -ms-flex-preferred-size: 0;
    flex-basis             : 0;
    -ms-flex-order         : 1;
    order                  : 1
}

.breadcrumbs::after {
    clear: both
}

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

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

.breadcrumbs a {
    color: #2ba6cb
}

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

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

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

.pagination::before,
.pagination::after {
    display                : table;
    content                : ' ';
    -ms-flex-preferred-size: 0;
    flex-basis             : 0;
    -ms-flex-order         : 1;
    order                  : 1
}

.pagination::after {
    clear: both
}

.pagination li {
    margin-right : .0625rem;
    border-radius: 3px;
    font-size    : .875rem;
    display      : none
}

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

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

.pagination a,
.pagination button {
    display      : block;
    padding      : .1875rem .625rem;
    border-radius: 3px;
    color        : #0a0a0a
}

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

.pagination .current {
    padding   : .1875rem .625rem;
    background: #2ba6cb;
    color     : #fefefe;
    cursor    : default
}

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

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '…';
    color  : #0a0a0a
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display     : inline-block;
    margin-right: .5rem;
    content     : '«'
}

.pagination-next a::after,
.pagination-next.disabled::after {
    display    : inline-block;
    margin-left: .5rem;
    content    : '»'
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

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

.dropdown-pane.is-opening {
    display: block
}

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

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

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

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

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 11;
    width     : 100%;
    height    : 100%;
    transition: opacity .5s ease, visibility .5s ease;
    background: rgba(254, 254, 254, .25);
    opacity   : 0;
    visibility: hidden;
    overflow  : hidden
}

.js-off-canvas-overlay.is-visible {
    opacity   : 1;
    visibility: visible
}

.js-off-canvas-overlay.is-closable {
    cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position                   : fixed;
    z-index                    : 12;
    transition                 : transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    background                 : #e6e6e6
}

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

.off-canvas.is-transition-push {
    z-index: 12
}

.off-canvas.is-closed {
    visibility: hidden
}

.off-canvas.is-transition-overlap {
    z-index: 13
}

.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}

.off-canvas.is-open {
    transform: translate(0, 0)
}

.off-canvas-absolute {
    position                   : absolute;
    z-index                    : 12;
    transition                 : transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    background                 : #e6e6e6
}

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

.off-canvas-absolute.is-transition-push {
    z-index: 12
}

.off-canvas-absolute.is-closed {
    visibility: hidden
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13
}

.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}

.off-canvas-absolute.is-open {
    transform: translate(0, 0)
}

.position-left {
    top       : 0;
    left      : 0;
    height    : 100%;
    overflow-y: auto;
    width     : 250px;
    transform : translateX(-250px)
}

.off-canvas-content .off-canvas.position-left {
    transform: translateX(-250px)
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(250px)
}

.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, .25)
}

.position-right {
    top       : 0;
    right     : 0;
    height    : 100%;
    overflow-y: auto;
    width     : 250px;
    transform : translateX(250px)
}

.off-canvas-content .off-canvas.position-right {
    transform: translateX(250px)
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-250px)
}

.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, .25)
}

.position-top {
    top       : 0;
    left      : 0;
    width     : 100%;
    overflow-x: auto;
    height    : 250px;
    transform : translateY(-250px)
}

.off-canvas-content .off-canvas.position-top {
    transform: translateY(-250px)
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-top.has-transition-push {
    transform: translateY(250px)
}

.position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, .25)
}

.position-bottom {
    bottom    : 0;
    left      : 0;
    width     : 100%;
    overflow-x: auto;
    height    : 250px;
    transform : translateY(250px)
}

.off-canvas-content .off-canvas.position-bottom {
    transform: translateY(250px)
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-bottom.has-transition-push {
    transform: translateY(-250px)
}

.position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, .25)
}

.off-canvas-content {
    transform                  : none;
    transition                 : transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.off-canvas-content.has-transition-push {
    transform: translate(0, 0)
}

.off-canvas-content .off-canvas.is-open {
    transform: translate(0, 0)
}

@media print,
screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        transform : none;
        z-index   : 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

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

    .position-right.reveal-for-medium {
        transform : none;
        z-index   : 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

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

    .position-top.reveal-for-medium {
        transform : none;
        z-index   : 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

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

    .position-bottom.reveal-for-medium {
        transform : none;
        z-index   : 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

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

@media print,
screen and (min-width:64em) {
    .position-left.reveal-for-large {
        transform : none;
        z-index   : 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

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

    .position-right.reveal-for-large {
        transform : none;
        z-index   : 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

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

    .position-top.reveal-for-large {
        transform : none;
        z-index   : 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

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

    .position-bottom.reveal-for-large {
        transform : none;
        z-index   : 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

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

@media print,
screen and (min-width:40em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height    : auto;
        position  : static;
        background: inherit;
        width     : inherit;
        overflow  : inherit;
        transition: inherit
    }

    .off-canvas.in-canvas-for-medium.position-left,
    .off-canvas.in-canvas-for-medium.position-right,
    .off-canvas.in-canvas-for-medium.position-top,
    .off-canvas.in-canvas-for-medium.position-bottom {
        box-shadow: none;
        transform : none
    }

    .off-canvas.in-canvas-for-medium .close-button {
        display: none
    }
}

@media print,
screen and (min-width:64em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height    : auto;
        position  : static;
        background: inherit;
        width     : inherit;
        overflow  : inherit;
        transition: inherit
    }

    .off-canvas.in-canvas-for-large.position-left,
    .off-canvas.in-canvas-for-large.position-right,
    .off-canvas.in-canvas-for-large.position-top,
    .off-canvas.in-canvas-for-large.position-bottom {
        box-shadow: none;
        transform : none
    }

    .off-canvas.in-canvas-for-large .close-button {
        display: none
    }
}

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

.tabs::before,
.tabs::after {
    display                : table;
    content                : ' ';
    -ms-flex-preferred-size: 0;
    flex-basis             : 0;
    -ms-flex-order         : 1;
    order                  : 1
}

.tabs::after {
    clear: both
}

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

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

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

.tabs.primary {
    background: #2ba6cb
}

.tabs.primary>li>a {
    color: #0a0a0a
}

.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
    background: #299ec1
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display    : block;
    padding    : 1.25rem 1.5rem;
    font-size  : .75rem;
    line-height: 1;
    color      : #2ba6cb
}

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

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

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

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

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

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

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

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

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

.callout.primary {
    background-color: #def2f8;
    color           : #0a0a0a
}

.callout.secondary {
    background-color: #fcfcfc;
    color           : #0a0a0a
}

.callout.alert {
    background-color: #fcd6d6;
    color           : #0a0a0a
}

.callout.success {
    background-color: #e6f7d9;
    color           : #0a0a0a
}

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

.callout.body-font {
    background-color: #dedede;
    color           : #0a0a0a
}

.callout.header {
    background-color: #dedede;
    color           : #0a0a0a
}

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

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

.card {
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-direction: column;
    flex-direction    : column;
    -ms-flex-positive : 1;
    flex-grow         : 1;
    margin-bottom     : 1rem;
    border            : 1px solid #e6e6e6;
    border-radius     : 3px;
    background        : #fefefe;
    box-shadow        : none;
    overflow          : hidden;
    color             : #0a0a0a
}

.card>:last-child {
    margin-bottom: 0
}

.card-divider {
    -ms-flex  : 0 1 auto;
    flex      : 0 1 auto;
    display   : -ms-flexbox;
    display   : flex;
    padding   : 1rem;
    background: #e6e6e6
}

.card-divider>:last-child {
    margin-bottom: 0
}

.card-section {
    -ms-flex: 1 0 auto;
    flex    : 1 0 auto;
    padding : 1rem
}

.card-section>:last-child {
    margin-bottom: 0
}

.card-image {
    min-height: 1px
}

.media-object {
    display      : -ms-flexbox;
    display      : flex;
    margin-bottom: 1rem;
    -ms-flex-wrap: nowrap;
    flex-wrap    : nowrap
}

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

@media screen and (max-width:39.9375em) {
    .media-object.stack-for-small {
        -ms-flex-wrap: wrap;
        flex-wrap    : wrap
    }
}

@media screen and (max-width:39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding                : 0;
        padding-bottom         : 1rem;
        -ms-flex-preferred-size: 100%;
        flex-basis             : 100%;
        max-width              : 100%
    }

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

.media-object-section {
    -ms-flex: 0 1 auto;
    flex    : 0 1 auto
}

.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.main-section {
    -ms-flex: 1 1 0;
    flex    : 1 1 0
}

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

html.is-reveal-open,
html.is-reveal-open body {
    min-height         : 100%;
    overflow           : hidden;
    position           : fixed;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none
}

.reveal-overlay {
    position        : fixed;
    top             : 0;
    right           : 0;
    bottom          : 0;
    left            : 0;
    z-index         : 1005;
    display         : none;
    background-color: rgba(25, 55, 95, .6);
    overflow-y      : scroll;
    -ms-overflow-y  : hidden;
    -ms-overflow-x  : hidden
}

.reveal {
    z-index                    : 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    display                    : none;
    position                   : relative;
    top                        : 8px;
    margin-right               : auto;
    margin-left                : auto;
    overflow-y                 : auto
}

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

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

.reveal .column {
    min-width: 0
}

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

.reveal.collapse {
    padding: 0
}

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

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

.reveal.without-overlay {
    position: fixed
}

table {
    border-collapse: collapse;
    width          : 100%;
    margin-bottom  : 1rem;
    border-radius  : 3px
}

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

table caption {
    padding    : .5rem .625rem .625rem;
    font-weight: bold
}

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

table tfoot {
    background: #f1f1f1;
    color     : #0a0a0a
}

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

table thead th,
table thead td,
table tfoot th,
table tfoot td {
    padding    : .5rem .625rem .625rem;
    font-weight: bold;
    text-align : left
}

table tbody th,
table tbody td {
    padding: .5rem .625rem .625rem
}

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

table.unstriped tbody {
    background-color: #fefefe
}

table.unstriped tbody tr {
    border-bottom   : 0;
    border-bottom   : 1px solid #f1f1f1;
    background-color: #fefefe
}

@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 thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

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

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

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.badge {
    display      : inline-block;
    min-width    : 2.1em;
    padding      : .3em;
    border-radius: 50%;
    font-size    : .6rem;
    text-align   : center;
    background   : #2ba6cb;
    color        : #fefefe
}

.badge.primary {
    background: #2ba6cb;
    color     : #0a0a0a
}

.badge.secondary {
    background: #e9e9e9;
    color     : #0a0a0a
}

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

.badge.success {
    background: #5da423;
    color     : #0a0a0a
}

.badge.warning {
    background: #ffae00;
    color     : #0a0a0a
}

.badge.body-font {
    background: #222;
    color     : #fefefe
}

.badge.header {
    background: #222;
    color     : #fefefe
}

.label {
    display      : inline-block;
    padding      : .33333rem .5rem;
    border-radius: 3px;
    font-size    : .8rem;
    line-height  : 1;
    white-space  : nowrap;
    cursor       : default;
    background   : #2ba6cb;
    color        : #fefefe
}

.label.primary {
    background: #2ba6cb;
    color     : #0a0a0a
}

.label.secondary {
    background: #e9e9e9;
    color     : #0a0a0a
}

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

.label.success {
    background: #5da423;
    color     : #0a0a0a
}

.label.warning {
    background: #ffae00;
    color     : #0a0a0a
}

.label.body-font {
    background: #222;
    color     : #fefefe
}

.label.header {
    background: #222;
    color     : #fefefe
}

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

.progress.primary .progress-meter {
    background-color: #2ba6cb
}

.progress.secondary .progress-meter {
    background-color: #e9e9e9
}

.progress.alert .progress-meter {
    background-color: #c60f13
}

.progress.success .progress-meter {
    background-color: #5da423
}

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

.progress.body-font .progress-meter {
    background-color: #222
}

.progress.header .progress-meter {
    background-color: #222
}

.progress-meter {
    position        : relative;
    display         : block;
    width           : 0%;
    height          : 100%;
    background-color: #2ba6cb;
    border-radius   : 3px
}

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

.has-tip {
    position     : relative;
    display      : inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight  : bold;
    cursor       : help
}

.tooltip {
    position        : absolute;
    top             : calc(100% + .6495rem);
    z-index         : 1200;
    max-width       : 10rem;
    padding         : .75rem;
    border-radius   : 3px;
    background-color: #0a0a0a;
    font-size       : 80%;
    color           : #fefefe
}

.tooltip::before {
    position: absolute
}

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

.tooltip.bottom.align-center::before {
    left     : 50%;
    transform: translateX(-50%)
}

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

.tooltip.top.align-center::before {
    left     : 50%;
    transform: translateX(-50%)
}

.tooltip.left::before {
    display           : block;
    width             : 0;
    height            : 0;
    border            : inset .75rem;
    content           : '';
    border-right-width: 0;
    border-left-style : solid;
    border-color      : transparent transparent transparent #0a0a0a;
    left              : 100%
}

.tooltip.left.align-center::before {
    bottom   : auto;
    top      : 50%;
    transform: translateY(-50%)
}

.tooltip.right::before {
    display           : block;
    width             : 0;
    height            : 0;
    border            : inset .75rem;
    content           : '';
    border-left-width : 0;
    border-right-style: solid;
    border-color      : transparent #0a0a0a transparent transparent;
    right             : 100%;
    left              : auto
}

.tooltip.right.align-center::before {
    bottom   : auto;
    top      : 50%;
    transform: translateY(-50%)
}

.tooltip.align-top::before {
    bottom: auto;
    top   : 10%
}

.tooltip.align-bottom::before {
    bottom: 10%;
    top   : auto
}

.tooltip.align-left::before {
    left : 10%;
    right: auto
}

.tooltip.align-right::before {
    left : auto;
    right: 10%
}

.responsive-embed,
.flex-video {
    position      : relative;
    height        : 0;
    padding-bottom: 75%;
    overflow      : hidden
}

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

.responsive-embed.widescreen,
.flex-video.widescreen {
    padding-bottom: 56.25%
}

.orbit {
    position: relative
}

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

.orbit-slide {
    width: 100%
}

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

.orbit-figure {
    margin: 0
}

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

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

.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, .5)
}

.orbit-previous {
    left: 0
}

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

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

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

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

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

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

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

a.thumbnail {
    transition: box-shadow 200ms ease-out
}

a.thumbnail:hover,
a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(43, 166, 203, .5)
}

a.thumbnail image {
    box-shadow: none
}

.sticky-container {
    position: relative
}

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

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

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

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

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

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

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

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

.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;
    width         : 20px;
    height        : 16px;
    cursor        : pointer
}

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

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

.slide-in-down.mui-enter {
    transition-duration        : 500ms;
    transition-timing-function : linear;
    transform                  : translateY(-100%);
    transition-property        : transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration        : 500ms;
    transition-timing-function : linear;
    transform                  : translateX(-100%);
    transition-property        : transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration        : 500ms;
    transition-timing-function : linear;
    transform                  : translateY(100%);
    transition-property        : transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration        : 500ms;
    transition-timing-function : linear;
    transform                  : translateX(100%);
    transition-property        : transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration        : 500ms;
    transition-timing-function : linear;
    transform                  : translateY(0);
    transition-property        : transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration        : 500ms;
    transition-timing-function : linear;
    transform                  : translateX(0);
    transition-property        : transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration        : 500ms;
    transition-timing-function : linear;
    transform                  : translateY(0);
    transition-property        : transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration        : 500ms;
    transition-timing-function : linear;
    transform                  : translateX(0);
    transition-property        : transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    opacity                   : 0;
    transition-property       : opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    opacity                   : 1;
    transition-property       : opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotateX(-90deg);
    transform-origin          : top;
    transition-property       : transform, opacity;
    opacity                   : 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity  : 1
}

.hinge-in-from-right.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotateY(-90deg);
    transform-origin          : right;
    transition-property       : transform, opacity;
    opacity                   : 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity  : 1
}

.hinge-in-from-bottom.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotateX(90deg);
    transform-origin          : bottom;
    transition-property       : transform, opacity;
    opacity                   : 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity  : 1
}

.hinge-in-from-left.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotateY(90deg);
    transform-origin          : left;
    transition-property       : transform, opacity;
    opacity                   : 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity  : 1
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotateX(-90deg);
    transform-origin          : center;
    transition-property       : transform, opacity;
    opacity                   : 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity  : 1
}

.hinge-in-from-middle-y.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotateY(-90deg);
    transform-origin          : center;
    transition-property       : transform, opacity;
    opacity                   : 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity  : 1
}

.hinge-out-from-top.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotate(0deg);
    transform-origin          : top;
    transition-property       : transform, opacity;
    opacity                   : 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity  : 0
}

.hinge-out-from-right.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotate(0deg);
    transform-origin          : right;
    transition-property       : transform, opacity;
    opacity                   : 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity  : 0
}

.hinge-out-from-bottom.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotate(0deg);
    transform-origin          : bottom;
    transition-property       : transform, opacity;
    opacity                   : 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity  : 0
}

.hinge-out-from-left.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotate(0deg);
    transform-origin          : left;
    transition-property       : transform, opacity;
    opacity                   : 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity  : 0
}

.hinge-out-from-middle-x.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotate(0deg);
    transform-origin          : center;
    transition-property       : transform, opacity;
    opacity                   : 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity  : 0
}

.hinge-out-from-middle-y.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : perspective(2000px) rotate(0deg);
    transform-origin          : center;
    transition-property       : transform, opacity;
    opacity                   : 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity  : 0
}

.scale-in-up.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : scale(.5);
    transition-property       : transform, opacity;
    opacity                   : 0
}

.scale-in-up.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity  : 1
}

.scale-in-down.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : scale(1.5);
    transition-property       : transform, opacity;
    opacity                   : 0
}

.scale-in-down.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity  : 1
}

.scale-out-up.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : scale(1);
    transition-property       : transform, opacity;
    opacity                   : 1
}

.scale-out-up.mui-leave.mui-leave-active {
    transform: scale(1.5);
    opacity  : 0
}

.scale-out-down.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : scale(1);
    transition-property       : transform, opacity;
    opacity                   : 1
}

.scale-out-down.mui-leave.mui-leave-active {
    transform: scale(.5);
    opacity  : 0
}

.spin-in.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : rotate(-.75turn);
    transition-property       : transform, opacity;
    opacity                   : 0
}

.spin-in.mui-enter.mui-enter-active {
    transform: rotate(0);
    opacity  : 1
}

.spin-out.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : rotate(0);
    transition-property       : transform, opacity;
    opacity                   : 1
}

.spin-out.mui-leave.mui-leave-active {
    transform: rotate(.75turn);
    opacity  : 0
}

.spin-in-ccw.mui-enter {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : rotate(.75turn);
    transition-property       : transform, opacity;
    opacity                   : 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
    transform: rotate(0);
    opacity  : 1
}

.spin-out-ccw.mui-leave {
    transition-duration       : 500ms;
    transition-timing-function: linear;
    transform                 : rotate(0);
    transition-property       : transform, opacity;
    opacity                   : 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
    transform: rotate(-.75turn);
    opacity  : 0
}

.slow {
    transition-duration: 750ms !important;
}

.fast {
    transition-duration: 250ms !important;
}

.linear {
    transition-timing-function: linear !important;
}

.ease {
    transition-timing-function: ease !important;
}

.ease-in {
    transition-timing-function: ease-in !important;
}

.ease-out {
    transition-timing-function: ease-out !important;
}

.ease-in-out {
    transition-timing-function: ease-in-out !important;
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
}

.short-delay {
    transition-delay: 300ms !important;
}

.long-delay {
    transition-delay: 700ms !important;
}

.shake {
    animation-name: shake-7
}

@keyframes shake-7 {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        transform: translateX(7%)
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        transform: translateX(-7%)
    }
}

.spin-cw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn)
    }

    100% {
        transform: rotate(0)
    }
}

.spin-ccw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(1turn)
    }
}

.wiggle {
    animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {

    40%,
    50%,
    60% {
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        transform: rotate(-7deg)
    }

    0%,
    30%,
    70%,
    100% {
        transform: rotate(0)
    }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
    animation-duration: 500ms
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: 750ms !important;
}

.fast {
    animation-duration: 250ms !important;
}

.linear {
    animation-timing-function: linear !important;
}

.ease {
    animation-timing-function: ease !important;
}

.ease-in {
    animation-timing-function: ease-in !important;
}

.ease-out {
    animation-timing-function: ease-out !important;
}

.ease-in-out {
    animation-timing-function: ease-in-out !important;
}

.bounce-in {
    animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
}

.bounce-out {
    animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
}

.short-delay {
    animation-delay: 300ms !important;
}

.long-delay {
    animation-delay: 700ms !important;
}

.swiper-container {
    margin    : 0 auto;
    position  : relative;
    overflow  : hidden;
    list-style: none;
    padding   : 0;
    z-index   : 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction    : column
}

.swiper-wrapper {
    position           : relative;
    width              : 100%;
    height             : 100%;
    z-index            : 1;
    display            : -ms-flexbox;
    display            : flex;
    transition-property: transform;
    box-sizing         : content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin                    : 0 auto
}

.swiper-slide {
    -ms-flex-negative  : 0;
    flex-shrink        : 0;
    width              : 100%;
    height             : 100%;
    position           : relative;
    transition-property: transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align     : start;
    align-items        : flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position      : absolute;
    left          : 0;
    top           : 0;
    width         : 100%;
    height        : 100%;
    pointer-events: none;
    z-index       : 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action    : pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action    : pan-x
}

.swiper-button-prev,
.swiper-button-next {
    position           : absolute;
    top                : 50%;
    width              : 27px;
    height             : 44px;
    margin-top         : -22px;
    z-index            : 10;
    cursor             : pointer;
    background-size    : 27px 44px;
    background-position: center;
    background-repeat  : no-repeat
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity       : .2;
    cursor        : auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left            : 10px;
    right           : auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right           : 10px;
    left            : auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position  : absolute;
    text-align: center;
    transition: 300ms opacity;
    transform : translate3d(0, 0, 0);
    z-index   : 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left  : 0;
    width : 100%
}

.swiper-pagination-bullets-dynamic {
    overflow : hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position : relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width        : 8px;
    height       : 8px;
    display      : inline-block;
    border-radius: 100%;
    background   : #000;
    opacity      : .2
}

button.swiper-pagination-bullet {
    border            : none;
    margin            : 0;
    padding           : 0;
    box-shadow        : none;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity   : 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right    : 10px;
    top      : 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin : 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top      : 50%;
    transform: translateY(-50%);
    width    : 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display   : inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left       : 50%;
    transform  : translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position  : absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background      : #007aff;
    position        : absolute;
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    transform       : scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width : 100%;
    height: 4px;
    left  : 0;
    top   : 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width : 4px;
    height: 100%;
    left  : 0;
    top   : 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius   : 10px;
    position        : relative;
    -ms-touch-action: none;
    background      : rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left    : 1%;
    bottom  : 3px;
    z-index : 50;
    height  : 5px;
    width   : 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right   : 3px;
    top     : 1%;
    z-index : 50;
    width   : 5px;
    height  : 98%
}

.swiper-scrollbar-drag {
    height       : 100%;
    width        : 100%;
    position     : relative;
    background   : rgba(0, 0, 0, .5);
    border-radius: 10px;
    left         : 0;
    top          : 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width          : 100%;
    height         : 100%;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : center;
    justify-content: center;
    -ms-flex-align : center;
    align-items    : center;
    text-align     : center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width : 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width           : 42px;
    height          : 42px;
    position        : absolute;
    left            : 50%;
    top             : 50%;
    margin-left     : -21px;
    margin-top      : -21px;
    z-index         : 10;
    transform-origin: 50%;
    animation       : swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display            : block;
    content            : '';
    width              : 100%;
    height             : 100%;
    background-image   : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size    : 100%;
    background-repeat  : no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position      : absolute;
    left          : 0;
    top           : 0;
    pointer-events: none;
    opacity       : 0;
    z-index       : -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events     : none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events             : none;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    z-index                    : 1;
    visibility                 : hidden;
    transform-origin           : 0 0;
    width                      : 100%;
    height                     : 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility    : visible
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index                    : 0;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position  : absolute;
    left      : 0;
    bottom    : 0;
    width     : 100%;
    height    : 100%;
    background: #000;
    opacity   : .6;
    filter    : blur(50px);
    z-index   : 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events             : none;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    z-index                    : 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index                    : 0;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

html {
    background-color: #efefef;
    pointer-events  : none
}

body {
    top             : 0;
    background-color: #fff;
    font-family     : "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight     : 400;
    font-size       : 100%;
    line-height     : 1;
    color           : #282828;
    scroll-behavior : smooth;
    pointer-events  : auto;
}

body.no-touch:not(.footer--static) {
    margin-bottom : 740px;
    padding-bottom: 30px
}

@media only screen and (min-width:48rem) {
    body.no-touch:not(.footer--static) {
        margin-bottom: 620px
    }
}

@media only screen and (min-width:64rem) {
    body.no-touch:not(.footer--static) {
        margin-bottom: 640px
    }
}

html,
body {
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-rendering : optimizeLegibility;
    -moz-text-rendering    : optimizeLegibility;
    -ms-text-rendering     : optimizeLegibility;
    -o-text-rendering      : optimizeLegibility;
    text-rendering         : optimizeLegibility
}

html.is-reveal-open,
html.is-reveal-open body {
    position: static
}

a {
    text-decoration: none;
    color          : #282828
}

a:not(.btn):not(.nav__logo):not(.cta-link):not(.no-hover) {
    position: relative
}

a:not(.btn):not(.nav__logo):not(.cta-link):not(.no-hover):after {
    content         : "";
    position        : absolute;
    bottom          : -4px;
    left            : 0;
    width           : 100%;
    height          : 2px;
    background-color: #282828;
    transition      : transform .4s ease;
    transform       : scaleX(0);
    transform-origin: left
}

a:not(.btn):not(.nav__logo):not(.cta-link):not(.no-hover):hover:after {
    transform: scaleX(1)
}

a:not(.btn):not(.nav__logo):not(.cta-link):not(.no-hover).active {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

a:not(.btn):not(.nav__logo):not(.cta-link):not(.no-hover).active:after {
    transform: scaleX(1)
}

a.link--light:after {
    background-color: #fff !important;
}

a.link--caption {
    display   : inline-block;
    font-style: italic
}

a.link--caption:after {
    transform: scaleX(1) !important;
}

a.link--underlined:after {
    transform: scaleX(1) !important;
}

a.link--underlined:hover:after {
    transform: scaleX(0) !important;
}

.has-touch a {
    outline: none
}

p i {
    font-style: italic
}

.link-secondary {
    color: #fff
}

.link-secondary::after {
    background-color: #fff !important;
}

.no-touch .image-hover:hover {
    cursor: url("../icons/icon-plus.png"), auto
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500;
    margin     : 0
}

.headline-1 {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.headline-2 {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.headline-3 {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.headline-4 {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.headline-5 {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.headline-6 {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.headline-1 {
    font-size  : 32px;
    font-size  : 2rem;
    line-height: 1.25
}

@media only screen and (min-width:64rem) {
    .headline-1 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.headline-2 {
    font-size  : 24px;
    font-size  : 1.5rem;
    font-weight: 500;
    line-height: 1.33
}

.headline-3 {
    font-size  : 18px;
    font-size  : 1.125rem;
    font-weight: 500;
    line-height: 1.33
}

.headline-4 {
    font-size  : 14px;
    font-size  : .875rem;
    font-weight: 500
}

.headline-5 {
    font-size  : 12px;
    font-size  : .75rem;
    font-weight: 500
}

.headline-6 {
    font-size  : 10px;
    font-size  : .625rem;
    font-weight: 500
}

.headline-huge {
    font-size  : 35px;
    font-size  : 2.1875rem;
    line-height: 1.1
}

@media only screen and (min-width:64rem) {
    .headline-huge {
        font-size: 74px;
        font-size: 4.625rem
    }
}

.tag {
    /*font-size: 16px;
    font-size: 1rem;*/
    font-size  : 20px;
    font-size  : 1.4rem;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500;
    line-height: 1.71
}

.text {
    line-height: 2
}

.text--small {
    font-size  : 14px;
    font-size  : .875rem;
    line-height: 2
}

.text--smallest {
    font-size  : 12px;
    font-size  : .75rem;
    line-height: 2
}

.light {
    font-weight: 300
}

.normal {
    font-weight: 400
}

.semi-bold {
    font-weight: 500
}

.bold {
    font-weight: 700
}

.color-primary {
    color: #282828
}

.color-secondary {
    color: #fff
}

.color-secondary--dark {
    color: #535353
}

img,
video {
    display: block
}

.img-responsive {
    height   : auto;
    max-width: 100%
}

.img-responsive-h {
    max-height: 100%;
    width     : auto
}

.img-cover {
    height    : 100%;
    width     : 100%;
    object-fit: cover
}

.iframe-container {
    position      : relative;
    width         : 100%;
    height        : 0;
    margin        : 24px 0;
    padding-bottom: 56.25%
}

@media only screen and (min-width:48rem) {
    .iframe-container {
        margin: 48px 0
    }
}

.iframe-container iframe {
    position: absolute !important;
    width   : 100% !important;
    height  : 100% !important;
    left    : 0;
    top     : 0
}

.vertical-center {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%)
}

.list-inline {
    letter-spacing: -.43em
}

.list-inline>li {
    display       : inline-block;
    letter-spacing: normal
}

.list-inline--with-margin {
    text-align: center;
}

.list-inline--with-margin>li {
    margin-right: 16px;
}

.list-bullet {
    list-style: none
}

.list-bullet li {
    position     : relative;
    margin-bottom: 16px;
    padding-left : 24px
}

.list-bullet li:after {
    content      : '';
    position     : absolute;
    top          : 12px;
    left         : 5px;
    height       : 8px;
    width        : 8px;
    background   : #282828;
    border-radius: 50%
}

.bg-color-light {
    background-color: #fff
}

.bg-color-primary-gray {
    background-color: #f0f0f0
}

.bg-color-pink {
    background-color: #f3a3a3
}

.bg-color-orange2 {
    background-color: #f7954d
}

.bg-color-primary-black {
    background-color: #282828
}

.bg-color-primary-grey {
    background-color: #404040
}

.bg-color-primary-airplus3 {
    background-color: #cfe4e0
}

.bg-color-primary-blue {
    background-color: #456fa7
}

.bg-color-primary-red {
    background-color: #da3232
}

.bg-color-red {
    background-color: #c12f2f
}

.bg-color-blue {
    background-color: #19375f
}

.bg-color-dark-blue {
    background-color: #122641
}

.bg-color-skyblue {
    background-color: #90b0c8
}

.bg-color-lightSkyBlue {
    background-color: #a2c7e2
}

.bg-color-green {
    background-color: #00544a
}

.bg-color-orange {
    background-color: #f06428
}

.bg-color-yellow {
    background-color: #ffb914
}

.bg-color-pink2 {
    background-color: #d9c1ca
}

.bg-color-yellow-dark {
    background-color: #efab0c
}

.bg-color-airplus {
    background-color: #1a2030
}

.bg-color-air {
    background-color: #d3c378
}

.bg-color-coreplus {
    background-color: #f06429
}

.bg-color-trackplus2 {
    background-color: #1e3247
}

.bg-color-trackplus2-qinfu {
    background-color: #20365c
}

.bg-color-trackplus2-yundong {
    background-color: #ffecb9
}

.bg-color-coil2 {
    background-color: #5788c0
}

.bg-color-coil2-feature-01 {
    background-color: #b3ccec
}

.bg-color-coil2-feature-02 {
    background-color: #5788c0
}

.bg-color-coil2-feature-03 {
    background-color: #b3ccec
}

.bg-color-coil2-feature-04 {
    background-color: #efe7dc
}

.bg-color-coil2-more-01 {
    background-color: #1e1e1e
}

.bg-color-coil2-more-02 {
    background-color: #598bc9
}

.bg-color-coil2-more-03 {
    background-color: #b17d57
}

.bg-color-airplus3 {
    background-color: #1b4889
}

.bg-color-airplus3-hero {
    background-color: #184585
}

.bg-color-airplus3-feature-01 {
    background-color: #0f4187
}

.bg-color-airplus3-feature-02 {
    background-color: #c2e2dc
}

.bg-color-airplus3-feature-03 {
    background-color: #2a5292
}

.bg-color-airplus3-feature-04 {
    background-color: #c8e5e0
}

.bg-color-airplus3-feature-05 {
    background-color: #e7e7e7
}

.bg-color-airplus3-feature-06 {
    background-color: #c7e1dc
}

.bg-color-airplus3-more-01 {
    background-color: #d0d0d0
}

.bg-color-airplus3-more-02 {
    background-color: #c9d5d3
}

.bg-color-airplus3-more-03 {
    background-color: #102e5e
}

.bg-color-airplus3-more-04 {
    background-color: #86a19d
}

.bg-color-aircolor {
    background-color: #a4cfff
}

.bg-color-aircolor-hero {
    background-color: #98d7fe
}

.bg-color-track2-hero {
    background-color: #e5c5cb
}

.bg-color-track2-feature-01 {
    background-color: #edd5db
}

.bg-color-track2-feature-02 {
    background-color: #c197a5
}

.bg-color-track2-feature-03 {
    background-color: #2e2e2e
}

.bg-color-track2-feature-04 {
    background-color: #31485d
}

.bg-color-track2-feature-05 {
    background-color: #f4d7dc
}

.bg-color-track2-feature-06 {
    background-color: #b5c1c4
}

.bg-color-track2-more-01 {
    background-color: #404040
}

.bg-color-track2-more-02 {
    background-color: #414243
}

.bg-color-track2-more-03 {
    background-color: #1e1d1d
}

.bg-color-track2-more-04 {
    background-color: #1e1d1d
}

.bg-color-track2-more-05 {
    background-color: #d9c1ca
}

.bg-color-aircolor-feature-01 {
    background-color: #2b5993
}

.bg-color-aircolor-feature-02 {
    background-color: #a9d3f9
}

.bg-color-aircolor-feature-03 {
    background-color: #5d5d5d
}

.bg-color-aircolor-feature-04 {
    background-color: #ffb570
}

.bg-color-aircolor-feature-05 {
    background-color: #2b5993
}

.bg-color-airplus-feature-01 {
    background-color: #19375f
}

.bg-color-airplus-feature-02 {
    background-color: #f0f0f0
}

.bg-color-airplus-feature-03 {
    background-color: #19375f
}

.bg-color-airplus-feature-04 {
    background-color: #282828
}

.bg-color-airplus-feature-05 {
    background-color: #ffb914
}

.bg-color-airplus-feature-06 {
    background-color: #a2c7e2
}

.bg-color-airplus-more-01 {
    background-color: #19375f
}

.bg-color-airplus-more-02 {
    background-color: #a2c7e2
}

.bg-color-airplus-more-03 {
    background-color: #282828
}

.bg-color-airplus-more-04 {
    background-color: #00554b
}

.bg-color-airplus-more-05 {
    background-color: #282828
}

.bg-color-airplus-more-06 {
    background-color: #282828
}

.bg-color-trackplus2-more-01 {
    background-color: #20365c;
}

.bg-color-trackplus2-more-02 {
    background-color: #baa590;
}

.bg-color-trackplus2-more-03 {
    background-color: #221b18;
}

.bg-color-trackplus2-more-04 {
    background-color: #e9dcd3;
}

.bg-color-trackplus2-more-05 {
    background-color: #6992d8;
}

.bg-color-aircolor-more-01 {
    background-color: #20365c;
}

.bg-color-aircolor-more-02 {
    background-color: #7d7d7d;
}

.bg-color-aircolor-more-03 {
    background-color: #ffb570;
}

.bg-color-aircolor-more-04 {
    background-color: #7face2;
}

.bg-color-aircolor-more-05 {
    background-color: #6992d8;
}

.bg-color-air-feature-01 {
    background-color: #d0b6aa
}

.bg-color-air-feature-02 {
    background-color: #19375f
}

.bg-color-air-feature-03 {
    background-color: #282828
}

.bg-color-air-feature-04 {
    background-color: #19375f
}

.bg-color-air-more-01 {
    background-color: #a2c7e2
}

.bg-color-air-more-02 {
    background-color: #19375f
}

.bg-color-air-more-03 {
    background-color: #282828
}

.bg-color-air-more-04 {
    background-color: #a2c7e2
}

.bg-color-air-more-05 {
    background-color: #282828
}

.bg-color-air-more-06 {
    background-color: #ffb914
}

.bg-color-coreplus-feature-01 {
    background-color: #282828
}

.bg-color-coreplus-feature-02 {
    background-color: #f06428
}

.bg-color-coreplus-feature-03 {
    background-color: #a2c7e2
}

.bg-color-coreplus-more-01 {
    background-color: #282828
}

.bg-color-coreplus-more-02 {
    background-color: #19375f
}

.bg-color-coreplus-more-03 {
    background-color: #ffb914
}

.bg-color-coreplus-more-04 {
    background-color: #19375f
}

.bg-color--half {
    position  : relative;
    background: none
}

.bg-color--half:before {
    content : '';
    position: absolute;
    width   : 100%;
    height  : 100%;
    left    : 0;
    top     : 0
}

.bg-color-similar-air {
    background-color: #cfc281
}

.bg-color-similar-trackplus2 {
    background-color: #d0cac4
}

.bg-color-similar-airplus {
    background-color: #242b3d
}

.bg-color-similar-aircolor {
    background-color: #456ea7
}

.bg-color-similar-aircolor-new {
    background-color: #a2c7e2
}

.bg-color-similar-air-new {
    background-color: #19375f
}

.bg-color-similar-trackplus2-new {
    background-color: #ecd9be
}

.bg-color-similar-coreplus-new {
    background-color: #f06428
}

.bg-color-similar-pro-new {
    background-color: #ffb914
}

.bg-color-similar-airplus-new {
    background-color: #31354b
}

.bg-color-similar-zipp2 {
    background-color: #00554b
}

.bg-color-similar-zipp-mini2 {
    background-color: #19375f
}

.bg-color-similar-bird {
    background-color: #b8cad7
}

.bg-color-similar-one {
    background-color: #f06428
}

.bg-color-similar-too {
    background-color: #a2c7e2
}

.bg-color-similar-can {
    background-color: #ffb914
}

.bg-color--half.bg-color-light:before {
    background: #fff;
    background: linear-gradient(to bottom, #fff 0%, #fff 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-color-primary-gray:before {
    background: #f0f0f0;
    background: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-color-primary-black:before {
    background: #282828;
    background: linear-gradient(to bottom, #282828 0%, #282828 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-color-primary-red:before {
    background: #da3232;
    background: linear-gradient(to bottom, #da3232 0%, #da3232 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-color-red:before {
    background: #c12f2f;
    background: linear-gradient(to bottom, #c12f2f 0%, #c12f2f 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-color-blue:before {
    background: #19375f;
    background: linear-gradient(to bottom, #19375f 0%, #19375f 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-color-skyblue:before {
    background: #90b0c8;
    background: linear-gradient(to bottom, #90b0c8 0%, #90b0c8 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-color-green:before {
    background: #00544a;
    background: linear-gradient(to bottom, #00544a 0%, #00544a 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-color-orange:before {
    background: #f06428;
    background: linear-gradient(to bottom, #f06428 0%, #f06428 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-color-yellow:before {
    background: #ffb914;
    background: linear-gradient(to bottom, #ffb914 0%, #ffb914 50%, transparent 50%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-light:before,
.bg-color--half.bg-right.bg-color-light:before {
    background: #fff;
    background: linear-gradient(to bottom, #fff 0%, #fff 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-primary-gray:before,
.bg-color--half.bg-right.bg-color-primary-gray:before {
    background: #f0f0f0;
    background: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-primary-black:before,
.bg-color--half.bg-right.bg-color-primary-black:before {
    background: #282828;
    background: linear-gradient(to bottom, #282828 0%, #282828 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-primary-red:before,
.bg-color--half.bg-right.bg-color-primary-red:before {
    background: #da3232;
    background: linear-gradient(to bottom, #da3232 0%, #da3232 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-red:before,
.bg-color--half.bg-right.bg-color-red:before {
    background: #c12f2f;
    background: linear-gradient(to bottom, #c12f2f 0%, #c12f2f 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-blue:before,
.bg-color--half.bg-right.bg-color-blue:before {
    background: #19375f;
    background: linear-gradient(to bottom, #19375f 0%, #19375f 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-skyblue:before,
.bg-color--half.bg-right.bg-color-skyblue:before {
    background: #90b0c8;
    background: linear-gradient(to bottom, #90b0c8 0%, #90b0c8 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-green:before,
.bg-color--half.bg-right.bg-color-green:before {
    background: #00544a;
    background: linear-gradient(to bottom, #00544a 0%, #00544a 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-orange:before,
.bg-color--half.bg-right.bg-color-orange:before {
    background: #f06428;
    background: linear-gradient(to bottom, #f06428 0%, #f06428 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-left.bg-color-yellow:before,
.bg-color--half.bg-right.bg-color-yellow:before {
    background: #ffb914;
    background: linear-gradient(to bottom, #ffb914 0%, #ffb914 60%, transparent 60%, transparent 100%)
}

.bg-color--half.bg-right:before {
    top : 120px;
    left: 72px
}

@media only screen and (min-width:48rem) {
    .bg-color--half.bg-right:before {
        left: 120px
    }
}

@media only screen and (min-width:90.0625rem) {
    .bg-color--half.bg-right:before {
        left: calc((100% - 1440px)/2 + 24px*5)
    }
}

.bg-color--half.bg-left:before {
    top : 120px;
    left: -72px
}

@media only screen and (min-width:48rem) {
    .bg-color--half.bg-left:before {
        left: -120px
    }
}

@media only screen and (min-width:90.0625rem) {
    .bg-color--half.bg-left:before {
        left: calc((1440px - 100%)/2 - 24px*5)
    }
}

.text-color-light {
    color: #fff
}

.text-color-primary-gray {
    color: #f0f0f0
}

.text-color-primary-black {
    color: #282828
}

.text-color-primary-red {
    color: #da3232
}

.text-color-red {
    color: #c12f2f
}

.text-color-blue {
    color: #19375f
}

.text-color-skyblue {
    color: #90b0c8
}

.text-color-green {
    color: #00544a
}

.text-color-orange {
    color: #f06428
}

.text-color-yellow {
    color: #ffb914
}

.subpage {
    padding-top: 77px
}

@media only screen and (min-width:48rem) {
    .subpage {
        padding-top: 100px
    }
}

.reveal {
    outline: none
}

.reveal.full {
    top: 0 !important;
}

.spinner {
    outline: none
}

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

video::-webkit-media-controls {
    /* display: none */
}

.swiper-not-movable {
    /* pointer-events: none */
}

.swiper-not-movable .swiper-slide-active {
    /* pointer-events: none!important; */
}

.child-accordion .text-block--with-icon .text-block__description,
.child-accordion .text-block--with-icon .text-block__header {
    padding-left: 92px
}

.child-accordion .text-block__icon {
    width         : 72px;
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-align: center;
    align-items   : center
}

.child-accordion .text-block p,
.child-accordion .text-block ul,
.child-accordion .text-block ol {
    margin: 4px 0
}

.u-displayNone {
    display: none !important;
}

.u-displayBlock {
    display: block !important;
}

.u-displayInlineBlock {
    display: inline-block !important;
}

.u-displayInline {
    display: inline-block !important;
}

.u-visuallyHidden {
    position: absolute;
    overflow: hidden;
    clip    : rect(0 0 0 0);
    height  : 1px;
    width   : 1px;
    margin  : -1px;
    padding : 0;
    border  : 0
}

.u-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

@media only screen and (min-width:48rem) {
    .u-flex--md {
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

.u-align-items-flex-end {
    -ms-flex-align: end;
    align-items   : flex-end
}

.u-flex-v-centered {
    height        : 100%;
    -ms-flex-align: center;
    align-items   : center
}

.u-relative {
    position: relative !important;
}

.u-absolute {
    position: absolute !important;
}

.u-fixed {
    position: fixed !important;
}

.u-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.u-margin-top {
    margin-top: 32px
}

.u-margin-top--sm {
    margin-top: 8px
}

.u-margin-top--md {
    margin-top: 16px
}

.u-margin-bottom {
    margin-bottom: 32px
}

.u-margin-bottom--sm {
    margin-bottom: 8px
}

.u-margin-bottom--md {
    margin-bottom: 16px
}

.u-no-left-gutter {
    padding-left: 0 !important;
}

.u-uppercase {
    text-transform: uppercase
}

.u-light {
    font-weight: 300
}

.u-normal {
    font-weight: 400
}

.u-semibold {
    font-weight: 500
}

.u-bold {
    font-weight: 700
}

.u-ltr {
    direction: ltr
}

.u-hidden {
    overflow: hidden !important;
}

.u-visibility-hidden {
    visibility: hidden
}

.u-static-on-mobile {
    position: static !important;
}

@media only screen and (min-width:48rem) {
    .u-static-on-mobile {
        position: relative !important;
    }
}

.u-inline-fix {
    letter-spacing: -.43em !important;
}

.u-inline-fix>* {
    letter-spacing: normal !important;
}

.u-full-width {
    width: 100%
}

.u-inline-paragraphs p {
    display: inline !important;
}

.responsive-embed {
    width         : 100%;
    height        : 0;
    padding-bottom: 56.25%;
    position      : relative;
    top           : 0;
    left          : 0
}

.mod-gallery-center__media .responsive-embed {
    padding-bottom: 58%
}

.responsive-embed video {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%
}

.header {
    position  : absolute;
    top       : 0;
    left      : 0;
    min-height: 72px;
    width     : 100%;
    z-index   : 100
}

.header+*:not([class*="hero"]):not([class="story"]) {
    padding-top: 100px;
    margin-top : 0
}

@media only screen and (min-width:48rem) {
    .header+*:not([class*="hero"]):not([class="story"]) {
        padding-top: 120px
    }
}

.nav {
    width           : 100%;
    padding         : 20px;
    background-color: transparent;
    transition      : background-color .3s
}

.nav--dark .nav {
    background-color: #fff
}

.nav--dark .nav:not(.nav-main) {
    border-bottom: 1px solid rgba(40, 40, 40, .1)
}

.nav--dark .nav__element {
    color: #282828
}

.nav--dark .nav__element.nav__link:after,
.nav--dark .nav__element .nav__link:after {
    background-color: #282828 !important;
}

.nav--dark .nav__element .icon {
    color: #282828
}

.nav--dark .nav__element svg g {
    fill: #282828 !important;
}

.nav--dark.nav--sticky .nav.nav-main {
    border-bottom: 1px solid rgba(40, 40, 40, .1)
}

.nav--combine .nav__link {
    color: #282828
}

.nav--combine .nav__link:after {
    background-color: #282828 !important;
}

.nav--combine .nav__element .icon {
    color: #282828
}

@media only screen and (min-width:64rem) {
    .nav--combine--lg .nav__link {
        color: #282828
    }

    .nav--combine--lg .nav__link:after {
        background-color: #282828 !important;
    }

    .nav--combine--lg .nav__element .icon {
        color: #282828
    }
}

.nav__wrapper {
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : justify;
    justify-content: space-between;
    padding        : 0 !important;
}

.nav__element--menu {
    padding   : 0 4px !important;
    font-size : 16px;
    font-size : 1rem;
    transition: opacity .3s
}

.nav__element--menu:hover {
    opacity: .7
}

.nav__element .icon {
    transition : color .3s;
    font-size  : 16px;
    font-size  : 1rem;
    line-height: 1.7
}

.nav__element svg g {
    transition: fill .3s
}

.nav__logo {
    -ms-flex-align: center;
    align-items   : center
}

.nav__logo svg {
    width : 125px;
    height: 32px
}

@media only screen and (min-width:48rem) {
    .nav__logo svg {
        width : 156px;
        height: 40px
    }
}

.nav__link {
    text-decoration: none;
    color          : #fff
}

.nav__link:after {
    background-color: #fff !important;
}

.nav__link:hover {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.nav__text {
    text-transform: uppercase;
    font-weight   : 300;
    color         : #fff;
    padding-left  : 5px;
    letter-spacing: 1.2px
}

.nav__text--dark {
    color: #000
}

.nav__search {
    position        : absolute;
    left            : 0;
    width           : 100%;
    padding         : 0 28px 20px;
    background-color: #fff;
    top             : 95%
}

@media only screen and (min-width:48rem) {
    .nav__search {
        position        : static;
        width           : 288px;
        margin-right    : 40px;
        background-color: transparent;
        top             : 0;
        padding         : 0
    }
}

.nav__products {
    display: none
}

@media only screen and (min-width:48rem) {
    .nav__products {
        display: inline
    }
}

.nav__right {
    -ms-flex-align: center;
    align-items   : center;
    font-size     : 14px
}

.nav__right ul {
    margin-right: 20px
}

.nav__right ul li {
    margin-right: 20px
}

.nav-wrapper {
    width     : 100%;
    min-height: 73px
}

.nav-main {
    position  : absolute;
    top       : 0;
    left      : 0;
    min-height: 60px;
    width     : 100%;
    z-index   : 100;
    padding   : 24px 16px;
    transform : translateZ(0)
}

@media only screen and (min-width:48rem) {
    .nav-main {
        padding: 40px 28px
    }
}

.nav--sticky .nav-main {
    padding: 20px 16px
}

@media only screen and (min-width:48rem) {
    .nav--sticky .nav-main {
        padding: 16px 28px
    }
}

.nav-bar {
    position     : relative;
    width        : 100%;
    left         : 0;
    bottom       : 0;
    background   : #fff;
    font-size    : 14px;
    font-size    : .875rem;
    border-bottom: 1px solid rgba(40, 40, 40, .1);
    transform    : translateY(72px);
    transition   : transform .3s, z-index .3s linear 0s, opacity 0s linear 0s
}

@media only screen and (min-width:48rem) {
    .nav-bar {
        padding: 0 32px
    }
}

.nav-bar--hidden {
    overflow  : hidden;
    z-index   : -1;
    opacity   : 0;
    transform : translateY(0);
    transition: transform .3s, z-index .3s linear .3s, opacity 0s linear .3s
}

@media only screen and (min-width:48rem) {
    .nav-bar--hidden {
        overflow: auto
    }
}

@media only screen and (min-width:48rem) {
    .nav-bar--product-list .nav-bar__category .text {
        display: none
    }
}

.nav-bar__category {
    position        : relative;
    width           : 100%;
    padding         : 16px 0 12px 16px;
    background-color: #fff;
    z-index         : 2;
    text-transform  : capitalize
}

@media only screen and (min-width:48rem) {
    .nav-bar__category {
        padding     : 18px 0 16px;
        display     : inline-block;
        width       : auto;
        margin-right: 38px
    }
}

@media only screen and (min-width:30rem) {
    .subpage .nav-secondary .nav-bar__category {
        padding     : 18px 0 16px;
        display     : inline-block;
        width       : auto;
        margin-right: 38px
    }
}

.nav-bar__menu {
    position        : absolute;
    width           : 100%;
    left            : 0;
    padding         : 8px 24px;
    background-color: #fff;
    opacity         : 0;
    border-bottom   : 1px solid rgba(40, 40, 40, .1);
    z-index         : -1;
    transform       : translateY(-100%);
    transition      : transform .3s, z-index .3s linear 0s, opacity 0s linear 0s
}

@media only screen and (min-width:30rem) {
    .subpage .nav-secondary .nav-bar__menu {
        display         : inline-block;
        position        : relative;
        width           : auto;
        border          : none;
        background-color: transparent;
        z-index         : 1;
        opacity         : 1;
        transform       : none;
        padding         : 9px 8px
    }
}

@media only screen and (min-width:48rem) {
    .nav-bar__menu {
        display         : inline-block;
        position        : relative;
        width           : auto;
        border          : none;
        background-color: transparent;
        z-index         : 1;
        opacity         : 1;
        transform       : none;
        padding         : 9px 8px
    }
}

.nav-bar__menu--opened {
    background-color: #f9f9f9;
    z-index         : 1;
    opacity         : 1;
    transform       : translateY(0);
    transition-delay: 0s
}

.nav-bar__menu-element {
    font-size   : 14px;
    font-size   : .875rem;
    margin-right: 40px;
    position    : relative
}

@media only screen and (min-width:30rem) {
    .subpage .nav-secondary .nav-bar__menu-element {
        position    : static;
        display     : inline-block;
        margin-right: 36px
    }
}

@media only screen and (min-width:48rem) {
    .nav-bar__menu-element {
        position    : static;
        display     : inline-block;
        margin-right: 36px
    }
}

.nav-bar__menu-element a {
    display: inline-block;
    margin : 16px 0
}

.nav-bar__menu-element a:hover {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.nav-bar__menu-button {
    background-color: #fff !important;
    position        : absolute;
    height          : 100%;
    right           : 50%;
    top             : 0;
    padding         : 16px 16px 12px !important;
    z-index         : 2;
    transform       : translateX(50%)
}

@media only screen and (min-width:48rem) {
    .nav-bar__menu-button {
        display: none
    }
}

.nav-bar__cta {
    width        : 100%;
    display      : inline-block;
    background   : #fff;
    position     : relative;
    z-index      : 2;
    padding-right: 20px;
    text-align   : right;
    height       : 56px
}

@media only screen and (min-width:48rem) {
    .nav-bar__cta {
        padding-right: 0;
        height       : 64px
    }
}

.nav-bar__combobox {
    display   : inline-block;
    max-width : 84px;
    text-align: left
}

@media only screen and (min-width:48rem) {
    .nav-bar__combobox {
        width      : auto !important;
        max-width  : 100%;
        border     : none !important;
        padding    : 0 !important;
        line-height: 1 !important;
        overflow   : visible !important;
    }

    .nav-bar__combobox:hover {
        box-shadow: none !important;
    }

    .nav-bar__combobox:active {
        transform: none !important;
    }
}

.nav-bar__combobox-wrapper {
    transform: translateY(50%);
    margin   : -4px 0 0 auto;
    display  : inline-block
}

@media only screen and (min-width:48rem) {
    .nav-bar__combobox-wrapper {
        margin-top: 0
    }
}

.nav-bar__combobox-wrapper>.cta-box__btn-group {
    margin: 0
}

.nav-bar__combobox-wrapper>.cta-box__btn-group .btn {
    margin: 0
}

.nav-bar__combobox-select {
    height: 30px !important;
}

.nav-bar__button-desktop {
    display: none
}

@media only screen and (min-width:48rem) {
    .nav-bar__button-desktop {
        display: block
    }
}

.nav-secondary {
    display: none;
    top    : 0;
    margin : 41px 0 39px;
    padding: 0 8px;
    opacity: 0
}

@media only screen and (min-width:64rem) {
    .nav-secondary {
        display : block;
        opacity : 1;
        position: relative
    }
}

@media only screen and (min-width:80rem) {
    .nav-secondary {
        padding-left: 0
    }
}

.nav-secondary.delay {
    animation-delay: 100ms
}

@media only screen and (min-width:64rem) {
    .nav-secondary.product-page-nav {
        left        : -24px;
        padding-left: 12.5%
    }
}

@media only screen and (min-width:80rem) {
    .nav-secondary.product-page-nav {
        left        : auto;
        padding-left: 0
    }
}

@media only screen and (min-width:30rem) {
    .subpage .nav-secondary {
        display: block;
        opacity: 1;
        padding: 0
    }
}

@media only screen and (min-width:48rem) {
    .subpage .nav-secondary {
        padding : 0;
        left    : -24px;
        position: relative
    }
}

@media only screen and (min-width:64rem) {
    .subpage .nav-secondary {
        opacity: 1
    }
}

@media only screen and (min-width:80rem) {
    .subpage .nav-secondary {
        left: -12px
    }
}

@media only screen and (min-width:48rem) {
    .subpage .nav-secondary .nav-bar__menu {
        padding-left: 3px
    }
}

.nav-secondary__item {
    margin-right: 40px
}

.nav-secondary__link {
    font-size: 14px;
    font-size: .875rem
}

.nav-secondary__link--active {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.nav-secondary__link:hover {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.sticky {
    position  : fixed;
    transform : translateY(0);
    transition: transform .3s;
    left      : 0;
    right     : 0
}

.sticky--top {
    top: 0
}

.sticky--bottom {
    bottom: 0
}

.sticky--hidden {
    transform: translateY(-100%)
}

.sticky--no-animation {
    transition: none !important;
}

.amazon-widget-container {
    position: relative
}

.amazon-widget-container iframe {
    position: absolute;
    top     : -20px;
    border  : 0;
    width   : 250px;
    height  : 30px
}

@media only screen and (min-width:64rem) {
    .amazon-widget-container iframe {
        top: -30px
    }
}

.amazon-widget-container--mobile {
    margin: 34px 0 12px
}

.amazon-widget-container--mobile iframe {
    position: static;
    top     : auto
}

.animated {
    animation-duration : 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

@keyframes fadeInUp {
    from {
        opacity  : 0;
        transform: translate3d(0, 25px, 0)
    }

    to {
        opacity  : 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity  : 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}



@font-face {
    font-family: 'iconfont';
    /* project id 529683 */
    src        : url('../css/ali-icon/iconfont.eot');
    src        : url('../css/ali-icon/iconfont.eot') format('embedded-opentype'),
        url('../css/ali-icon/iconfont.woff2') format('woff2'),
        url('../css/ali-icon/iconfont.woff') format('woff'),
        url('../css/ali-icon/iconfont.ttf') format('truetype'),
        url('../css/ali-icon/iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family            : "iconfont" !important;
    font-size              : 40rpx;
    font-style             : normal;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.angle-down:before {
    content: "\e603";
}

.angle-up:before {
    content: "\e604";
}

@font-face {
    font-family: 'iconfont2';
    src        : url('../css/ali-icon/iconfont2.eot');
    src        : url('../css/ali-icon/iconfont2.eot') format('embedded-opentype'),
        url('../css/ali-icon/iconfont2.woff2') format('woff2'),
        url('../css/ali-icon/iconfont2.woff') format('woff'),
        url('../css/ali-icon/iconfont2.ttf') format('truetype'),
        url('../css/ali-icon/iconfont2.svg#iconfont') format('svg');
    font-weight: normal;
    font-style : normal
}

[class^="ico-"],
[class*=" ico-"] {
    font-family            : 'iconfont2' !important;
    speak                  : none;
    font-style             : normal;
    font-weight            : normal;
    font-variant           : normal;
    text-transform         : none;
    line-height            : 1;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ico {
    display    : inline-block;
    line-height: 1;
    text-align : center
}

.ico--block {
    display    : block;
    line-height: inherit
}

.ico-tmall:before {
    content: "\e616";
}

.ico-weibo:before {
    content: "\e6f5";
}

.ico-jd:before {
    content: "\e600";
}

.ico-tiktok:before {
    content: "\e601";
}

.ico-xiaohongshu:before {
    content: "\e6ad";
}


@font-face {
    font-family: 'icomoon';
    src        : url("../css/icomoon.eot");
    src        : url("../css/icomoon.eot") format("embedded-opentype"), url("../css/icomoon.ttf") format("truetype"), url("../css/icomoon.woff") format("woff"), url("../css/icomoon.svg") format("svg");
    font-weight: normal;
    font-style : normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family            : 'icomoon' !important;
    speak                  : none;
    font-style             : normal;
    font-weight            : normal;
    font-variant           : normal;
    text-transform         : none;
    line-height            : 1;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon {
    display    : inline-block;
    line-height: 1;
    text-align : center
}

.icon--block {
    display    : block;
    line-height: inherit
}

.icon-wrapper {
    box-sizing: border-box;
    width     : 32px;
    height    : 32px
}

.icon-wrapper img,
.icon-wrapper svg {
    width     : auto;
    height    : auto;
    max-width : 100%;
    max-height: 100%
}

.icon--light g,
.icon--light path {
    fill: #fff;
}

.icon--dark g,
.icon--dark path {
    fill: #282828
}

.icon-meipai:before {
    content: ""
}

.icon-toudou-youku:before {
    content: ""
}

.icon-wechat:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-cross:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-sina-weibo:before {
    content: ""
}

.icon-route:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-internet:before {
    content: ""
}

.icon-google-plus:before {
    content: ""
}

.icon-youtube-play:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-vimeo:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.btn {
    margin        : 0;
    padding       : 0;
    border        : 0 none;
    border-radius : 0;
    background    : 0 none;
    color         : inherit;
    font-size     : 14px;
    font-size     : .875rem;
    font-weight   : 500;
    line-height   : 24px;
    font-family   : "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight   : 500;
    vertical-align: middle;
    overflow      : hidden
}

.has-touch .btn {
    font-size: 16px;
    font-size: 1rem
}

.btn:hover {
    cursor: pointer
}

.btn:focus {
    outline: none
}

.btn--big {
    height     : 48px;
    padding    : 0 28px;
    line-height: 44px
}

@media only screen and (min-width:48rem) {
    .btn--big {
        padding: 0 40px
    }
}

.btn--medium {
    height     : 40px;
    padding    : 0 24px;
    line-height: 36px
}

.btn--small {
    height     : 32px;
    padding    : 0 24px;
    line-height: 30px
}

.btn--light {
    color: #fff
}

.btn--hover-rotate {
    transition: transform 300ms
}

.btn--hover-rotate:hover {
    transform: rotate3d(1, 0, 0, 180deg)
}

.btn--click-rotate .icon {
    transition: transform 300ms
}

.btn--click-rotate.btn--active .icon {
    transform: rotate3d(1, 0, 0, 180deg)
}

.btn__icon {
    display: block
}

.has-touch .btn {
    outline: none
}

.btn-icon {
    padding  : 16px;
    color    : #282828;
    font-size: 17px;
    font-size: 1.0625rem
}

@media only screen and (min-width:48rem) {
    .btn-icon {
        padding: 24px
    }
}

.btn-icon.btn--light {
    color: #fff
}

.btn-content {
    color  : inherit;
    height : 100%;
    width  : 100%;
    display: inline-block
}

.btn--big .btn-content {
    line-height: 44px
}

.btn--small .btn-content {
    line-height: 30px
}

.btn-primary {
    display         : inline-block;
    border          : 2px solid #282828;
    position        : relative;
    background-color: #282828;
    color           : #fff;
    transition      : .3s
}

.btn-primary:hover {
    box-shadow: 4px 4px #ffb914
}

.btn-primary.btn--inverted-shadow:hover {
    box-shadow: 4px 4px #fff
}

.btn-primary:active {
    position  : relative;
    box-shadow: none;
    transform : translate3d(4px, 4px, 0)
}

.btn-primary--light {
    background-color: #fff;
    color           : #282828;
    border          : 2px solid rgba(40, 40, 40, .4)
}

.btn-primary--light.btn--inverted-shadow:hover {
    box-shadow: 4px 4px #282828
}

.btn-primary--light-clear {
    background-color: transparent;
    color           : #fff;
    border          : 2px solid #fff
}

.btn-primary--light-clear.btn--inverted-shadow:hover {
    box-shadow: 4px 4px #fff
}

.btn-primary:disabled,
.btn-primary button[disabled] {
    background-color: #ccc;
    border-color    : #ccc;
    color           : #535353;
    box-shadow      : none;
    cursor          : default
}

.btn-primary--no-hover:hover {
    box-shadow: none
}

.btn-primary--no-hover:active {
    box-shadow: none;
    transform : none
}

.btn-secondary {
    display         : inline-block;
    border          : 2px solid #fff;
    background-color: #fff;
    color           : #282828;
    position        : relative;
    transition      : .3s
}

.btn-secondary:hover {
    box-shadow: 4px 4px #282828
}

.btn-secondary--ghost {
    background-color: transparent;
    color           : #fff;
    border          : #fff
}

.btn-secondary--ghost:hover {
    border-color    : #fff;
    background-color: rgba(40, 40, 40, .08);
    box-shadow      : none
}

.btn-secondary:active {
    position  : relative;
    box-shadow: none;
    transform : translate3d(4px, 4px, 0)
}

.btn-round-arrow,
.btn-round-arrow--dark-hover {
    display         : block;
    height          : 40px;
    width           : 40px;
    line-height     : 40px;
    padding         : 0;
    border-radius   : 100%;
    border          : none;
    color           : #fff;
    position        : relative;
    background-color: rgba(40, 40, 40, .5);
    font-size       : 18px;
    font-size       : 1.125rem;
    transition      : .3s
}

.btn-round-arrow:hover,
.btn-round-arrow--dark-hover:hover {
    background-color: rgba(40, 40, 40, 1);
    color           : #fff;
    transform       : scale(1.1)
}

.btn-round-arrow--dark-hover:hover {
    background-color: #fff;
    color           : #282828
}

.btn-round {
    font-size       : 20px;
    font-size       : 1.25rem;
    height          : 48px;
    width           : 48px;
    line-height     : 48px;
    padding         : 0;
    color           : #fff;
    position        : relative;
    background-color: #282828;
    border-radius   : 100%;
    border          : none;
    display         : block;
    transition      : .4s
}

.btn-round:hover {
    background-color: #ffb914;
    transition      : .3s;
    transform       : scale(1.08)
}

.btn-round--rotate:hover {
    transform: rotate(180deg) scale(1.08)
}

.btn-round--rotate-top:hover {
    transform: rotate(-90deg) scale(1.08)
}

.btn-round--small {
    height     : 40px;
    width      : 40px;
    line-height: 40px
}

.btn-round--big {
    height     : 48px;
    width      : 48px;
    line-height: 48px
}

.btn-spinner {
    position        : relative;
    display         : block;
    height          : 48px;
    width           : 48px;
    line-height     : 48px;
    background-color: rgba(255, 255, 255, .1);
    color           : #fff;
    font-size       : 18px;
    font-size       : 1.125rem;
    border-radius   : 100%;
    border          : none;
    z-index         : 10
}

.btn-spinner:hover {
    color           : #282828;
    background-color: #fff;
    transform       : scale(1, 1);
    transition      : .3s
}

.btn-spinner--dark {
    color           : #282828;
    background-color: rgba(40, 40, 40, .1)
}

.btn-spinner--dark:hover {
    color           : #fff;
    background-color: #282828
}

.btn-spinner+svg,
.btn-spinner svg {
    display : block;
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 100%
}

.btn-spinner .btn__label--right {
    margin: -1px 0 0 1px
}

.btn__label {
    display   : block;
    height    : 100%;
    width     : 100%;
    text-align: center;
    position  : absolute
}

.btn__label--left {
    top        : 0;
    /*20200116-edited by rex
    margin-left: -1px;*/
    left       : 0%;
    opacity    : 1;
    transition : left .5s, opacity .3s
}

.btn__label--left+.btn__label--left {
    left   : 100%;
    opacity: 0
}

.btn__label--right {
    top        : 0%;
    margin-left: 1px;
    left       : 0%;
    opacity    : 1;
    transition : left .5s, opacity .3s
}

.btn__label--right+.btn__label--right {
    left   : -100%;
    opacity: 0
}

.btn__label--center {
    padding-right: 48px
}

.btn__label--down {
    left      : 0;
    transition: .5s;
    top       : -100%;
    opacity   : 0
}

.btn__label--down+.btn__label--down {
    top    : 0%;
    opacity: 1
}

.combobox__title .btn__label--down {
    padding-right: 48px
}

.btn-round-arrow:hover .btn__label--left,
.btn-round-arrow--dark-hover:hover .btn__label--left {
    left   : -100%;
    opacity: 0
}

.btn-round-arrow:hover .btn__label--left+.btn__label--left,
.btn-round-arrow--dark-hover:hover .btn__label--left+.btn__label--left {
    left   : 0%;
    opacity: 1
}

.btn-round-arrow:hover .btn__label--right,
.btn-round-arrow--dark-hover:hover .btn__label--right {
    left   : 100%;
    opacity: 0
}

.btn-round-arrow:hover .btn__label--right+.btn__label--right,
.btn-round-arrow--dark-hover:hover .btn__label--right+.btn__label--right {
    left   : 0%;
    opacity: 1
}

.btn-spinner:hover .btn__label--right {
    left   : 100%;
    opacity: 0
}

.btn-spinner:hover .btn__label--right+.btn__label--right {
    left   : 0%;
    opacity: 1
}

.btn-primary:hover .btn__label--down,
.btn-secondary:hover .btn__label--down {
    top    : 0%;
    opacity: 1
}

.btn-primary:hover .btn__label--down+.btn__label--down,
.btn-secondary:hover .btn__label--down+.btn__label--down {
    top    : 100%;
    opacity: 0
}

.has-touch .btn-primary:hover,
.has-touch .btn-secondary:hover {
    box-shadow: none
}

.has-touch .btn-round-arrow:hover .btn__label--left,
.has-touch .btn-round-arrow--dark-hover:hover .btn__label--left {
    left   : 0%;
    opacity: 1
}

.has-touch .btn-round-arrow:hover .btn__label--left+.btn__label--left,
.has-touch .btn-round-arrow--dark-hover:hover .btn__label--left+.btn__label--left {
    left   : 100%;
    opacity: 0
}

.has-touch .btn-round-arrow:hover .btn__label--right,
.has-touch .btn-round-arrow--dark-hover:hover .btn__label--right {
    left   : 0%;
    opacity: 1
}

.has-touch .btn-round-arrow:hover .btn__label--right+.btn__label--right,
.has-touch .btn-round-arrow--dark-hover:hover .btn__label--right+.btn__label--right {
    left   : -100%;
    opacity: 0
}

.has-touch .btn-primary:hover .btn__label--down,
.has-touch .btn-secondary:hover .btn__label--down {
    top    : -100%;
    opacity: 0
}

.has-touch .btn-primary:hover .btn__label--down+.btn__label--down,
.has-touch .btn-secondary:hover .btn__label--down+.btn__label--down {
    top    : 0%;
    opacity: 1
}

.btn-play {
    display         : block;
    width           : 40px;
    height          : 40px;
    background-color: #fff;
    border-radius   : 50%;
    transition      : background-color .5s
}

@media only screen and (min-width:48rem) {
    .btn-play {
        width : 86px;
        height: 86px
    }
}

.btn-play:after {
    content     : '';
    position    : absolute;
    left        : 50%;
    top         : 50%;
    width       : 0;
    height      : 0;
    border-color: transparent transparent transparent #282828;
    border-style: solid;
    border-width: 16px 16px;
    transform   : translate3d(-20%, -50%, 0);
    transition  : border-color .5s
}

.btn-play:hover {
    background-color: #282828
}

.btn-play:hover:after {
    border-color: transparent transparent transparent #fff
}

.card-toggler {
    position: relative
}

@media only screen and (min-width:64rem) {
    .no-touch .card-toggler:hover .card-toggler__layer {
        z-index         : 1;
        visibility      : visible;
        opacity         : 1;
        transition-delay: 0s;
        /*rex*/
        padding         : 0;
    }
}

.card-toggler--show-layer .card-toggler__layer {
    z-index         : 100000;
    visibility      : visible;
    opacity         : 1;
    transition-delay: 0s
}

.card-toggler--opened {
    overflow: hidden
}

@media only screen and (min-width:48rem) {
    .card-toggler--opened {
        overflow: initial
    }
}

.card-toggler__image {
    position: relative
}

.card-toggler__layer {
    width     : 100%;
    /*padding : 64px 16px;*/
    padding   : 340px 16px 64px;
    box-sizing: border-box;
    position  : absolute;
    top       : 0;
    color     : #fff;
    visibility: hidden;
    opacity   : 0;
    transition: visibility 0s linear 1s, opacity .3s linear, z-index 0s linear 1s;
}

@media only screen and (min-width:48rem) {
    .card-toggler__layer {
        /*padding: 40px;
        padding: 0 40px 40px 40px;*/
        padding: 0 0 40px;
        top    : -24px;
        left   : -24px
    }

    .card-toggler__layer--slimmer {
        /* top: 14px;rex marc? */
        right     : 24px;
        min-height: calc(100% + 3*16px)
    }
}

.card-toggler__layer--slimmer {
    width: auto;
    left : 0
}

.card-toggler__layer--mobile-fixed {
    position  : fixed;
    left      : 0;
    top       : 0;
    z-index   : -1;
    min-height: 100%
}

@media only screen and (min-width:48rem) {
    .card-toggler__layer--mobile-fixed {
        position: absolute;
        /* left : -24px; marc */
        top     : -24px
    }
}

.card-toggler__btn-close {
    position: absolute;
    right   : 0;
    top     : 8px
}

/*rex - background-img, popup-layer padding*/
.card-toggler__bg-img {
    position: absolute;
    left    : 0;
    top     : 0;
    width   : 100%;
    height  : auto;
}

.card-toggler__bg-img img {
    width: 100%
}

@media only screen and (min-width:48rem) {
    .card-toggler__description {
        box-sizing: border-box;
        padding   : 600px 0 0 40px;
    }
}

/*end*/

@media only screen and (min-width:64rem) {
    .no-touch .card-toggler__btn-close {
        display: none
    }

    /*rex - background-img, popup-layer padding*/
    .card-toggler__bg-img {
        position: static;
        width   : 100%;
        height  : auto;
    }

    .card-toggler__description {
        box-sizing: border-box;
        padding   : 40px;
    }

    /*end*/
}

.card-toggler__btn-show {
    position : absolute;
    font-size: 24px;
    font-size: 1.5rem;
    color    : #fff;
    left     : 16px;
    bottom   : 16px
}

@media only screen and (min-width:30rem) {
    .card-toggler__btn-show {
        left  : 24px;
        bottom: 24px
    }
}

@media only screen and (min-width:64rem) {
    .no-touch .card-toggler__btn-show {
        display: none
    }
}

.card-toggler__tag {
    font-size: 16px;
    font-size: 1rem
}

.card-toggler__tag-icon {
    vertical-align: middle;
    margin-right  : 8px;
    text-align    : center;
    padding       : 4px
}

.card-toggler__tag-icon_png {
    vertical-align: middle;
    margin-right  : 8px;
    text-align    : center;
}

.card-toggler__tag-icon_png img {
    margin-left : auto;
    margin-right: auto
}

.card-toggler__tag-icon img {
    margin-left : auto;
    margin-right: auto
}

.card-toggler__header {
    padding: 16px 0 24px
}

.card-toggler__title {
    line-height: 1.5;
    /*padding  : 16px 0*/
    padding    : 12px 0;
}

.card-toggler__title .headline-3 {
    font-size: 16px;
    font-size: 1rem
}

.combobox {
    color   : #fff;
    width   : auto;
    position: relative
}

.has-touch .combobox.btn--small {
    line-height: 28px
}

.has-touch .combobox.btn--small .btn-content {
    line-height: 28px
}

.combobox--big .combobox__head,
.combobox--big .combobox__list li {
    height: 48px
}

.combobox--big .combobox__title,
.combobox--big .combobox__link {
    padding-top   : 16px;
    padding-bottom: 18px
}

.combobox--big .combobox__select {
    height: 48px
}

@media only screen and (min-width:48rem) {
    .combobox--big .combobox__button {
        display: inline-block
    }
}

@media only screen and (min-width:64rem) {
    .combobox--big .combobox__button {
        display: none
    }
}

.combobox--light {
    color           : #282828;
    background-color: #fff;
    border          : 1px solid #282828
}

.combobox--light .combobox__body li>a {
    background-color: #f0f0f0
}

.combobox--light .combobox__body li:nth-child(2n)>a {
    background-color: #fff
}

.combobox--light .combobox__head,
.combobox--light .combobox__title,
.combobox--light .combobox__btn {
    background-color: #fff
}

.combobox__select {
    -moz-appearance   : none;
    -webkit-appearance: none;
    width             : 100%;
    position          : absolute;
    left              : 0;
    top               : 0;
    opacity           : 0;
    text-align        : center;
    text-align-last   : center;
    font-size         : 14px;
    font-size         : .875rem;
    font-family       : "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight       : 500;
    color             : #fff;
    border-radius     : 0;
    border            : none;
    background-color  : #282828;
    outline           : none;
    transition        : box-shadow 200ms linear 0s;
    white-space       : nowrap;
    overflow          : hidden;
    text-overflow     : ellipsis
}

.combobox__select::-ms-expand {
    display: none
}

.has-touch .combobox__select {
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width:48rem) {
    /* 由于大于48rem时 按钮option丝显示 故暂时注释 Marc*/
    /* .combobox__select {
        display: none;
        visibility: hidden;
        opacity: 1;
        position: static
    } */
}

.combobox__select:focus,
.combobox__select:active,
.combobox__select:hover {
    outline   : none;
    box-shadow: 4px 4px 0 0 #f06428;
    cursor    : pointer
}

@media only screen and (min-width:48rem) {

    .combobox__select:focus,
    .combobox__select:active,
    .combobox__select:hover {
        box-shadow: none
    }
}

.combobox__select:first-child {
    padding: 8px 16px
}

.combobox .combobox-shadow {
    box-shadow: 4px 4px 0 0 #ffb914
}

.combobox__button {
    cursor: pointer
}

@media only screen and (min-width:48rem) {
    .combobox__button {
        display: none
    }
}

.combobox__body {
    position: relative
}

.combobox__body li>a {
    background-color: #535353
}

.combobox__body li:nth-child(2n)>a {
    background-color: #282828
}

.combobox__body--hidden {
    display: none
}

@media only screen and (min-width:48rem) {
    .combobox__body--hidden {
        display: block
    }
}

.combobox__body--hidden .combobox__list {
    display: none
}

.combobox__body--hidden .combobox__list li {
    height  : 0;
    overflow: hidden
}

.combobox__body--hidden .combobox__btn .icon {
    transform: rotate3d(1, 0, 0, 0deg)
}

.combobox__head {
    position        : relative;
    height          : 32px;
    background-color: #282828;
    transition      : box-shadow 200ms linear 0s;
    padding-right   : 40px;
    overflow        : hidden
}

.combobox__title {
    display    : block;
    padding    : 8px 24px;
    margin     : 0;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500;
    font-size  : 14px;
    font-size  : .875rem;
    color      : #fff
}

.has-touch .combobox__title {
    font-size: 16px;
    font-size: 1rem
}

.combobox__btn {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-align  : center;
    align-items     : center;
    position        : absolute;
    top             : 0;
    right           : 0;
    height          : 100%;
    padding         : 0 16px;
    background-color: #535353;
    cursor          : pointer;
    font-size       : 16px;
    font-size       : 1rem;
    transition      : background-color 200ms linear 0s
}

.combobox__btn:hover {
    background-color: #ffb914
}

.combobox__btn .icon {
    transform : rotate3d(1, 0, 0, 180deg);
    transition: transform 300ms
}

.combobox__list {
    display : none;
    position: absolute;
    top     : 100%;
    height  : 100%;
    width   : 100%;
    z-index : 10
}

@media only screen and (min-width:48rem) {
    .combobox__list {
        display   : block;
        visibility: visible
    }
}

.combobox__list li {
    height    : 30px;
    transition: height 200ms ease-in
}

.combobox__link {
    display  : block;
    padding  : 8px 24px;
    font-size: 14px;
    font-size: .875rem;
    color    : #fff
}

.has-touch .combobox__link {
    font-size: 16px;
    font-size: 1rem
}

.controls {
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-direction: column;
    flex-direction    : column;
    -ms-flex-pack     : end;
    justify-content   : flex-end;
    -ms-flex-align    : center;
    align-items       : center;
    height            : 150px;
    width             : 60px
}

.controls__pagination {
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-align: center;
    align-items   : center;
    position      : relative;
    height        : 40px;
    width         : 80px;
    font-size     : 12px;
    font-size     : .75rem;
    font-family   : "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight   : 500;
    color         : #fff;
    transform     : rotate(90deg)
}

.controls__pagination .swiper-pagination-current {
    display      : inline-block;
    min-width    : 36px;
    padding-right: .25rem
}

.controls__pagination .swiper-pagination-total {
    display     : inline-block;
    min-width   : 36px;
    padding-left: .25rem
}

.controls__btn {
    margin-top: 20px;
    color     : #fff
}

.controls-slider {
    letter-spacing: -.43em
}

.controls-slider__btn-prev,
.controls-slider__btn-next {
    display       : inline-block;
    margin-left   : 12px;
    letter-spacing: normal;
    vertical-align: top
}

@media only screen and (min-width:64rem) {
    .hero-product-text .cta-box {
        display: -ms-flexbox;
        display: flex
    }
}

.cta-box__btn-group {
    margin-bottom: 16px
}

@media only screen and (min-width:64rem) {
    .cta-box__btn-group {
        margin-bottom: 18px
    }
}

.cta-box__btn-group>.btn {
    margin: 0 6px 14px 0
}

.cta-box__btn-group>.btn.btn--big {
    padding    : 0;
    text-align : center;
    white-space: nowrap
}

@media only screen and (min-width:30rem) {
    .cta-box__btn-group>.btn.btn--big {
        padding: 0 28px
    }
}

@media only screen and (min-width:30rem) {
    .cta-box__btn-group>.btn {
        margin-right: 14px
    }
}

.cta-box__combobox {
    display       : inline-block;
    width         : 46%;
    margin-right  : 16px;
    vertical-align: top
}

.cta-box__combobox+.btn {
    width: 46%
}

@media only screen and (min-width:30rem) {
    .cta-box__combobox {
        width: 158px
    }

    .cta-box__combobox+.btn {
        width: auto
    }
}

.cta-box__text {
    display: none
}

@media only screen and (min-width:48rem) {
    .cta-box__text {
        display: block
    }
}

.footer {
    color   : #fff;
    position: relative;
    overflow: hidden
}

.no-touch:not(.footer--static) .footer {
    position: fixed;
    left    : 0;
    right   : 0;
    bottom  : 0;
    z-index : -1
}

.no-touch:not(.footer--static) .footer.footer--open {
    z-index: 100
}

.footer .mod-lang__content-wrapper {
    z-index: 101
}

.footer__wrapper {
    margin: 0 auto
}

@media only screen and (min-width:48rem) {
    .footer__wrapper {
        max-width: 1024px;
        padding  : 0 8px
    }
}

@media only screen and (min-width:64rem) {
    .footer__wrapper {
        max-width: 1280px;
        padding  : 12px
    }
}

@media only screen and (min-width:80rem) {
    .footer__wrapper {
        max-width: 1440px
    }
}

.footer__top {
    padding   : 32px 0 0;
    background: #475f7f
}

@media only screen and (min-width:48rem) {
    .footer__top {
        /* Rex - 20191223 remark
        padding: 64px 0 56px
        */
    }
}

@media only screen and (min-width:80rem) {
    .footer__top .grid--center {
        text-align: left
    }
}

.footer__header {
    margin-bottom: 48px;
    padding      : 0 16px
}

@media only screen and (min-width:48rem) {
    .footer__header {
        padding: 0
    }
}

@media only screen and (min-width:48rem) {
    .footer__row {
        display        : -ms-flexbox;
        display        : flex;
        -ms-flex-pack  : safe;
        justify-content: safe
    }
}

@media only screen and (min-width:48rem) {
    .footer__col {
        min-width: 25%
    }
}

/* 20200108-edited by rex
@media only screen and (min-width:64rem) {
    .footer__col {
        min-width: 20%
    }
}
*/
.footer__list-name {
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : justify;
    justify-content: space-between;
    width          : 100%;
    font-size      : 18px;
    font-size      : 1.125rem;
    padding        : 18px 16px;
    box-shadow     : inset 0 1px 0 0 rgba(255, 255, 255, .1)
}

@media only screen and (min-width:48rem) {
    .footer__list-name {
        width     : auto;
        padding   : 0;
        box-shadow: none;
        font-size : 14px;
        font-size : .875rem
    }
}

@media only screen and (min-width:48rem) {
    .footer__list-name .icon {
        display: none
    }
}

.footer__list-expandable {
    display: none;
    padding: 16px
}

@media only screen and (min-width:48rem) {
    .footer__list-expandable {
        display     : block;
        /* remark by ReX - 20191218
        height      : 150px;
        column-count: 2;
        */
        height      : 265px;
        column-count: 1;
        column-fill : auto;
        column-gap  : 48px;
        padding     : 0;
        margin-top  : 8px
    }
}

.footer__list-expandable.expanded {
    display: block
}

.footer__list-links {
    letter-spacing: -.43em
}

.footer__list-links>li {
    letter-spacing: normal
}

@media only screen and (min-width:48rem) {
    .footer__list-links>li {
        display     : inline-block;
        margin-right: 32px
    }
}

.footer__list-links--social {
    margin-top  : 16px;
    position    : relative;
    margin-right: -16px;
    margin-left : -16px;
    padding-top : 16px;
    text-align  : center;
    border-top  : 1px solid rgba(255, 255, 255, .1)
}

@media only screen and (min-width:48rem) {
    .footer__list-links--social {
        transform  : translateY(-8px);
        margin     : 0;
        text-align : left;
        border     : none;
        padding-top: 0
    }
}

.footer__list-links--social li {
    display       : inline-block;
    width         : 40px;
    height        : 40px;
    line-height   : 40px;
    margin        : 0 16px;
    vertical-align: middle;
    text-align    : center;
    transition    : background-color .3s;
    border-radius : 100%
}

@media only screen and (min-width:48rem) {
    .footer__list-links--social li {
        margin: 0 32px 0 0
    }
}

.footer__list-links--social li:hover {
    background-color: rgba(255, 255, 255, .2)
}

.footer__list-link a {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500;
    display    : inline-block;
    margin     : 6px 0
}

@media only screen and (min-width:48rem) {
    .footer__list-link a {
        margin : 0;
        display: inline
    }
}

.footer__page-nav {
    padding   : 16px;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1)
}

@media only screen and (min-width:48rem) {
    .footer__page-nav {
        display        : -ms-flexbox;
        display        : flex;
        -ms-flex-pack  : justify;
        justify-content: space-between;
        margin-top     : 72px;
        padding        : 0;
        box-shadow     : none
    }
}

.footer__bottom {
    width           : 100%;
    height          : 48px;
    z-index         : 101;
    background-color: #19375f;
    box-shadow      : inset 0 1px 0 0 rgba(255, 255, 255, .1)
}

.footer__lang-content {
    padding-left : 8px !important;
    padding-right: 8px !important;
}

@media only screen and (min-width:48rem) {
    .footer__lang-content {
        padding-left: 4% !important;
    }
}

@media only screen and (min-width:80rem) {
    .footer__lang-content {
        padding-left: 0 !important;
    }
}

#overlayFooter {
    width: auto
}

.input {
    height    : 40px;
    padding   : 0 12px;
    width     : 100%;
    font-size : 14px;
    font-size : .875rem;
    background: #f0f0f0;
    border    : none
}

.has-touch .input {
    font-size: 16px;
    font-size: 1rem
}

.input:-ms-input-placeholder {
    color  : #282828;
    opacity: .5
}

.input::placeholder {
    color  : #282828;
    opacity: .5
}

.input:focus,
.input:active {
    border-bottom: 2px solid #282828
}

.textarea {
    width           : 100%;
    min-height      : 80px;
    padding         : 12px;
    font-size       : 14px;
    font-size       : .875rem;
    background-color: #f0f0f0;
    border          : none;
    resize          : none
}

.has-touch .textarea {
    font-size: 16px;
    font-size: 1rem
}

.textarea:-ms-input-placeholder {
    color  : #282828;
    opacity: .5
}

.textarea::placeholder {
    color  : #282828;
    opacity: .5
}

.textarea:focus,
.textarea:active {
    border-bottom: 2px solid #282828
}

.checkbox-wrapper {
    position: relative;
    display : block;
    padding : 4px 0 4px 32px
}

.checkbox-wrapper input {
    position: absolute;
    opacity : 0;
    cursor  : pointer;
    height  : 0;
    width   : 0
}

.checkbox-wrapper input:checked~.checkmark:before {
    display: block
}

.checkbox-wrapper .checkmark {
    position        : absolute;
    top             : 0;
    left            : 0;
    height          : 25px;
    width           : 25px;
    background-color: #f0f0f0
}

.checkbox-wrapper .checkmark:before {
    position: absolute;
    display : none;
    left    : 4px;
    top     : 4px
}

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

.error {
    margin     : 24px 0;
    border     : 1px solid #da3232;
    padding    : 16px;
    color      : #da3232;
    font-size  : 14px;
    font-size  : .875rem;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 700
}

.gallery-square--truncate {
    height  : 0;
    width   : 100%;
    overflow: hidden
}

@media only screen and (min-width:64rem) {
    .gallery-square--truncate {
        height: 264px;
        width : 171px
    }
}

@media only screen and (min-width:80rem) {
    .gallery-square--truncate {
        height: 328px;
        width : 257px
    }
}

.gallery-square--truncate img {
    transform: translateX(30%)
}

@media only screen and (min-width:80rem) {
    .gallery-square--truncate img {
        transform: translateX(20%)
    }
}

.gallery-square--truncate__color-frame {
    height: 100%;
    width : 100%
}

.gallery-overflow__item {
    position: relative;
    height  : auto
}

.gallery-overflow__content {
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-pack     : center;
    justify-content   : center;
    -ms-flex-direction: row;
    flex-direction    : row;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    -ms-flex-align    : center;
    align-items       : center;
    position          : relative;
    height            : 100%;
    padding           : 0 16px;
    z-index           : 10;
    color             : #fff
}

@media only screen and (min-width:30rem) {
    .gallery-overflow__content {
        padding: 0 40px
    }
}

@media only screen and (min-width:64rem) {
    .gallery-overflow__content {
        padding: 0 64px
    }
}

.gallery-overflow__image {
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : center;
    justify-content: center;
    -ms-flex-align : start;
    align-items    : flex-start
}

@media only screen and (min-width:30rem) {
    .gallery-overflow__image {
        padding-top: 40px
    }
}

.gallery-overflow__description {
    -ms-flex-item-align: end;
    align-self         : flex-end;
    width              : 100%;
    padding            : 16px 0 56px
}

@media only screen and (min-width:30rem) {
    .gallery-overflow__description {
        padding-right: 20px
    }
}

@media only screen and (min-width:48rem) {
    .gallery-overflow__description {
        padding-right : 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:64rem) {
    .gallery-overflow__description {
        padding-right : 40px;
        padding-bottom: 56px
    }
}

.gallery-overflow__bg {
    position: absolute;
    bottom  : 0;
    left    : 0;
    height  : 67%;
    width   : 100%;
    z-index : 1
}

@media only screen and (min-width:48rem) {
    .gallery-overflow__bg {
        height: 70%
    }
}

.gallery360 {
    width     : 100% !important;
    height    : auto !important;
    min-height: 500px;
    margin    : 0 auto;
    cursor    : url("../https://cdn.little-bird.com.cn/cdn/images/icon_360.png"), url("../https://cdn.little-bird.com.cn/cdn/images/icon_360.cur"), -webkit-grab;
    cursor    : url("../https://cdn.little-bird.com.cn/cdn/images/icon_360.png"), url("../https://cdn.little-bird.com.cn/cdn/images/icon_360.cur"), grab;
    top       : 50%;
    transform : translateY(-50%)
}

.gallery360:focus,
.gallery360:active {
    cursor: url("../https://cdn.little-bird.com.cn/cdn/images/icon_360.png"), url("../https://cdn.little-bird.com.cn/cdn/images/icon_360.cur"), -webkit-grab;
    cursor: url("../https://cdn.little-bird.com.cn/cdn/images/icon_360.png"), url("../https://cdn.little-bird.com.cn/cdn/images/icon_360.cur"), grab
}

@media only screen and (min-width:48rem) {
    .gallery360 {
        width : 538px !important;
        height: 430px !important;
    }
}

@media only screen and (min-width:80rem) {
    .gallery360 {
        width : 692px !important;
        height: 557px !important;
    }
}

.gallery360__button--close {
    position : absolute;
    right    : 24px;
    top      : 24px;
    font-size: 16px;
    font-size: 1rem
}

.gallery360__reveal.reveal {
    background: #fff;
    border    : 8px solid #f0f0f0
}

@media only screen and (min-width:48rem) {
    .gallery360__reveal.reveal {
        border-width: 12px
    }
}

.spritespin-frames {
    width : 100% !important;
    height: auto !important;
}

.gdpr-bar {
    font-size     : 12px;
    font-size     : .75rem;
    min-height    : 48px;
    width         : 100%;
    position      : fixed;
    bottom        : 0;
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-align: center;
    align-items   : center;
    line-height   : 1.4;
    padding       : 0;
    margin        : 0;
    border-radius : 0;
    background    : #19375f;
    color         : #fff;
    font-weight   : 300;
    z-index       : 105
}

@media only screen and (min-width:30rem) {
    .gdpr-bar {
        display    : inline-block;
        line-height: 48px
    }
}

.gdpr-bar__content {
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-align    : center;
    align-items       : center;
    -ms-flex-pack     : end;
    justify-content   : flex-end;
    -ms-flex-direction: row-reverse;
    flex-direction    : row-reverse
}

.gdpr-bar__info {
    margin-left: 16px;
    padding    : 4px 0;
    line-height: 1.4
}

@media only screen and (min-width:48rem) {
    .gdpr-bar__info {
        margin-left: 32px
    }
}

.gdpr-bar a {
    color      : #fff;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.gdpr-bar a:after {
    background-color: #fff !important;
}

.gdpr-bar__btn {
    margin    : 0 8px 0 16px;
    transition: opacity .3s
}

@media only screen and (min-width:48rem) {
    .gdpr-bar__btn {
        margin: 0 8px 0 32px
    }
}

.gdpr-bar__btn:hover {
    opacity: .7
}

.gdpr-bar__btn-close {
    font-size: 16px;
    font-size: 1rem
}

.gdpr-bar__btn-close .icon {
    line-height: 1.7
}

.grid {
    list-style    : none;
    /*[1]*/
    margin        : 0;
    /*[2]*/
    padding       : 0;
    /*[2]*/
    margin-left   : -16px;
    /*[3]*/
    letter-spacing: -.31em
}

@media only screen and (min-width:48rem) {
    .grid {
        margin-left: -24px
    }
}

.opera:-o-prefocus,
.grid {
    word-spacing: -.43em
}

.grid__item {
    display       : inline-block;
    /*[1]*/
    padding-left  : 16px;
    /*[2]*/
    vertical-align: top;
    /*[3]*/
    width         : 100%;
    /*[4]*/
    /*[5]*/
    /*[5]*/
    box-sizing    : border-box;
    /*[5]*/
    letter-spacing: normal;
    word-spacing  : normal
}

@media only screen and (min-width:48rem) {
    .grid__item {
        padding-left: 24px
    }
}

.grid--rev {
    direction : rtl;
    text-align: left
}

.grid--rev>.grid__item {
    direction : ltr;
    text-align: left
}

.grid--rev-total {
    direction : rtl;
    text-align: left
}

.grid--rev-total p,
.grid--rev-total h1,
.grid--rev-total h2,
.grid--rev-total h3,
.grid--rev-total h4,
.grid--rev-total h5,
.grid--rev-total h6 {
    direction: ltr
}

.grid--full {
    margin-left: 0
}

.grid--full>.grid__item {
    padding-left: 0
}

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

.grid--right>.grid__item {
    text-align: left
}

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

.grid--center>.grid__item {
    text-align: left
}

.grid--middle>.grid__item {
    vertical-align: middle
}

.grid--bottom>.grid__item {
    vertical-align: bottom
}

.grid--narrow {
    margin-left: -8px
}

@media only screen and (min-width:64rem) {
    .grid--narrow {
        margin-left: -12px
    }
}

.grid--narrow>.grid__item {
    padding-left: 8px
}

@media only screen and (min-width:64rem) {
    .grid--narrow>.grid__item {
        padding-left: 12px
    }
}

.grid--wide {
    margin-left: -32px
}

@media only screen and (min-width:64rem) {
    .grid--wide {
        margin-left: -48px
    }
}

.grid--wide>.grid__item {
    padding-left: 32px
}

@media only screen and (min-width:64rem) {
    .grid--wide>.grid__item {
        padding-left: 48px
    }
}

.one-whole {
    width: 100%
}

.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
    width: 50%
}

.one-third,
.two-sixths,
.four-twelfths {
    width: 33.333%
}

.two-thirds,
.four-sixths,
.eight-twelfths {
    width: 66.666%
}

.one-quarter,
.two-eighths,
.three-twelfths {
    width: 25%
}

.three-quarters,
.six-eighths,
.nine-twelfths {
    width: 75%
}

.one-fifth,
.two-tenths {
    width: 20%
}

.two-fifths,
.four-tenths {
    width: 40%
}

.three-fifths,
.six-tenths {
    width: 60%
}

.four-fifths,
.eight-tenths {
    width: 80%
}

.one-sixth,
.two-twelfths {
    width: 16.666%
}

.five-sixths,
.ten-twelfths {
    width: 83.333%
}

.one-eighth {
    width: 12.5%
}

.three-eighths {
    width: 37.5%
}

.five-eighths {
    width: 62.5%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.three-tenths {
    width: 30%
}

.seven-tenths {
    width: 70%
}

.nine-tenths {
    width: 90%
}

.one-eleventh {
    width: 9.09%
}

.two-elevenths {
    width: 18.181%
}

.three-elevenths {
    width: 27.272%
}

.four-elevenths {
    width: 36.363%
}

.five-elevenths {
    width: 45.454%
}

.six-elevenths {
    width: 54.545%
}

.seven-elevenths {
    width: 63.636%
}

.eight-elevenths {
    width: 72.727%
}

.nine-elevenths {
    width: 81.818%
}

.ten-elevenths {
    width: 90.909%
}

.one-twelfth {
    width: 8.333%
}

.five-twelfths {
    width: 41.666%
}

.seven-twelfths {
    width: 58.333%
}

.eleven-twelfths {
    width: 91.666%
}

@media only screen and (min-width:22.5rem) {
    .xxsm--one-whole {
        width: 100%
    }

    .xxsm--one-half,
    .xxsm--two-quarters,
    .xxsm--three-sixths,
    .xxsm--four-eighths,
    .xxsm--five-tenths,
    .xxsm--six-twelfths {
        width: 50%
    }

    .xxsm--one-third,
    .xxsm--two-sixths,
    .xxsm--four-twelfths {
        width: 33.333%
    }

    .xxsm--two-thirds,
    .xxsm--four-sixths,
    .xxsm--eight-twelfths {
        width: 66.666%
    }

    .xxsm--one-quarter,
    .xxsm--two-eighths,
    .xxsm--three-twelfths {
        width: 25%
    }

    .xxsm--three-quarters,
    .xxsm--six-eighths,
    .xxsm--nine-twelfths {
        width: 75%
    }

    .xxsm--one-fifth,
    .xxsm--two-tenths {
        width: 20%
    }

    .xxsm--two-fifths,
    .xxsm--four-tenths {
        width: 40%
    }

    .xxsm--three-fifths,
    .xxsm--six-tenths {
        width: 60%
    }

    .xxsm--four-fifths,
    .xxsm--eight-tenths {
        width: 80%
    }

    .xxsm--one-sixth,
    .xxsm--two-twelfths {
        width: 16.666%
    }

    .xxsm--five-sixths,
    .xxsm--ten-twelfths {
        width: 83.333%
    }

    .xxsm--one-eighth {
        width: 12.5%
    }

    .xxsm--three-eighths {
        width: 37.5%
    }

    .xxsm--five-eighths {
        width: 62.5%
    }

    .xxsm--seven-eighths {
        width: 87.5%
    }

    .xxsm--one-tenth {
        width: 10%
    }

    .xxsm--three-tenths {
        width: 30%
    }

    .xxsm--seven-tenths {
        width: 70%
    }

    .xxsm--nine-tenths {
        width: 90%
    }

    .xxsm--one-eleventh {
        width: 9.09%
    }

    .xxsm--two-elevenths {
        width: 18.181%
    }

    .xxsm--three-elevenths {
        width: 27.272%
    }

    .xxsm--four-elevenths {
        width: 36.363%
    }

    .xxsm--five-elevenths {
        width: 45.454%
    }

    .xxsm--six-elevenths {
        width: 54.545%
    }

    .xxsm--seven-elevenths {
        width: 63.636%
    }

    .xxsm--eight-elevenths {
        width: 72.727%
    }

    .xxsm--nine-elevenths {
        width: 81.818%
    }

    .xxsm--ten-elevenths {
        width: 90.909%
    }

    .xxsm--one-twelfth {
        width: 8.333%
    }

    .xxsm--five-twelfths {
        width: 41.666%
    }

    .xxsm--seven-twelfths {
        width: 58.333%
    }

    .xxsm--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:25rem) {
    .xsm--one-whole {
        width: 100%
    }

    .xsm--one-half,
    .xsm--two-quarters,
    .xsm--three-sixths,
    .xsm--four-eighths,
    .xsm--five-tenths,
    .xsm--six-twelfths {
        width: 50%
    }

    .xsm--one-third,
    .xsm--two-sixths,
    .xsm--four-twelfths {
        width: 33.333%
    }

    .xsm--two-thirds,
    .xsm--four-sixths,
    .xsm--eight-twelfths {
        width: 66.666%
    }

    .xsm--one-quarter,
    .xsm--two-eighths,
    .xsm--three-twelfths {
        width: 25%
    }

    .xsm--three-quarters,
    .xsm--six-eighths,
    .xsm--nine-twelfths {
        width: 75%
    }

    .xsm--one-fifth,
    .xsm--two-tenths {
        width: 20%
    }

    .xsm--two-fifths,
    .xsm--four-tenths {
        width: 40%
    }

    .xsm--three-fifths,
    .xsm--six-tenths {
        width: 60%
    }

    .xsm--four-fifths,
    .xsm--eight-tenths {
        width: 80%
    }

    .xsm--one-sixth,
    .xsm--two-twelfths {
        width: 16.666%
    }

    .xsm--five-sixths,
    .xsm--ten-twelfths {
        width: 83.333%
    }

    .xsm--one-eighth {
        width: 12.5%
    }

    .xsm--three-eighths {
        width: 37.5%
    }

    .xsm--five-eighths {
        width: 62.5%
    }

    .xsm--seven-eighths {
        width: 87.5%
    }

    .xsm--one-tenth {
        width: 10%
    }

    .xsm--three-tenths {
        width: 30%
    }

    .xsm--seven-tenths {
        width: 70%
    }

    .xsm--nine-tenths {
        width: 90%
    }

    .xsm--one-eleventh {
        width: 9.09%
    }

    .xsm--two-elevenths {
        width: 18.181%
    }

    .xsm--three-elevenths {
        width: 27.272%
    }

    .xsm--four-elevenths {
        width: 36.363%
    }

    .xsm--five-elevenths {
        width: 45.454%
    }

    .xsm--six-elevenths {
        width: 54.545%
    }

    .xsm--seven-elevenths {
        width: 63.636%
    }

    .xsm--eight-elevenths {
        width: 72.727%
    }

    .xsm--nine-elevenths {
        width: 81.818%
    }

    .xsm--ten-elevenths {
        width: 90.909%
    }

    .xsm--one-twelfth {
        width: 8.333%
    }

    .xsm--five-twelfths {
        width: 41.666%
    }

    .xsm--seven-twelfths {
        width: 58.333%
    }

    .xsm--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:30rem) {
    .sm--one-whole {
        width: 100%
    }

    .sm--one-half,
    .sm--two-quarters,
    .sm--three-sixths,
    .sm--four-eighths,
    .sm--five-tenths,
    .sm--six-twelfths {
        width: 50%
    }

    .sm--one-third,
    .sm--two-sixths,
    .sm--four-twelfths {
        width: 33.333%
    }

    .sm--two-thirds,
    .sm--four-sixths,
    .sm--eight-twelfths {
        width: 66.666%
    }

    .sm--one-quarter,
    .sm--two-eighths,
    .sm--three-twelfths {
        width: 25%
    }

    .sm--three-quarters,
    .sm--six-eighths,
    .sm--nine-twelfths {
        width: 75%
    }

    .sm--one-fifth,
    .sm--two-tenths {
        width: 20%
    }

    .sm--two-fifths,
    .sm--four-tenths {
        width: 40%
    }

    .sm--three-fifths,
    .sm--six-tenths {
        width: 60%
    }

    .sm--four-fifths,
    .sm--eight-tenths {
        width: 80%
    }

    .sm--one-sixth,
    .sm--two-twelfths {
        width: 16.666%
    }

    .sm--five-sixths,
    .sm--ten-twelfths {
        width: 83.333%
    }

    .sm--one-eighth {
        width: 12.5%
    }

    .sm--three-eighths {
        width: 37.5%
    }

    .sm--five-eighths {
        width: 62.5%
    }

    .sm--seven-eighths {
        width: 87.5%
    }

    .sm--one-tenth {
        width: 10%
    }

    .sm--three-tenths {
        width: 30%
    }

    .sm--seven-tenths {
        width: 70%
    }

    .sm--nine-tenths {
        width: 90%
    }

    .sm--one-eleventh {
        width: 9.09%
    }

    .sm--two-elevenths {
        width: 18.181%
    }

    .sm--three-elevenths {
        width: 27.272%
    }

    .sm--four-elevenths {
        width: 36.363%
    }

    .sm--five-elevenths {
        width: 45.454%
    }

    .sm--six-elevenths {
        width: 54.545%
    }

    .sm--seven-elevenths {
        width: 63.636%
    }

    .sm--eight-elevenths {
        width: 72.727%
    }

    .sm--nine-elevenths {
        width: 81.818%
    }

    .sm--ten-elevenths {
        width: 90.909%
    }

    .sm--one-twelfth {
        width: 8.333%
    }

    .sm--five-twelfths {
        width: 41.666%
    }

    .sm--seven-twelfths {
        width: 58.333%
    }

    .sm--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:48rem) {
    .md--one-whole {
        width: 100%
    }

    .md--one-half,
    .md--two-quarters,
    .md--three-sixths,
    .md--four-eighths,
    .md--five-tenths,
    .md--six-twelfths {
        /*remark by ReX - ?? 50%???(??/??)?????
        width: 50%
        */
        width: 49%;
    }

    .md--one-third,
    .md--two-sixths,
    .md--four-twelfths {
        width: 33.333%
    }

    .md--two-thirds,
    .md--four-sixths,
    .md--eight-twelfths {
        width: 66.666%
    }

    .md--one-quarter,
    .md--two-eighths,
    .md--three-twelfths {
        width: 25%
    }

    .md--three-quarters,
    .md--six-eighths,
    .md--nine-twelfths {
        width: 75%
    }

    .md--one-fifth,
    .md--two-tenths {
        width: 20%
    }

    .md--two-fifths,
    .md--four-tenths {
        width: 40%
    }

    .md--three-fifths,
    .md--six-tenths {
        width: 60%
    }

    .md--four-fifths,
    .md--eight-tenths {
        width: 80%
    }

    .md--one-sixth,
    .md--two-twelfths {
        width: 16.666%
    }

    .md--five-sixths,
    .md--ten-twelfths {
        width: 83.333%
    }

    .md--one-eighth {
        width: 12.5%
    }

    .md--three-eighths {
        width: 37.5%
    }

    .md--five-eighths {
        width: 62.5%
    }

    .md--seven-eighths {
        width: 87.5%
    }

    .md--one-tenth {
        width: 10%
    }

    .md--three-tenths {
        width: 30%
    }

    .md--seven-tenths {
        width: 70%
    }

    .md--nine-tenths {
        width: 90%
    }

    .md--one-eleventh {
        width: 9.09%
    }

    .md--two-elevenths {
        width: 18.181%
    }

    .md--three-elevenths {
        width: 27.272%
    }

    .md--four-elevenths {
        width: 36.363%
    }

    .md--five-elevenths {
        width: 45.454%
    }

    .md--six-elevenths {
        width: 54.545%
    }

    .md--seven-elevenths {
        width: 63.636%
    }

    .md--eight-elevenths {
        width: 72.727%
    }

    .md--nine-elevenths {
        width: 81.818%
    }

    .md--ten-elevenths {
        width: 90.909%
    }

    .md--one-twelfth {
        width: 8.333%
    }

    .md--five-twelfths {
        width: 41.666%
    }

    .md--seven-twelfths {
        width: 58.333%
    }

    .md--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:50.6875rem) {
    .xmd--one-whole {
        width: 100%
    }

    .xmd--one-half,
    .xmd--two-quarters,
    .xmd--three-sixths,
    .xmd--four-eighths,
    .xmd--five-tenths,
    .xmd--six-twelfths {
        width: 50%
    }

    .xmd--one-third,
    .xmd--two-sixths,
    .xmd--four-twelfths {
        width: 33.333%
    }

    .xmd--two-thirds,
    .xmd--four-sixths,
    .xmd--eight-twelfths {
        width: 66.666%
    }

    .xmd--one-quarter,
    .xmd--two-eighths,
    .xmd--three-twelfths {
        width: 25%
    }

    .xmd--three-quarters,
    .xmd--six-eighths,
    .xmd--nine-twelfths {
        width: 75%
    }

    .xmd--one-fifth,
    .xmd--two-tenths {
        width: 20%
    }

    .xmd--two-fifths,
    .xmd--four-tenths {
        width: 40%
    }

    .xmd--three-fifths,
    .xmd--six-tenths {
        width: 60%
    }

    .xmd--four-fifths,
    .xmd--eight-tenths {
        width: 80%
    }

    .xmd--one-sixth,
    .xmd--two-twelfths {
        width: 16.666%
    }

    .xmd--five-sixths,
    .xmd--ten-twelfths {
        width: 83.333%
    }

    .xmd--one-eighth {
        width: 12.5%
    }

    .xmd--three-eighths {
        width: 37.5%
    }

    .xmd--five-eighths {
        width: 62.5%
    }

    .xmd--seven-eighths {
        width: 87.5%
    }

    .xmd--one-tenth {
        width: 10%
    }

    .xmd--three-tenths {
        width: 30%
    }

    .xmd--seven-tenths {
        width: 70%
    }

    .xmd--nine-tenths {
        width: 90%
    }

    .xmd--one-eleventh {
        width: 9.09%
    }

    .xmd--two-elevenths {
        width: 18.181%
    }

    .xmd--three-elevenths {
        width: 27.272%
    }

    .xmd--four-elevenths {
        width: 36.363%
    }

    .xmd--five-elevenths {
        width: 45.454%
    }

    .xmd--six-elevenths {
        width: 54.545%
    }

    .xmd--seven-elevenths {
        width: 63.636%
    }

    .xmd--eight-elevenths {
        width: 72.727%
    }

    .xmd--nine-elevenths {
        width: 81.818%
    }

    .xmd--ten-elevenths {
        width: 90.909%
    }

    .xmd--one-twelfth {
        width: 8.333%
    }

    .xmd--five-twelfths {
        width: 41.666%
    }

    .xmd--seven-twelfths {
        width: 58.333%
    }

    .xmd--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:64rem) {
    .lg--one-whole {
        width: 100%
    }

    .lg--one-half,
    .lg--two-quarters,
    .lg--three-sixths,
    .lg--four-eighths,
    .lg--five-tenths,
    .lg--six-twelfths {
        width: 50%
    }

    .lg--one-third,
    .lg--two-sixths,
    .lg--four-twelfths {
        width: 33.333%
    }

    .lg--two-thirds,
    .lg--four-sixths,
    .lg--eight-twelfths {
        width: 66.666%
    }

    .lg--one-quarter,
    .lg--two-eighths,
    .lg--three-twelfths {
        width: 25%
    }

    .lg--three-quarters,
    .lg--six-eighths,
    .lg--nine-twelfths {
        width: 75%
    }

    .lg--one-fifth,
    .lg--two-tenths {
        width: 20%
    }

    .lg--two-fifths,
    .lg--four-tenths {
        width: 40%
    }

    .lg--three-fifths,
    .lg--six-tenths {
        width: 60%
    }

    .lg--four-fifths,
    .lg--eight-tenths {
        width: 80%
    }

    .lg--one-sixth,
    .lg--two-twelfths {
        width: 16.666%
    }

    .lg--five-sixths,
    .lg--ten-twelfths {
        width: 83.333%
    }

    .lg--one-eighth {
        width: 12.5%
    }

    .lg--three-eighths {
        width: 37.5%
    }

    .lg--five-eighths {
        width: 62.5%
    }

    .lg--seven-eighths {
        width: 87.5%
    }

    .lg--one-tenth {
        width: 10%
    }

    .lg--three-tenths {
        width: 30%
    }

    .lg--seven-tenths {
        width: 70%
    }

    .lg--nine-tenths {
        width: 90%
    }

    .lg--one-eleventh {
        width: 9.09%
    }

    .lg--two-elevenths {
        width: 18.181%
    }

    .lg--three-elevenths {
        width: 27.272%
    }

    .lg--four-elevenths {
        width: 36.363%
    }

    .lg--five-elevenths {
        width: 45.454%
    }

    .lg--six-elevenths {
        width: 54.545%
    }

    .lg--seven-elevenths {
        width: 63.636%
    }

    .lg--eight-elevenths {
        width: 72.727%
    }

    .lg--nine-elevenths {
        width: 81.818%
    }

    .lg--ten-elevenths {
        width: 90.909%
    }

    .lg--one-twelfth {
        width: 8.333%
    }

    .lg--five-twelfths {
        width: 41.666%
    }

    .lg--seven-twelfths {
        width: 58.333%
    }

    .lg--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:80rem) {
    .xlg--one-whole {
        width: 100%
    }

    .xlg--one-half,
    .xlg--two-quarters,
    .xlg--three-sixths,
    .xlg--four-eighths,
    .xlg--five-tenths,
    .xlg--six-twelfths {
        width: 50%
    }

    .xlg--one-third,
    .xlg--two-sixths,
    .xlg--four-twelfths {
        width: 33.333%
    }

    .xlg--two-thirds,
    .xlg--four-sixths,
    .xlg--eight-twelfths {
        width: 66.666%
    }

    .xlg--one-quarter,
    .xlg--two-eighths,
    .xlg--three-twelfths {
        width: 25%
    }

    .xlg--three-quarters,
    .xlg--six-eighths,
    .xlg--nine-twelfths {
        width: 75%
    }

    .xlg--one-fifth,
    .xlg--two-tenths {
        width: 20%
    }

    .xlg--two-fifths,
    .xlg--four-tenths {
        width: 40%
    }

    .xlg--three-fifths,
    .xlg--six-tenths {
        width: 60%
    }

    .xlg--four-fifths,
    .xlg--eight-tenths {
        width: 80%
    }

    .xlg--one-sixth,
    .xlg--two-twelfths {
        width: 16.666%
    }

    .xlg--five-sixths,
    .xlg--ten-twelfths {
        width: 83.333%
    }

    .xlg--one-eighth {
        width: 12.5%
    }

    .xlg--three-eighths {
        width: 37.5%
    }

    .xlg--five-eighths {
        width: 62.5%
    }

    .xlg--seven-eighths {
        width: 87.5%
    }

    .xlg--one-tenth {
        width: 10%
    }

    .xlg--three-tenths {
        width: 30%
    }

    .xlg--seven-tenths {
        width: 70%
    }

    .xlg--nine-tenths {
        width: 90%
    }

    .xlg--one-eleventh {
        width: 9.09%
    }

    .xlg--two-elevenths {
        width: 18.181%
    }

    .xlg--three-elevenths {
        width: 27.272%
    }

    .xlg--four-elevenths {
        width: 36.363%
    }

    .xlg--five-elevenths {
        width: 45.454%
    }

    .xlg--six-elevenths {
        width: 54.545%
    }

    .xlg--seven-elevenths {
        width: 63.636%
    }

    .xlg--eight-elevenths {
        width: 72.727%
    }

    .xlg--nine-elevenths {
        width: 81.818%
    }

    .xlg--ten-elevenths {
        width: 90.909%
    }

    .xlg--one-twelfth {
        width: 8.333%
    }

    .xlg--five-twelfths {
        width: 41.666%
    }

    .xlg--seven-twelfths {
        width: 58.333%
    }

    .xlg--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:90.0625rem) {
    .xxlg--one-whole {
        width: 100%
    }

    .xxlg--one-half,
    .xxlg--two-quarters,
    .xxlg--three-sixths,
    .xxlg--four-eighths,
    .xxlg--five-tenths,
    .xxlg--six-twelfths {
        width: 50%
    }

    .xxlg--one-third,
    .xxlg--two-sixths,
    .xxlg--four-twelfths {
        width: 33.333%
    }

    .xxlg--two-thirds,
    .xxlg--four-sixths,
    .xxlg--eight-twelfths {
        width: 66.666%
    }

    .xxlg--one-quarter,
    .xxlg--two-eighths,
    .xxlg--three-twelfths {
        width: 25%
    }

    .xxlg--three-quarters,
    .xxlg--six-eighths,
    .xxlg--nine-twelfths {
        width: 75%
    }

    .xxlg--one-fifth,
    .xxlg--two-tenths {
        width: 20%
    }

    .xxlg--two-fifths,
    .xxlg--four-tenths {
        width: 40%
    }

    .xxlg--three-fifths,
    .xxlg--six-tenths {
        width: 60%
    }

    .xxlg--four-fifths,
    .xxlg--eight-tenths {
        width: 80%
    }

    .xxlg--one-sixth,
    .xxlg--two-twelfths {
        width: 16.666%
    }

    .xxlg--five-sixths,
    .xxlg--ten-twelfths {
        width: 83.333%
    }

    .xxlg--one-eighth {
        width: 12.5%
    }

    .xxlg--three-eighths {
        width: 37.5%
    }

    .xxlg--five-eighths {
        width: 62.5%
    }

    .xxlg--seven-eighths {
        width: 87.5%
    }

    .xxlg--one-tenth {
        width: 10%
    }

    .xxlg--three-tenths {
        width: 30%
    }

    .xxlg--seven-tenths {
        width: 70%
    }

    .xxlg--nine-tenths {
        width: 90%
    }

    .xxlg--one-eleventh {
        width: 9.09%
    }

    .xxlg--two-elevenths {
        width: 18.181%
    }

    .xxlg--three-elevenths {
        width: 27.272%
    }

    .xxlg--four-elevenths {
        width: 36.363%
    }

    .xxlg--five-elevenths {
        width: 45.454%
    }

    .xxlg--six-elevenths {
        width: 54.545%
    }

    .xxlg--seven-elevenths {
        width: 63.636%
    }

    .xxlg--eight-elevenths {
        width: 72.727%
    }

    .xxlg--nine-elevenths {
        width: 81.818%
    }

    .xxlg--ten-elevenths {
        width: 90.909%
    }

    .xxlg--one-twelfth {
        width: 8.333%
    }

    .xxlg--five-twelfths {
        width: 41.666%
    }

    .xxlg--seven-twelfths {
        width: 58.333%
    }

    .xxlg--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:100rem) {
    .xxxlg--one-whole {
        width: 100%
    }

    .xxxlg--one-half,
    .xxxlg--two-quarters,
    .xxxlg--three-sixths,
    .xxxlg--four-eighths,
    .xxxlg--five-tenths,
    .xxxlg--six-twelfths {
        width: 50%
    }

    .xxxlg--one-third,
    .xxxlg--two-sixths,
    .xxxlg--four-twelfths {
        width: 33.333%
    }

    .xxxlg--two-thirds,
    .xxxlg--four-sixths,
    .xxxlg--eight-twelfths {
        width: 66.666%
    }

    .xxxlg--one-quarter,
    .xxxlg--two-eighths,
    .xxxlg--three-twelfths {
        width: 25%
    }

    .xxxlg--three-quarters,
    .xxxlg--six-eighths,
    .xxxlg--nine-twelfths {
        width: 75%
    }

    .xxxlg--one-fifth,
    .xxxlg--two-tenths {
        width: 20%
    }

    .xxxlg--two-fifths,
    .xxxlg--four-tenths {
        width: 40%
    }

    .xxxlg--three-fifths,
    .xxxlg--six-tenths {
        width: 60%
    }

    .xxxlg--four-fifths,
    .xxxlg--eight-tenths {
        width: 80%
    }

    .xxxlg--one-sixth,
    .xxxlg--two-twelfths {
        width: 16.666%
    }

    .xxxlg--five-sixths,
    .xxxlg--ten-twelfths {
        width: 83.333%
    }

    .xxxlg--one-eighth {
        width: 12.5%
    }

    .xxxlg--three-eighths {
        width: 37.5%
    }

    .xxxlg--five-eighths {
        width: 62.5%
    }

    .xxxlg--seven-eighths {
        width: 87.5%
    }

    .xxxlg--one-tenth {
        width: 10%
    }

    .xxxlg--three-tenths {
        width: 30%
    }

    .xxxlg--seven-tenths {
        width: 70%
    }

    .xxxlg--nine-tenths {
        width: 90%
    }

    .xxxlg--one-eleventh {
        width: 9.09%
    }

    .xxxlg--two-elevenths {
        width: 18.181%
    }

    .xxxlg--three-elevenths {
        width: 27.272%
    }

    .xxxlg--four-elevenths {
        width: 36.363%
    }

    .xxxlg--five-elevenths {
        width: 45.454%
    }

    .xxxlg--six-elevenths {
        width: 54.545%
    }

    .xxxlg--seven-elevenths {
        width: 63.636%
    }

    .xxxlg--eight-elevenths {
        width: 72.727%
    }

    .xxxlg--nine-elevenths {
        width: 81.818%
    }

    .xxxlg--ten-elevenths {
        width: 90.909%
    }

    .xxxlg--one-twelfth {
        width: 8.333%
    }

    .xxxlg--five-twelfths {
        width: 41.666%
    }

    .xxxlg--seven-twelfths {
        width: 58.333%
    }

    .xxxlg--eleven-twelfths {
        width: 91.666%
    }
}

[class*="push--"] {
    position: relative
}

.push--one-whole {
    left: 100%
}

.push--one-half,
.push--two-quarters,
.push--three-sixths,
.push--four-eighths,
.push--five-tenths,
.push--six-twelfths {
    left: 50%
}

.push--one-third,
.push--two-sixths,
.push--four-twelfths {
    left: 33.333%
}

.push--two-thirds,
.push--four-sixths,
.push--eight-twelfths {
    left: 66.666%
}

.push--one-quarter,
.push--two-eighths,
.push--three-twelfths {
    left: 25%
}

.push--three-quarters,
.push--six-eighths,
.push--nine-twelfths {
    left: 75%
}

.push--one-fifth,
.push--two-tenths {
    left: 20%
}

.push--two-fifths,
.push--four-tenths {
    left: 40%
}

.push--three-fifths,
.push--six-tenths {
    left: 60%
}

.push--four-fifths,
.push--eight-tenths {
    left: 80%
}

.push--one-sixth,
.push--two-twelfths {
    left: 16.666%
}

.push--five-sixths,
.push--ten-twelfths {
    left: 83.333%
}

.push--one-eighth {
    left: 12.5%
}

.push--three-eighths {
    left: 37.5%
}

.push--five-eighths {
    left: 62.5%
}

.push--seven-eighths {
    left: 87.5%
}

.push--one-tenth {
    left: 10%
}

.push--three-tenths {
    left: 30%
}

.push--seven-tenths {
    left: 70%
}

.push--nine-tenths {
    left: 90%
}

.push--one-twelfth {
    left: 8.333%
}

.push--five-twelfths {
    left: 41.666%
}

.push--seven-twelfths {
    left: 58.333%
}

.push--eleven-twelfths {
    left: 91.666%
}

.push--gutter {
    left: 24px
}

.push--no-gutter {
    left: auto
}

@media only screen and (min-width:22.5rem) {
    .push--xxsm--one-whole {
        left: 100%
    }

    .push--xxsm--one-half,
    .push--xxsm--two-quarters,
    .push--xxsm--three-sixths,
    .push--xxsm--four-eighths,
    .push--xxsm--five-tenths,
    .push--xxsm--six-twelfths {
        left: 50%
    }

    .push--xxsm--one-third,
    .push--xxsm--two-sixths,
    .push--xxsm--four-twelfths {
        left: 33.333%
    }

    .push--xxsm--two-thirds,
    .push--xxsm--four-sixths,
    .push--xxsm--eight-twelfths {
        left: 66.666%
    }

    .push--xxsm--one-quarter,
    .push--xxsm--two-eighths,
    .push--xxsm--three-twelfths {
        left: 25%
    }

    .push--xxsm--three-quarters,
    .push--xxsm--six-eighths,
    .push--xxsm--nine-twelfths {
        left: 75%
    }

    .push--xxsm--one-fifth,
    .push--xxsm--two-tenths {
        left: 20%
    }

    .push--xxsm--two-fifths,
    .push--xxsm--four-tenths {
        left: 40%
    }

    .push--xxsm--three-fifths,
    .push--xxsm--six-tenths {
        left: 60%
    }

    .push--xxsm--four-fifths,
    .push--xxsm--eight-tenths {
        left: 80%
    }

    .push--xxsm--one-sixth,
    .push--xxsm--two-twelfths {
        left: 16.666%
    }

    .push--xxsm--five-sixths,
    .push--xxsm--ten-twelfths {
        left: 83.333%
    }

    .push--xxsm--one-eighth {
        left: 12.5%
    }

    .push--xxsm--three-eighths {
        left: 37.5%
    }

    .push--xxsm--five-eighths {
        left: 62.5%
    }

    .push--xxsm--seven-eighths {
        left: 87.5%
    }

    .push--xxsm--one-tenth {
        left: 10%
    }

    .push--xxsm--three-tenths {
        left: 30%
    }

    .push--xxsm--seven-tenths {
        left: 70%
    }

    .push--xxsm--nine-tenths {
        left: 90%
    }

    .push--xxsm--one-twelfth {
        left: 8.333%
    }

    .push--xxsm--five-twelfths {
        left: 41.666%
    }

    .push--xxsm--seven-twelfths {
        left: 58.333%
    }

    .push--xxsm--eleven-twelfths {
        left: 91.666%
    }

    .push--xxsm--gutter {
        left: 24px
    }

    .push--xxsm--no-gutter {
        left: auto
    }
}

@media only screen and (min-width:25rem) {
    .push--xsm--one-whole {
        left: 100%
    }

    .push--xsm--one-half,
    .push--xsm--two-quarters,
    .push--xsm--three-sixths,
    .push--xsm--four-eighths,
    .push--xsm--five-tenths,
    .push--xsm--six-twelfths {
        left: 50%
    }

    .push--xsm--one-third,
    .push--xsm--two-sixths,
    .push--xsm--four-twelfths {
        left: 33.333%
    }

    .push--xsm--two-thirds,
    .push--xsm--four-sixths,
    .push--xsm--eight-twelfths {
        left: 66.666%
    }

    .push--xsm--one-quarter,
    .push--xsm--two-eighths,
    .push--xsm--three-twelfths {
        left: 25%
    }

    .push--xsm--three-quarters,
    .push--xsm--six-eighths,
    .push--xsm--nine-twelfths {
        left: 75%
    }

    .push--xsm--one-fifth,
    .push--xsm--two-tenths {
        left: 20%
    }

    .push--xsm--two-fifths,
    .push--xsm--four-tenths {
        left: 40%
    }

    .push--xsm--three-fifths,
    .push--xsm--six-tenths {
        left: 60%
    }

    .push--xsm--four-fifths,
    .push--xsm--eight-tenths {
        left: 80%
    }

    .push--xsm--one-sixth,
    .push--xsm--two-twelfths {
        left: 16.666%
    }

    .push--xsm--five-sixths,
    .push--xsm--ten-twelfths {
        left: 83.333%
    }

    .push--xsm--one-eighth {
        left: 12.5%
    }

    .push--xsm--three-eighths {
        left: 37.5%
    }

    .push--xsm--five-eighths {
        left: 62.5%
    }

    .push--xsm--seven-eighths {
        left: 87.5%
    }

    .push--xsm--one-tenth {
        left: 10%
    }

    .push--xsm--three-tenths {
        left: 30%
    }

    .push--xsm--seven-tenths {
        left: 70%
    }

    .push--xsm--nine-tenths {
        left: 90%
    }

    .push--xsm--one-twelfth {
        left: 8.333%
    }

    .push--xsm--five-twelfths {
        left: 41.666%
    }

    .push--xsm--seven-twelfths {
        left: 58.333%
    }

    .push--xsm--eleven-twelfths {
        left: 91.666%
    }

    .push--xsm--gutter {
        left: 24px
    }

    .push--xsm--no-gutter {
        left: auto
    }
}

@media only screen and (min-width:30rem) {
    .push--sm--one-whole {
        left: 100%
    }

    .push--sm--one-half,
    .push--sm--two-quarters,
    .push--sm--three-sixths,
    .push--sm--four-eighths,
    .push--sm--five-tenths,
    .push--sm--six-twelfths {
        left: 50%
    }

    .push--sm--one-third,
    .push--sm--two-sixths,
    .push--sm--four-twelfths {
        left: 33.333%
    }

    .push--sm--two-thirds,
    .push--sm--four-sixths,
    .push--sm--eight-twelfths {
        left: 66.666%
    }

    .push--sm--one-quarter,
    .push--sm--two-eighths,
    .push--sm--three-twelfths {
        left: 25%
    }

    .push--sm--three-quarters,
    .push--sm--six-eighths,
    .push--sm--nine-twelfths {
        left: 75%
    }

    .push--sm--one-fifth,
    .push--sm--two-tenths {
        left: 20%
    }

    .push--sm--two-fifths,
    .push--sm--four-tenths {
        left: 40%
    }

    .push--sm--three-fifths,
    .push--sm--six-tenths {
        left: 60%
    }

    .push--sm--four-fifths,
    .push--sm--eight-tenths {
        left: 80%
    }

    .push--sm--one-sixth,
    .push--sm--two-twelfths {
        left: 16.666%
    }

    .push--sm--five-sixths,
    .push--sm--ten-twelfths {
        left: 83.333%
    }

    .push--sm--one-eighth {
        left: 12.5%
    }

    .push--sm--three-eighths {
        left: 37.5%
    }

    .push--sm--five-eighths {
        left: 62.5%
    }

    .push--sm--seven-eighths {
        left: 87.5%
    }

    .push--sm--one-tenth {
        left: 10%
    }

    .push--sm--three-tenths {
        left: 30%
    }

    .push--sm--seven-tenths {
        left: 70%
    }

    .push--sm--nine-tenths {
        left: 90%
    }

    .push--sm--one-twelfth {
        left: 8.333%
    }

    .push--sm--five-twelfths {
        left: 41.666%
    }

    .push--sm--seven-twelfths {
        left: 58.333%
    }

    .push--sm--eleven-twelfths {
        left: 91.666%
    }

    .push--sm--gutter {
        left: 24px
    }

    .push--sm--no-gutter {
        left: auto
    }
}

@media only screen and (min-width:48rem) {
    .push--md--one-whole {
        left: 100%
    }

    .push--md--one-half,
    .push--md--two-quarters,
    .push--md--three-sixths,
    .push--md--four-eighths,
    .push--md--five-tenths,
    .push--md--six-twelfths {
        left: 50%
    }

    .push--md--one-third,
    .push--md--two-sixths,
    .push--md--four-twelfths {
        left: 33.333%
    }

    .push--md--two-thirds,
    .push--md--four-sixths,
    .push--md--eight-twelfths {
        left: 66.666%
    }

    .push--md--one-quarter,
    .push--md--two-eighths,
    .push--md--three-twelfths {
        left: 25%
    }

    .push--md--three-quarters,
    .push--md--six-eighths,
    .push--md--nine-twelfths {
        left: 75%
    }

    .push--md--one-fifth,
    .push--md--two-tenths {
        left: 20%
    }

    .push--md--two-fifths,
    .push--md--four-tenths {
        left: 40%
    }

    .push--md--three-fifths,
    .push--md--six-tenths {
        left: 60%
    }

    .push--md--four-fifths,
    .push--md--eight-tenths {
        left: 80%
    }

    .push--md--one-sixth,
    .push--md--two-twelfths {
        left: 16.666%
    }

    .push--md--five-sixths,
    .push--md--ten-twelfths {
        left: 83.333%
    }

    .push--md--one-eighth {
        left: 12.5%
    }

    .push--md--three-eighths {
        left: 37.5%
    }

    .push--md--five-eighths {
        left: 62.5%
    }

    .push--md--seven-eighths {
        left: 87.5%
    }

    .push--md--one-tenth {
        left: 10%
    }

    .push--md--three-tenths {
        left: 30%
    }

    .push--md--seven-tenths {
        left: 70%
    }

    .push--md--nine-tenths {
        left: 90%
    }

    .push--md--one-twelfth {
        left: 8.333%
    }

    .push--md--five-twelfths {
        left: 41.666%
    }

    .push--md--seven-twelfths {
        left: 58.333%
    }

    .push--md--eleven-twelfths {
        left: 91.666%
    }

    .push--md--gutter {
        left: 24px
    }

    .push--md--no-gutter {
        left: auto
    }
}

@media only screen and (min-width:50.6875rem) {
    .push--xmd--one-whole {
        left: 100%
    }

    .push--xmd--one-half,
    .push--xmd--two-quarters,
    .push--xmd--three-sixths,
    .push--xmd--four-eighths,
    .push--xmd--five-tenths,
    .push--xmd--six-twelfths {
        left: 50%
    }

    .push--xmd--one-third,
    .push--xmd--two-sixths,
    .push--xmd--four-twelfths {
        left: 33.333%
    }

    .push--xmd--two-thirds,
    .push--xmd--four-sixths,
    .push--xmd--eight-twelfths {
        left: 66.666%
    }

    .push--xmd--one-quarter,
    .push--xmd--two-eighths,
    .push--xmd--three-twelfths {
        left: 25%
    }

    .push--xmd--three-quarters,
    .push--xmd--six-eighths,
    .push--xmd--nine-twelfths {
        left: 75%
    }

    .push--xmd--one-fifth,
    .push--xmd--two-tenths {
        left: 20%
    }

    .push--xmd--two-fifths,
    .push--xmd--four-tenths {
        left: 40%
    }

    .push--xmd--three-fifths,
    .push--xmd--six-tenths {
        left: 60%
    }

    .push--xmd--four-fifths,
    .push--xmd--eight-tenths {
        left: 80%
    }

    .push--xmd--one-sixth,
    .push--xmd--two-twelfths {
        left: 16.666%
    }

    .push--xmd--five-sixths,
    .push--xmd--ten-twelfths {
        left: 83.333%
    }

    .push--xmd--one-eighth {
        left: 12.5%
    }

    .push--xmd--three-eighths {
        left: 37.5%
    }

    .push--xmd--five-eighths {
        left: 62.5%
    }

    .push--xmd--seven-eighths {
        left: 87.5%
    }

    .push--xmd--one-tenth {
        left: 10%
    }

    .push--xmd--three-tenths {
        left: 30%
    }

    .push--xmd--seven-tenths {
        left: 70%
    }

    .push--xmd--nine-tenths {
        left: 90%
    }

    .push--xmd--one-twelfth {
        left: 8.333%
    }

    .push--xmd--five-twelfths {
        left: 41.666%
    }

    .push--xmd--seven-twelfths {
        left: 58.333%
    }

    .push--xmd--eleven-twelfths {
        left: 91.666%
    }

    .push--xmd--gutter {
        left: 24px
    }

    .push--xmd--no-gutter {
        left: auto
    }
}

@media only screen and (min-width:64rem) {
    .push--lg--one-whole {
        left: 100%
    }

    .push--lg--one-half,
    .push--lg--two-quarters,
    .push--lg--three-sixths,
    .push--lg--four-eighths,
    .push--lg--five-tenths,
    .push--lg--six-twelfths {
        left: 50%
    }

    .push--lg--one-third,
    .push--lg--two-sixths,
    .push--lg--four-twelfths {
        left: 33.333%
    }

    .push--lg--two-thirds,
    .push--lg--four-sixths,
    .push--lg--eight-twelfths {
        left: 66.666%
    }

    .push--lg--one-quarter,
    .push--lg--two-eighths,
    .push--lg--three-twelfths {
        left: 25%
    }

    .push--lg--three-quarters,
    .push--lg--six-eighths,
    .push--lg--nine-twelfths {
        left: 75%
    }

    .push--lg--one-fifth,
    .push--lg--two-tenths {
        left: 20%
    }

    .push--lg--two-fifths,
    .push--lg--four-tenths {
        left: 40%
    }

    .push--lg--three-fifths,
    .push--lg--six-tenths {
        left: 60%
    }

    .push--lg--four-fifths,
    .push--lg--eight-tenths {
        left: 80%
    }

    .push--lg--one-sixth,
    .push--lg--two-twelfths {
        left: 16.666%
    }

    .push--lg--five-sixths,
    .push--lg--ten-twelfths {
        left: 83.333%
    }

    .push--lg--one-eighth {
        left: 12.5%
    }

    .push--lg--three-eighths {
        left: 37.5%
    }

    .push--lg--five-eighths {
        left: 62.5%
    }

    .push--lg--seven-eighths {
        left: 87.5%
    }

    .push--lg--one-tenth {
        left: 10%
    }

    .push--lg--three-tenths {
        left: 30%
    }

    .push--lg--seven-tenths {
        left: 70%
    }

    .push--lg--nine-tenths {
        left: 90%
    }

    .push--lg--one-twelfth {
        left: 8.333%
    }

    .push--lg--five-twelfths {
        left: 41.666%
    }

    .push--lg--seven-twelfths {
        left: 58.333%
    }

    .push--lg--eleven-twelfths {
        left: 91.666%
    }

    .push--lg--gutter {
        left: 24px
    }

    .push--lg--no-gutter {
        left: auto
    }
}

@media only screen and (min-width:80rem) {
    .push--xlg--one-whole {
        left: 100%
    }

    .push--xlg--one-half,
    .push--xlg--two-quarters,
    .push--xlg--three-sixths,
    .push--xlg--four-eighths,
    .push--xlg--five-tenths,
    .push--xlg--six-twelfths {
        left: 50%
    }

    .push--xlg--one-third,
    .push--xlg--two-sixths,
    .push--xlg--four-twelfths {
        left: 33.333%
    }

    .push--xlg--two-thirds,
    .push--xlg--four-sixths,
    .push--xlg--eight-twelfths {
        left: 66.666%
    }

    .push--xlg--one-quarter,
    .push--xlg--two-eighths,
    .push--xlg--three-twelfths {
        left: 25%
    }

    .push--xlg--three-quarters,
    .push--xlg--six-eighths,
    .push--xlg--nine-twelfths {
        left: 75%
    }

    .push--xlg--one-fifth,
    .push--xlg--two-tenths {
        left: 20%
    }

    .push--xlg--two-fifths,
    .push--xlg--four-tenths {
        left: 40%
    }

    .push--xlg--three-fifths,
    .push--xlg--six-tenths {
        left: 60%
    }

    .push--xlg--four-fifths,
    .push--xlg--eight-tenths {
        left: 80%
    }

    .push--xlg--one-sixth,
    .push--xlg--two-twelfths {
        left: 16.666%
    }

    .push--xlg--five-sixths,
    .push--xlg--ten-twelfths {
        left: 83.333%
    }

    .push--xlg--one-eighth {
        left: 12.5%
    }

    .push--xlg--three-eighths {
        left: 37.5%
    }

    .push--xlg--five-eighths {
        left: 62.5%
    }

    .push--xlg--seven-eighths {
        left: 87.5%
    }

    .push--xlg--one-tenth {
        left: 10%
    }

    .push--xlg--three-tenths {
        left: 30%
    }

    .push--xlg--seven-tenths {
        left: 70%
    }

    .push--xlg--nine-tenths {
        left: 90%
    }

    .push--xlg--one-twelfth {
        left: 8.333%
    }

    .push--xlg--five-twelfths {
        left: 41.666%
    }

    .push--xlg--seven-twelfths {
        left: 58.333%
    }

    .push--xlg--eleven-twelfths {
        left: 91.666%
    }

    .push--xlg--gutter {
        left: 24px
    }

    .push--xlg--no-gutter {
        left: auto
    }
}

@media only screen and (min-width:90.0625rem) {
    .push--xxlg--one-whole {
        left: 100%
    }

    .push--xxlg--one-half,
    .push--xxlg--two-quarters,
    .push--xxlg--three-sixths,
    .push--xxlg--four-eighths,
    .push--xxlg--five-tenths,
    .push--xxlg--six-twelfths {
        left: 50%
    }

    .push--xxlg--one-third,
    .push--xxlg--two-sixths,
    .push--xxlg--four-twelfths {
        left: 33.333%
    }

    .push--xxlg--two-thirds,
    .push--xxlg--four-sixths,
    .push--xxlg--eight-twelfths {
        left: 66.666%
    }

    .push--xxlg--one-quarter,
    .push--xxlg--two-eighths,
    .push--xxlg--three-twelfths {
        left: 25%
    }

    .push--xxlg--three-quarters,
    .push--xxlg--six-eighths,
    .push--xxlg--nine-twelfths {
        left: 75%
    }

    .push--xxlg--one-fifth,
    .push--xxlg--two-tenths {
        left: 20%
    }

    .push--xxlg--two-fifths,
    .push--xxlg--four-tenths {
        left: 40%
    }

    .push--xxlg--three-fifths,
    .push--xxlg--six-tenths {
        left: 60%
    }

    .push--xxlg--four-fifths,
    .push--xxlg--eight-tenths {
        left: 80%
    }

    .push--xxlg--one-sixth,
    .push--xxlg--two-twelfths {
        left: 16.666%
    }

    .push--xxlg--five-sixths,
    .push--xxlg--ten-twelfths {
        left: 83.333%
    }

    .push--xxlg--one-eighth {
        left: 12.5%
    }

    .push--xxlg--three-eighths {
        left: 37.5%
    }

    .push--xxlg--five-eighths {
        left: 62.5%
    }

    .push--xxlg--seven-eighths {
        left: 87.5%
    }

    .push--xxlg--one-tenth {
        left: 10%
    }

    .push--xxlg--three-tenths {
        left: 30%
    }

    .push--xxlg--seven-tenths {
        left: 70%
    }

    .push--xxlg--nine-tenths {
        left: 90%
    }

    .push--xxlg--one-twelfth {
        left: 8.333%
    }

    .push--xxlg--five-twelfths {
        left: 41.666%
    }

    .push--xxlg--seven-twelfths {
        left: 58.333%
    }

    .push--xxlg--eleven-twelfths {
        left: 91.666%
    }

    .push--xxlg--gutter {
        left: 24px
    }

    .push--xxlg--no-gutter {
        left: auto
    }
}

@media only screen and (min-width:100rem) {
    .push--xxxlg--one-whole {
        left: 100%
    }

    .push--xxxlg--one-half,
    .push--xxxlg--two-quarters,
    .push--xxxlg--three-sixths,
    .push--xxxlg--four-eighths,
    .push--xxxlg--five-tenths,
    .push--xxxlg--six-twelfths {
        left: 50%
    }

    .push--xxxlg--one-third,
    .push--xxxlg--two-sixths,
    .push--xxxlg--four-twelfths {
        left: 33.333%
    }

    .push--xxxlg--two-thirds,
    .push--xxxlg--four-sixths,
    .push--xxxlg--eight-twelfths {
        left: 66.666%
    }

    .push--xxxlg--one-quarter,
    .push--xxxlg--two-eighths,
    .push--xxxlg--three-twelfths {
        left: 25%
    }

    .push--xxxlg--three-quarters,
    .push--xxxlg--six-eighths,
    .push--xxxlg--nine-twelfths {
        left: 75%
    }

    .push--xxxlg--one-fifth,
    .push--xxxlg--two-tenths {
        left: 20%
    }

    .push--xxxlg--two-fifths,
    .push--xxxlg--four-tenths {
        left: 40%
    }

    .push--xxxlg--three-fifths,
    .push--xxxlg--six-tenths {
        left: 60%
    }

    .push--xxxlg--four-fifths,
    .push--xxxlg--eight-tenths {
        left: 80%
    }

    .push--xxxlg--one-sixth,
    .push--xxxlg--two-twelfths {
        left: 16.666%
    }

    .push--xxxlg--five-sixths,
    .push--xxxlg--ten-twelfths {
        left: 83.333%
    }

    .push--xxxlg--one-eighth {
        left: 12.5%
    }

    .push--xxxlg--three-eighths {
        left: 37.5%
    }

    .push--xxxlg--five-eighths {
        left: 62.5%
    }

    .push--xxxlg--seven-eighths {
        left: 87.5%
    }

    .push--xxxlg--one-tenth {
        left: 10%
    }

    .push--xxxlg--three-tenths {
        left: 30%
    }

    .push--xxxlg--seven-tenths {
        left: 70%
    }

    .push--xxxlg--nine-tenths {
        left: 90%
    }

    .push--xxxlg--one-twelfth {
        left: 8.333%
    }

    .push--xxxlg--five-twelfths {
        left: 41.666%
    }

    .push--xxxlg--seven-twelfths {
        left: 58.333%
    }

    .push--xxxlg--eleven-twelfths {
        left: 91.666%
    }

    .push--xxxlg--gutter {
        left: 24px
    }

    .push--xxxlg--no-gutter {
        left: auto
    }
}

[class*="pull--"] {
    position: relative
}

.pull--one-whole {
    right: 100%
}

.pull--one-half,
.pull--two-quarters,
.pull--three-sixths,
.pull--four-eighths,
.pull--five-tenths,
.pull--six-twelfths {
    right: 50%
}

.pull--one-third,
.pull--two-sixths,
.pull--four-twelfths {
    right: 33.333%
}

.pull--two-thirds,
.pull--four-sixths,
.pull--eight-twelfths {
    right: 66.666%
}

.pull--one-quarter,
.pull--two-eighths,
.pull--three-twelfths {
    right: 25%
}

.pull--three-quarters,
.pull--six-eighths,
.pull--nine-twelfths {
    right: 75%
}

.pull--one-fifth,
.pull--two-tenths {
    right: 20%
}

.pull--two-fifths,
.pull--four-tenths {
    right: 40%
}

.pull--three-fifths,
.pull--six-tenths {
    right: 60%
}

.pull--four-fifths,
.pull--eight-tenths {
    right: 80%
}

.pull--one-sixth,
.pull--two-twelfths {
    right: 16.666%
}

.pull--five-sixths,
.pull--ten-twelfths {
    right: 83.333%
}

.pull--one-eighth {
    right: 12.5%
}

.pull--three-eighths {
    right: 37.5%
}

.pull--five-eighths {
    right: 62.5%
}

.pull--seven-eighths {
    right: 87.5%
}

.pull--one-tenth {
    right: 10%
}

.pull--three-tenths {
    right: 30%
}

.pull--seven-tenths {
    right: 70%
}

.pull--nine-tenths {
    right: 90%
}

.pull--one-twelfth {
    right: 8.333%
}

.pull--five-twelfths {
    right: 41.666%
}

.pull--seven-twelfths {
    right: 58.333%
}

.pull--eleven-twelfths {
    right: 91.666%
}

.pull--gutter {
    right: 24px
}

.pull--no-gutter {
    right: auto
}

@media only screen and (min-width:22.5rem) {
    .pull--xxsm--one-whole {
        right: 100%
    }

    .pull--xxsm--one-half,
    .pull--xxsm--two-quarters,
    .pull--xxsm--three-sixths,
    .pull--xxsm--four-eighths,
    .pull--xxsm--five-tenths,
    .pull--xxsm--six-twelfths {
        right: 50%
    }

    .pull--xxsm--one-third,
    .pull--xxsm--two-sixths,
    .pull--xxsm--four-twelfths {
        right: 33.333%
    }

    .pull--xxsm--two-thirds,
    .pull--xxsm--four-sixths,
    .pull--xxsm--eight-twelfths {
        right: 66.666%
    }

    .pull--xxsm--one-quarter,
    .pull--xxsm--two-eighths,
    .pull--xxsm--three-twelfths {
        right: 25%
    }

    .pull--xxsm--three-quarters,
    .pull--xxsm--six-eighths,
    .pull--xxsm--nine-twelfths {
        right: 75%
    }

    .pull--xxsm--one-fifth,
    .pull--xxsm--two-tenths {
        right: 20%
    }

    .pull--xxsm--two-fifths,
    .pull--xxsm--four-tenths {
        right: 40%
    }

    .pull--xxsm--three-fifths,
    .pull--xxsm--six-tenths {
        right: 60%
    }

    .pull--xxsm--four-fifths,
    .pull--xxsm--eight-tenths {
        right: 80%
    }

    .pull--xxsm--one-sixth,
    .pull--xxsm--two-twelfths {
        right: 16.666%
    }

    .pull--xxsm--five-sixths,
    .pull--xxsm--ten-twelfths {
        right: 83.333%
    }

    .pull--xxsm--one-eighth {
        right: 12.5%
    }

    .pull--xxsm--three-eighths {
        right: 37.5%
    }

    .pull--xxsm--five-eighths {
        right: 62.5%
    }

    .pull--xxsm--seven-eighths {
        right: 87.5%
    }

    .pull--xxsm--one-tenth {
        right: 10%
    }

    .pull--xxsm--three-tenths {
        right: 30%
    }

    .pull--xxsm--seven-tenths {
        right: 70%
    }

    .pull--xxsm--nine-tenths {
        right: 90%
    }

    .pull--xxsm--one-twelfth {
        right: 8.333%
    }

    .pull--xxsm--five-twelfths {
        right: 41.666%
    }

    .pull--xxsm--seven-twelfths {
        right: 58.333%
    }

    .pull--xxsm--eleven-twelfths {
        right: 91.666%
    }

    .pull--xxsm--gutter {
        right: 24px
    }

    .pull--xxsm--no-gutter {
        right: auto
    }
}

@media only screen and (min-width:25rem) {
    .pull--xsm--one-whole {
        right: 100%
    }

    .pull--xsm--one-half,
    .pull--xsm--two-quarters,
    .pull--xsm--three-sixths,
    .pull--xsm--four-eighths,
    .pull--xsm--five-tenths,
    .pull--xsm--six-twelfths {
        right: 50%
    }

    .pull--xsm--one-third,
    .pull--xsm--two-sixths,
    .pull--xsm--four-twelfths {
        right: 33.333%
    }

    .pull--xsm--two-thirds,
    .pull--xsm--four-sixths,
    .pull--xsm--eight-twelfths {
        right: 66.666%
    }

    .pull--xsm--one-quarter,
    .pull--xsm--two-eighths,
    .pull--xsm--three-twelfths {
        right: 25%
    }

    .pull--xsm--three-quarters,
    .pull--xsm--six-eighths,
    .pull--xsm--nine-twelfths {
        right: 75%
    }

    .pull--xsm--one-fifth,
    .pull--xsm--two-tenths {
        right: 20%
    }

    .pull--xsm--two-fifths,
    .pull--xsm--four-tenths {
        right: 40%
    }

    .pull--xsm--three-fifths,
    .pull--xsm--six-tenths {
        right: 60%
    }

    .pull--xsm--four-fifths,
    .pull--xsm--eight-tenths {
        right: 80%
    }

    .pull--xsm--one-sixth,
    .pull--xsm--two-twelfths {
        right: 16.666%
    }

    .pull--xsm--five-sixths,
    .pull--xsm--ten-twelfths {
        right: 83.333%
    }

    .pull--xsm--one-eighth {
        right: 12.5%
    }

    .pull--xsm--three-eighths {
        right: 37.5%
    }

    .pull--xsm--five-eighths {
        right: 62.5%
    }

    .pull--xsm--seven-eighths {
        right: 87.5%
    }

    .pull--xsm--one-tenth {
        right: 10%
    }

    .pull--xsm--three-tenths {
        right: 30%
    }

    .pull--xsm--seven-tenths {
        right: 70%
    }

    .pull--xsm--nine-tenths {
        right: 90%
    }

    .pull--xsm--one-twelfth {
        right: 8.333%
    }

    .pull--xsm--five-twelfths {
        right: 41.666%
    }

    .pull--xsm--seven-twelfths {
        right: 58.333%
    }

    .pull--xsm--eleven-twelfths {
        right: 91.666%
    }

    .pull--xsm--gutter {
        right: 24px
    }

    .pull--xsm--no-gutter {
        right: auto
    }
}

@media only screen and (min-width:30rem) {
    .pull--sm--one-whole {
        right: 100%
    }

    .pull--sm--one-half,
    .pull--sm--two-quarters,
    .pull--sm--three-sixths,
    .pull--sm--four-eighths,
    .pull--sm--five-tenths,
    .pull--sm--six-twelfths {
        right: 50%
    }

    .pull--sm--one-third,
    .pull--sm--two-sixths,
    .pull--sm--four-twelfths {
        right: 33.333%
    }

    .pull--sm--two-thirds,
    .pull--sm--four-sixths,
    .pull--sm--eight-twelfths {
        right: 66.666%
    }

    .pull--sm--one-quarter,
    .pull--sm--two-eighths,
    .pull--sm--three-twelfths {
        right: 25%
    }

    .pull--sm--three-quarters,
    .pull--sm--six-eighths,
    .pull--sm--nine-twelfths {
        right: 75%
    }

    .pull--sm--one-fifth,
    .pull--sm--two-tenths {
        right: 20%
    }

    .pull--sm--two-fifths,
    .pull--sm--four-tenths {
        right: 40%
    }

    .pull--sm--three-fifths,
    .pull--sm--six-tenths {
        right: 60%
    }

    .pull--sm--four-fifths,
    .pull--sm--eight-tenths {
        right: 80%
    }

    .pull--sm--one-sixth,
    .pull--sm--two-twelfths {
        right: 16.666%
    }

    .pull--sm--five-sixths,
    .pull--sm--ten-twelfths {
        right: 83.333%
    }

    .pull--sm--one-eighth {
        right: 12.5%
    }

    .pull--sm--three-eighths {
        right: 37.5%
    }

    .pull--sm--five-eighths {
        right: 62.5%
    }

    .pull--sm--seven-eighths {
        right: 87.5%
    }

    .pull--sm--one-tenth {
        right: 10%
    }

    .pull--sm--three-tenths {
        right: 30%
    }

    .pull--sm--seven-tenths {
        right: 70%
    }

    .pull--sm--nine-tenths {
        right: 90%
    }

    .pull--sm--one-twelfth {
        right: 8.333%
    }

    .pull--sm--five-twelfths {
        right: 41.666%
    }

    .pull--sm--seven-twelfths {
        right: 58.333%
    }

    .pull--sm--eleven-twelfths {
        right: 91.666%
    }

    .pull--sm--gutter {
        right: 24px
    }

    .pull--sm--no-gutter {
        right: auto
    }
}

@media only screen and (min-width:48rem) {
    .pull--md--one-whole {
        right: 100%
    }

    .pull--md--one-half,
    .pull--md--two-quarters,
    .pull--md--three-sixths,
    .pull--md--four-eighths,
    .pull--md--five-tenths,
    .pull--md--six-twelfths {
        right: 50%
    }

    .pull--md--one-third,
    .pull--md--two-sixths,
    .pull--md--four-twelfths {
        right: 33.333%
    }

    .pull--md--two-thirds,
    .pull--md--four-sixths,
    .pull--md--eight-twelfths {
        right: 66.666%
    }

    .pull--md--one-quarter,
    .pull--md--two-eighths,
    .pull--md--three-twelfths {
        right: 25%
    }

    .pull--md--three-quarters,
    .pull--md--six-eighths,
    .pull--md--nine-twelfths {
        right: 75%
    }

    .pull--md--one-fifth,
    .pull--md--two-tenths {
        right: 20%
    }

    .pull--md--two-fifths,
    .pull--md--four-tenths {
        right: 40%
    }

    .pull--md--three-fifths,
    .pull--md--six-tenths {
        right: 60%
    }

    .pull--md--four-fifths,
    .pull--md--eight-tenths {
        right: 80%
    }

    .pull--md--one-sixth,
    .pull--md--two-twelfths {
        right: 16.666%
    }

    .pull--md--five-sixths,
    .pull--md--ten-twelfths {
        right: 83.333%
    }

    .pull--md--one-eighth {
        right: 12.5%
    }

    .pull--md--three-eighths {
        right: 37.5%
    }

    .pull--md--five-eighths {
        right: 62.5%
    }

    .pull--md--seven-eighths {
        right: 87.5%
    }

    .pull--md--one-tenth {
        right: 10%
    }

    .pull--md--three-tenths {
        right: 30%
    }

    .pull--md--seven-tenths {
        right: 70%
    }

    .pull--md--nine-tenths {
        right: 90%
    }

    .pull--md--one-twelfth {
        right: 8.333%
    }

    .pull--md--five-twelfths {
        right: 41.666%
    }

    .pull--md--seven-twelfths {
        right: 58.333%
    }

    .pull--md--eleven-twelfths {
        right: 91.666%
    }

    .pull--md--gutter {
        right: 24px
    }

    .pull--md--no-gutter {
        right: auto
    }
}

@media only screen and (min-width:50.6875rem) {
    .pull--xmd--one-whole {
        right: 100%
    }

    .pull--xmd--one-half,
    .pull--xmd--two-quarters,
    .pull--xmd--three-sixths,
    .pull--xmd--four-eighths,
    .pull--xmd--five-tenths,
    .pull--xmd--six-twelfths {
        right: 50%
    }

    .pull--xmd--one-third,
    .pull--xmd--two-sixths,
    .pull--xmd--four-twelfths {
        right: 33.333%
    }

    .pull--xmd--two-thirds,
    .pull--xmd--four-sixths,
    .pull--xmd--eight-twelfths {
        right: 66.666%
    }

    .pull--xmd--one-quarter,
    .pull--xmd--two-eighths,
    .pull--xmd--three-twelfths {
        right: 25%
    }

    .pull--xmd--three-quarters,
    .pull--xmd--six-eighths,
    .pull--xmd--nine-twelfths {
        right: 75%
    }

    .pull--xmd--one-fifth,
    .pull--xmd--two-tenths {
        right: 20%
    }

    .pull--xmd--two-fifths,
    .pull--xmd--four-tenths {
        right: 40%
    }

    .pull--xmd--three-fifths,
    .pull--xmd--six-tenths {
        right: 60%
    }

    .pull--xmd--four-fifths,
    .pull--xmd--eight-tenths {
        right: 80%
    }

    .pull--xmd--one-sixth,
    .pull--xmd--two-twelfths {
        right: 16.666%
    }

    .pull--xmd--five-sixths,
    .pull--xmd--ten-twelfths {
        right: 83.333%
    }

    .pull--xmd--one-eighth {
        right: 12.5%
    }

    .pull--xmd--three-eighths {
        right: 37.5%
    }

    .pull--xmd--five-eighths {
        right: 62.5%
    }

    .pull--xmd--seven-eighths {
        right: 87.5%
    }

    .pull--xmd--one-tenth {
        right: 10%
    }

    .pull--xmd--three-tenths {
        right: 30%
    }

    .pull--xmd--seven-tenths {
        right: 70%
    }

    .pull--xmd--nine-tenths {
        right: 90%
    }

    .pull--xmd--one-twelfth {
        right: 8.333%
    }

    .pull--xmd--five-twelfths {
        right: 41.666%
    }

    .pull--xmd--seven-twelfths {
        right: 58.333%
    }

    .pull--xmd--eleven-twelfths {
        right: 91.666%
    }

    .pull--xmd--gutter {
        right: 24px
    }

    .pull--xmd--no-gutter {
        right: auto
    }
}

@media only screen and (min-width:64rem) {
    .pull--lg--one-whole {
        right: 100%
    }

    .pull--lg--one-half,
    .pull--lg--two-quarters,
    .pull--lg--three-sixths,
    .pull--lg--four-eighths,
    .pull--lg--five-tenths,
    .pull--lg--six-twelfths {
        right: 50%
    }

    .pull--lg--one-third,
    .pull--lg--two-sixths,
    .pull--lg--four-twelfths {
        right: 33.333%
    }

    .pull--lg--two-thirds,
    .pull--lg--four-sixths,
    .pull--lg--eight-twelfths {
        right: 66.666%
    }

    .pull--lg--one-quarter,
    .pull--lg--two-eighths,
    .pull--lg--three-twelfths {
        right: 25%
    }

    .pull--lg--three-quarters,
    .pull--lg--six-eighths,
    .pull--lg--nine-twelfths {
        right: 75%
    }

    .pull--lg--one-fifth,
    .pull--lg--two-tenths {
        right: 20%
    }

    .pull--lg--two-fifths,
    .pull--lg--four-tenths {
        right: 40%
    }

    .pull--lg--three-fifths,
    .pull--lg--six-tenths {
        right: 60%
    }

    .pull--lg--four-fifths,
    .pull--lg--eight-tenths {
        right: 80%
    }

    .pull--lg--one-sixth,
    .pull--lg--two-twelfths {
        right: 16.666%
    }

    .pull--lg--five-sixths,
    .pull--lg--ten-twelfths {
        right: 83.333%
    }

    .pull--lg--one-eighth {
        right: 12.5%
    }

    .pull--lg--three-eighths {
        right: 37.5%
    }

    .pull--lg--five-eighths {
        right: 62.5%
    }

    .pull--lg--seven-eighths {
        right: 87.5%
    }

    .pull--lg--one-tenth {
        right: 10%
    }

    .pull--lg--three-tenths {
        right: 30%
    }

    .pull--lg--seven-tenths {
        right: 70%
    }

    .pull--lg--nine-tenths {
        right: 90%
    }

    .pull--lg--one-twelfth {
        right: 8.333%
    }

    .pull--lg--five-twelfths {
        right: 41.666%
    }

    .pull--lg--seven-twelfths {
        right: 58.333%
    }

    .pull--lg--eleven-twelfths {
        right: 91.666%
    }

    .pull--lg--gutter {
        right: 24px
    }

    .pull--lg--no-gutter {
        right: auto
    }
}

@media only screen and (min-width:80rem) {
    .pull--xlg--one-whole {
        right: 100%
    }

    .pull--xlg--one-half,
    .pull--xlg--two-quarters,
    .pull--xlg--three-sixths,
    .pull--xlg--four-eighths,
    .pull--xlg--five-tenths,
    .pull--xlg--six-twelfths {
        right: 50%
    }

    .pull--xlg--one-third,
    .pull--xlg--two-sixths,
    .pull--xlg--four-twelfths {
        right: 33.333%
    }

    .pull--xlg--two-thirds,
    .pull--xlg--four-sixths,
    .pull--xlg--eight-twelfths {
        right: 66.666%
    }

    .pull--xlg--one-quarter,
    .pull--xlg--two-eighths,
    .pull--xlg--three-twelfths {
        right: 25%
    }

    .pull--xlg--three-quarters,
    .pull--xlg--six-eighths,
    .pull--xlg--nine-twelfths {
        right: 75%
    }

    .pull--xlg--one-fifth,
    .pull--xlg--two-tenths {
        right: 20%
    }

    .pull--xlg--two-fifths,
    .pull--xlg--four-tenths {
        right: 40%
    }

    .pull--xlg--three-fifths,
    .pull--xlg--six-tenths {
        right: 60%
    }

    .pull--xlg--four-fifths,
    .pull--xlg--eight-tenths {
        right: 80%
    }

    .pull--xlg--one-sixth,
    .pull--xlg--two-twelfths {
        right: 16.666%
    }

    .pull--xlg--five-sixths,
    .pull--xlg--ten-twelfths {
        right: 83.333%
    }

    .pull--xlg--one-eighth {
        right: 12.5%
    }

    .pull--xlg--three-eighths {
        right: 37.5%
    }

    .pull--xlg--five-eighths {
        right: 62.5%
    }

    .pull--xlg--seven-eighths {
        right: 87.5%
    }

    .pull--xlg--one-tenth {
        right: 10%
    }

    .pull--xlg--three-tenths {
        right: 30%
    }

    .pull--xlg--seven-tenths {
        right: 70%
    }

    .pull--xlg--nine-tenths {
        right: 90%
    }

    .pull--xlg--one-twelfth {
        right: 8.333%
    }

    .pull--xlg--five-twelfths {
        right: 41.666%
    }

    .pull--xlg--seven-twelfths {
        right: 58.333%
    }

    .pull--xlg--eleven-twelfths {
        right: 91.666%
    }

    .pull--xlg--gutter {
        right: 24px
    }

    .pull--xlg--no-gutter {
        right: auto
    }
}

@media only screen and (min-width:90.0625rem) {
    .pull--xxlg--one-whole {
        right: 100%
    }

    .pull--xxlg--one-half,
    .pull--xxlg--two-quarters,
    .pull--xxlg--three-sixths,
    .pull--xxlg--four-eighths,
    .pull--xxlg--five-tenths,
    .pull--xxlg--six-twelfths {
        right: 50%
    }

    .pull--xxlg--one-third,
    .pull--xxlg--two-sixths,
    .pull--xxlg--four-twelfths {
        right: 33.333%
    }

    .pull--xxlg--two-thirds,
    .pull--xxlg--four-sixths,
    .pull--xxlg--eight-twelfths {
        right: 66.666%
    }

    .pull--xxlg--one-quarter,
    .pull--xxlg--two-eighths,
    .pull--xxlg--three-twelfths {
        right: 25%
    }

    .pull--xxlg--three-quarters,
    .pull--xxlg--six-eighths,
    .pull--xxlg--nine-twelfths {
        right: 75%
    }

    .pull--xxlg--one-fifth,
    .pull--xxlg--two-tenths {
        right: 20%
    }

    .pull--xxlg--two-fifths,
    .pull--xxlg--four-tenths {
        right: 40%
    }

    .pull--xxlg--three-fifths,
    .pull--xxlg--six-tenths {
        right: 60%
    }

    .pull--xxlg--four-fifths,
    .pull--xxlg--eight-tenths {
        right: 80%
    }

    .pull--xxlg--one-sixth,
    .pull--xxlg--two-twelfths {
        right: 16.666%
    }

    .pull--xxlg--five-sixths,
    .pull--xxlg--ten-twelfths {
        right: 83.333%
    }

    .pull--xxlg--one-eighth {
        right: 12.5%
    }

    .pull--xxlg--three-eighths {
        right: 37.5%
    }

    .pull--xxlg--five-eighths {
        right: 62.5%
    }

    .pull--xxlg--seven-eighths {
        right: 87.5%
    }

    .pull--xxlg--one-tenth {
        right: 10%
    }

    .pull--xxlg--three-tenths {
        right: 30%
    }

    .pull--xxlg--seven-tenths {
        right: 70%
    }

    .pull--xxlg--nine-tenths {
        right: 90%
    }

    .pull--xxlg--one-twelfth {
        right: 8.333%
    }

    .pull--xxlg--five-twelfths {
        right: 41.666%
    }

    .pull--xxlg--seven-twelfths {
        right: 58.333%
    }

    .pull--xxlg--eleven-twelfths {
        right: 91.666%
    }

    .pull--xxlg--gutter {
        right: 24px
    }

    .pull--xxlg--no-gutter {
        right: auto
    }
}

@media only screen and (min-width:100rem) {
    .pull--xxxlg--one-whole {
        right: 100%
    }

    .pull--xxxlg--one-half,
    .pull--xxxlg--two-quarters,
    .pull--xxxlg--three-sixths,
    .pull--xxxlg--four-eighths,
    .pull--xxxlg--five-tenths,
    .pull--xxxlg--six-twelfths {
        right: 50%
    }

    .pull--xxxlg--one-third,
    .pull--xxxlg--two-sixths,
    .pull--xxxlg--four-twelfths {
        right: 33.333%
    }

    .pull--xxxlg--two-thirds,
    .pull--xxxlg--four-sixths,
    .pull--xxxlg--eight-twelfths {
        right: 66.666%
    }

    .pull--xxxlg--one-quarter,
    .pull--xxxlg--two-eighths,
    .pull--xxxlg--three-twelfths {
        right: 25%
    }

    .pull--xxxlg--three-quarters,
    .pull--xxxlg--six-eighths,
    .pull--xxxlg--nine-twelfths {
        right: 75%
    }

    .pull--xxxlg--one-fifth,
    .pull--xxxlg--two-tenths {
        right: 20%
    }

    .pull--xxxlg--two-fifths,
    .pull--xxxlg--four-tenths {
        right: 40%
    }

    .pull--xxxlg--three-fifths,
    .pull--xxxlg--six-tenths {
        right: 60%
    }

    .pull--xxxlg--four-fifths,
    .pull--xxxlg--eight-tenths {
        right: 80%
    }

    .pull--xxxlg--one-sixth,
    .pull--xxxlg--two-twelfths {
        right: 16.666%
    }

    .pull--xxxlg--five-sixths,
    .pull--xxxlg--ten-twelfths {
        right: 83.333%
    }

    .pull--xxxlg--one-eighth {
        right: 12.5%
    }

    .pull--xxxlg--three-eighths {
        right: 37.5%
    }

    .pull--xxxlg--five-eighths {
        right: 62.5%
    }

    .pull--xxxlg--seven-eighths {
        right: 87.5%
    }

    .pull--xxxlg--one-tenth {
        right: 10%
    }

    .pull--xxxlg--three-tenths {
        right: 30%
    }

    .pull--xxxlg--seven-tenths {
        right: 70%
    }

    .pull--xxxlg--nine-tenths {
        right: 90%
    }

    .pull--xxxlg--one-twelfth {
        right: 8.333%
    }

    .pull--xxxlg--five-twelfths {
        right: 41.666%
    }

    .pull--xxxlg--seven-twelfths {
        right: 58.333%
    }

    .pull--xxxlg--eleven-twelfths {
        right: 91.666%
    }

    .pull--xxxlg--gutter {
        right: 24px
    }

    .pull--xxxlg--no-gutter {
        right: auto
    }
}

.image-square {
    position   : relative;
    height     : 0;
    width      : 100%;
    padding-top: 100%;
    overflow   : hidden
}

.image-square__img {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    max-height: calc(100% - 64px);
    max-width : calc(100% - 64px);
    transform : translateX(-50%) translateY(-50%)
}

.image-square__img--align-left {
    left: 0
}

.modal {
    position  : fixed;
    z-index   : -1;
    visibility: hidden;
    left      : 0;
    top       : 0;
    width     : 100%;
    height    : 100%
}

.modal--openbody {
    overflow: hidden
}

.modal--open.modal {
    z-index   : 100000;
    visibility: visible
}

.modal--full .modal__container {
    width : 100%;
    height: 100%
}

.modal--geolocalization.modal-reveal {
    top       : 50% !important;
    left      : 50%;
    transform : translateY(-50%) translateX(-50%);
    min-height: 0;
    height    : auto
}

@media only screen and (min-width:25rem) {
    .modal--geolocalization.modal-reveal {
        top: 50% !important;
    }
}

@media only screen and (min-width:30rem) {
    .modal--geolocalization.modal-reveal {
        top: 50% !important;
    }
}

.modal__layer {
    position: absolute;
    width   : 100%;
    height  : 100%;
    left    : 0;
    top     : 0
}

.modal__container {
    position: absolute;
    width   : 50%;
    height  : auto;
    margin  : auto
}

.modal__content {
    visibility: visible;
    opacity   : 1;
    height    : 100%;
    width     : 100%;
    display   : block;
    position  : relative
}

.modal-reveal {
    -ms-overflow-y: hidden
}

@media only screen and (min-width:30rem) {
    .modal-reveal {
        top: 32px !important;
    }
}

@media only screen and (min-width:48rem) {
    .modal-reveal {
        top      : 50% !important;
        left     : 50%;
        transform: translateY(-50%) translateX(-50%)
    }
}

.modal-reveal__content {
    position          : relative;
    background        : #fff;
    padding           : 8px 16px;
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-direction: column;
    flex-direction    : column;
    -ms-flex-pack     : center;
    justify-content   : center
}

@media only screen and (min-width:30rem) {
    .modal-reveal__content {
        padding-left : 0;
        padding-right: 0
    }
}

@media only screen and (min-width:48rem) {
    .modal-reveal__content {
        min-height: 368px
    }
}

@media only screen and (min-width:64rem) {
    .modal-reveal__content {
        left         : -20px;
        width        : calc(100% + 56px);
        padding-left : 64px;
        padding-right: 64px
    }
}

@media only screen and (min-width:80rem) {
    .modal-reveal__content {
        left         : auto;
        width        : 100%;
        padding-left : 0;
        padding-right: 0
    }
}

.modal-reveal__title {
    margin-top : 24px;
    font-size  : 32px;
    font-size  : 2rem;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500;
    display    : block
}

.modal-reveal__info {
    padding    : 16px 0 32px;
    line-height: 2
}

.modal-reveal__buttons {
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-direction: column;
    flex-direction    : column;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap
}

@media only screen and (min-width:48rem) {
    .modal-reveal__buttons {
        -ms-flex-direction: row;
        flex-direction    : row;
        -ms-flex-pack     : justify;
        justify-content   : space-between
    }
}

@media only screen and (min-width:64rem) {
    .modal-reveal__buttons {
        -ms-flex-pack  : justify;
        justify-content: space-between
    }
}

.modal-reveal__buttons .btn {
    min-width    : 200px;
    margin-bottom: 16px
}

@media only screen and (min-width:48rem) {
    .modal-reveal__buttons .btn {
        margin-right: 24px
    }

    .modal-reveal__buttons .btn:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width:64rem) {
    .modal-reveal__buttons .btn {
        min-width   : calc(50% - 12px);
        margin-right: 0
    }
}

.modal-reveal__btn-close {
    position : absolute;
    top      : 16px;
    right    : 16px;
    padding  : 8px;
    font-size: 16px;
    font-size: 1rem
}

:-ms-fullscreen,
:root .modal-reveal__content {
    display       : table-cell;
    vertical-align: middle
}

.overlay {
    position        : fixed;
    visibility      : hidden;
    z-index         : -1;
    opacity         : 0;
    width           : 100%;
    height          : 100%;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    z-index         : 100;
    background-color: rgba(25, 55, 95, .95);
    cursor          : pointer;
    transition      : visibility .5s linear 0s, z-index .5s linear 0s, opacity .5s
}

.overlay--open {
    z-index         : 100;
    visibility      : visible;
    opacity         : 1;
    transition-delay: 0s
}

.search-bar {
    position: relative;
    width   : 100%
}

.search-bar--light .search-bar__input {
    color           : #282828;
    background-color: rgba(40, 40, 40, .05)
}

.search-bar--light .search-bar__input:-ms-input-placeholder {
    color: #282828
}

.search-bar--light .search-bar__input::placeholder {
    color: #282828
}

.search-bar--light .search-bar__input:focus,
.search-bar--light .search-bar__input:active {
    border-bottom: 2px solid #282828
}

.search-bar--light .search-bar__btn .icon {
    color: #282828
}

.search-bar__input {
    font-size    : 14px;
    font-size    : .875rem;
    padding      : 0 16px;
    width        : 100%;
    color        : #fff;
    background   : rgba(0, 0, 0, .2);
    height       : 40px;
    line-height  : 40px;
    border       : none;
    border-bottom: 2px solid transparent
}

.has-touch .search-bar__input {
    font-size: 16px;
    font-size: 1rem
}

.search-bar__input:-ms-input-placeholder {
    color: #a0a8b4
}

.search-bar__input::placeholder {
    color: #a0a8b4
}

.search-bar__input:focus,
.search-bar__input:active {
    border-bottom: 2px solid #fff;
    outline      : none
}

.search-bar__container {
    margin: 16px
}

@media only screen and (min-width:64rem) {
    .search-bar__container {
        width : 288px;
        margin: 40px 0
    }
}

.search-bar__btn-wrapper {
    position   : absolute;
    top        : 0;
    right      : 0;
    height     : 40px;
    width      : 40px;
    line-height: 40px
}

.search-bar__btn {
    font-size: 18px;
    font-size: 1.125rem;
    opacity  : .8;
    width    : 100%;
    height   : 100%
}

.search-bar__btn .icon {
    color: rgba(255, 255, 255, .8)
}

.search-bar__btn--light {
    color: #282828
}

.select {
    position        : relative;
    display         : inline-block;
    width           : 100%;
    padding         : 0;
    vertical-align  : middle;
    line-height     : 24px;
    font-size       : 14px;
    font-size       : .875rem;
    font-weight     : 500;
    font-family     : "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight     : 500;
    color           : #fff;
    background-color: #282828;
    border          : 2px solid #282828;
    transition      : .3s
}

.has-touch .select {
    font-size: 16px;
    font-size: 1rem
}

.select.select--big {
    height     : 48px;
    line-height: 48px
}

.select.select--big select {
    line-height: 48px
}

.select.select--light {
    color           : #282828;
    background-color: transparent;
    border          : 1px solid #282828
}

.select.select--light select {
    padding: 0 12px !important;
    color  : #282828
}

.select.select--with-icon {
    position   : relative;
    max-width  : none;
    height     : 40px;
    line-height: 40px
}

.select.select--with-icon select {
    position     : relative;
    padding-right: 40px !important;
    z-index      : 1
}

.select.select--with-icon select:hover:focus+.icon {
    transform: rotate3d(1, 0, 0, 180deg)
}

.select.select--with-icon .icon {
    position  : absolute;
    top       : 12px;
    right     : 8px;
    z-index   : 0;
    transition: transform 300ms
}

.select select {
    -webkit-appearance: none;
    appearance        : none;
    -moz-appearance   : none;
    padding           : 0 40px !important;
    line-height       : 40px;
    font-size         : 14px;
    font-size         : .875rem;
    font-weight       : 500;
    font-family       : "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight       : 500;
    color             : #fff;
    border            : 0 none;
    border-radius     : 0;
    background        : none
}

.has-touch .select select {
    font-size: 16px;
    font-size: 1rem
}

.select select:focus {
    outline: 0
}

.select option {
    color: #282828
}

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

.short-story {
    display      : inline-block;
    margin-bottom: 72px;
    font-size    : 14px;
    font-size    : .875rem;
    line-height  : 24px;
    line-height  : 1.5rem
}

@media only screen and (min-width:30rem) {
    .short-story {
        margin-bottom: 96px
    }

    .short-story:nth-child(2n+1) {
        padding-left : 34px;
        padding-right: 5px
    }

    .short-story:nth-child(2n+2) {
        padding-right: 22px
    }
}

@media only screen and (min-width:48rem) {
    .short-story:nth-child(3n+1) {
        padding-right: 10px;
        padding-left : 52px
    }

    .short-story:nth-child(3n+2) {
        padding-right: 23px;
        padding-left : 39px
    }

    .short-story:nth-child(3n+3) {
        padding-left : 26px;
        padding-right: 36px
    }
}

@media only screen and (min-width:90.0625rem) {
    .short-story:nth-child(3n+1) {
        padding-right: 48px;
        padding-left : 24px
    }

    .short-story:nth-child(3n+2) {
        padding-right: 24px;
        padding-left : 48px
    }

    .short-story:nth-child(3n+3) {
        padding-left : 72px;
        padding-right: 0
    }
}

.short-story--highlighted {
    margin-top   : 24px;
    margin-bottom: 24px;
    margin-left  : -8px;
    margin-right : -8px
}

@media only screen and (min-width:22.5rem) {
    .short-story--highlighted {
        padding: 0 8px
    }
}

@media only screen and (min-width:30rem) {
    .short-story--highlighted {
        padding: 0 24px 48px 8px !important;
    }
}

@media only screen and (min-width:48rem) {
    .short-story--highlighted {
        width        : 100%;
        padding-left : 0 !important;
        padding-right: 24px !important;
        margin-top   : 72px;
        margin-bottom: 72px
    }
}

.short-story--highlighted .short-story__image {
    position: relative
}

.short-story--highlighted.before-animated [class*="short-story__image--bg-color"]:after {
    opacity  : 1;
    transform: translateY(-16px)
}

@media only screen and (min-width:48rem) {
    .short-story--highlighted.before-animated [class*="short-story__image--bg-color"]:after {
        width    : calc(100% - 48px);
        transform: translate3d(25%, -48px, 0)
    }
}

@media only screen and (min-width:64rem) {
    .short-story--highlighted.before-animated [class*="short-story__image--bg-color"]:after {
        width    : 100%;
        transform: translate3d(17%, -48px, 0)
    }
}

@media only screen and (min-width:80rem) {
    .short-story--highlighted.before-animated [class*="short-story__image--bg-color"]:after {
        transform: translate3d(15%, -48px, 0)
    }
}

@media only screen and (min-width:90.0625rem) {
    .short-story--highlighted.before-animated [class*="short-story__image--bg-color"]:after {
        transform: translate3d(12%, -48px, 0)
    }
}

.short-story--highlighted .short-story__image-wrapper {
    position      : relative;
    width         : 100%;
    height        : auto;
    padding-bottom: 0;
    overflow      : visible
}

@media only screen and (min-width:48rem) {
    .short-story--highlighted .short-story__image-wrapper {
        margin-left: 48px
    }
}

@media only screen and (min-width:80rem) {
    .short-story--highlighted .short-story__image-wrapper {
        margin-left: 84px
    }
}

.short-story--highlighted .short-story__header {
    margin: 0 16px
}

@media only screen and (min-width:48rem) {
    .short-story--highlighted .short-story__header {
        margin-left : 48px;
        padding-left: 16px
    }
}

@media only screen and (min-width:80rem) {
    .short-story--highlighted .short-story__header {
        margin-left: 84px
    }
}

.short-story--highlighted [class*="short-story__image--bg-color"]:after {
    content   : '';
    background: red;
    width     : 80%;
    height    : 100%;
    position  : absolute;
    right     : 0;
    top       : 0;
    opacity   : 0;
    z-index   : 0
}

@media only screen and (min-width:48rem) {
    .short-story--highlighted [class*="short-story__image--bg-color"]:after {
        width     : 100%;
        left      : 0;
        right     : auto;
        transform : translate3d(0, 0, 0);
        transition: transform .5s cubic-bezier(.23, .11, .37, 1), opacity 1s
    }
}

.short-story__image {
    position: relative;
    z-index : 1;
    overflow: hidden
}

@media only screen and (min-width:30rem) {
    .short-story__image {
        position: absolute;
        bottom  : 0;
        left    : 0
    }
}

.short-story__image:before {
    content         : '';
    width           : 100%;
    height          : 100%;
    position        : absolute;
    left            : 0;
    top             : 0;
    background-color: #ffb914;
    transform       : translateX(0);
    will-change     : transform;
    transition      : transform .5s cubic-bezier(.23, .11, .37, 1)
}

.short-story.animated .short-story__image:before {
    transform: translateX(-100%)
}

.short-story:nth-child(4n+2) .short-story__image:before {
    transform: translateY(0)
}

.short-story:nth-child(4n+2).animated .short-story__image:before {
    transform: translateY(100%)
}

.short-story.animated:nth-child(4n+3) .short-story__image:before {
    transform: translateX(100%)
}

.short-story:nth-child(4n+4) .short-story__image:before {
    transform: translateY(0)
}

.short-story:nth-child(4n+4).animated .short-story__image:before {
    transform: translateY(-100%)
}

.short-story__image-wrapper {
    position: relative;
    overflow: hidden;
    width   : 100%
}

@media only screen and (min-width:22.5rem) {
    .short-story__image-wrapper {
        padding: 0 16px
    }
}

@media only screen and (min-width:30rem) {
    .short-story__image-wrapper {
        height        : 0;
        padding-bottom: 138%
    }
}

.short-story__image-wrapper.short-story__image--bg-color-primary-red:after,
.short-story__image-wrapper.short-story__image--bg-color-primary-red .short-story__image:before {
    background-color: #da3232
}

.short-story__image-wrapper.short-story__image--bg-color-red:after,
.short-story__image-wrapper.short-story__image--bg-color-red .short-story__image:before {
    background-color: #c12f2f
}

.short-story__image-wrapper.short-story__image--bg-color-blue:after,
.short-story__image-wrapper.short-story__image--bg-color-blue .short-story__image:before {
    background-color: #19375f
}

.short-story__image-wrapper.short-story__image--bg-color-skyblue:after,
.short-story__image-wrapper.short-story__image--bg-color-skyblue .short-story__image:before {
    background-color: #90b0c8
}

.short-story__image-wrapper.short-story__image--bg-color-green:after,
.short-story__image-wrapper.short-story__image--bg-color-green .short-story__image:before {
    background-color: #00544a
}

.short-story__image-wrapper.short-story__image--bg-color-orange:after,
.short-story__image-wrapper.short-story__image--bg-color-orange .short-story__image:before {
    background-color: #f06428
}

.short-story__image-wrapper.short-story__image--bg-color-yellow:after,
.short-story__image-wrapper.short-story__image--bg-color-yellow .short-story__image:before {
    background-color: #ffb914
}

.short-story__header {
    margin: 0 8px
}

@media only screen and (min-width:22.5rem) {
    .short-story__header {
        margin: 0 16px
    }
}

@media only screen and (min-width:30rem) {
    .short-story__header {
        margin: 0
    }
}

.short-story h2 {
    padding: 24px 0 16px
}

.short-story__link {
    display   : inline-block;
    margin-top: 24px
}

.short-story picture {
    display: block
}

.short-story picture,
.short-story .img-responsive {
    position: relative;
    z-index : 1
}

.swiper-container {
    /*height: 100%; - rex*/
    height: 95%;
    width : 100%
}

.slider-pagination {
    font-size  : 12px;
    font-size  : .75rem;
    font-family: "Gotham Medium";
    font-weight: 500;
    color      : #fff
}

.slider-pagination__indicator {
    margin: 0 6px
}

.story-link {
    display    : block;
    font-style : italic;
    font-weight: 300;
    color      : inherit
}

.story-link:before {
    content         : '';
    display         : inline-block;
    width           : 40px;
    height          : 2px;
    margin-right    : 5px;
    background-color: #282828;
    transform       : translateY(-5px);
    transition      : width .2s ease-out
}

.no-touch .story-link:hover:before {
    width: 60px
}

.sub-nav {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

.sub-nav__list {
    display     : none;
    margin      : 8px 0 16px 0;
    padding-left: 12px
}

.sub-nav__link {
    display      : inline-block;
    margin-bottom: 8px;
    font-weight  : 500;
    line-height  : 1.71;
    font-size    : 18px;
    font-size    : 1.125rem
}

@media only screen and (min-width:48rem) {
    .sub-nav__link {
        font-size: 14px;
        font-size: .875rem
    }
}

.sub-nav__link--small {
    font-size  : 12px;
    font-size  : .75rem;
    line-height: 1.33
}

.sub-nav .icon {
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (min-width:48rem) {
    .sub-nav .icon {
        font-size: 12px;
        font-size: .75rem
    }
}

.sub-nav .is-active>.sub-nav__link:after {
    transform: scaleX(1) !important;
}

.sub-nav .is-active .icon {
    transform : rotate(180deg);
    transition: transform 200ms ease-in-out 0s
}

.text-block {
    padding   : 48px 0 24px;
    box-shadow: inset 0 -1px 0 0 #f0f0f0
}

@media only screen and (min-width:80rem) {
    .text-block {
        margin-bottom: 40px;
        padding      : 0 0 16px
    }
}

.text-block__header span {
    vertical-align: middle
}

.text-block__description {
    line-height: 1.71;
    margin-top : 8px
}

.text-block ul,
.text-block ol,
.text-block p {
    margin: 24px 0
}

.text-block__icon {
    position: absolute;
    left    : 4px;
    top     : -2px
}

.text-block__btn {
    display: block;
    height : 36px
}

.text-block__btn:after {
    display: none !important;
}

.text-block__btn:hover:after {
    display: none !important;
}

.text-block--with-icon .text-block__header {
    position    : relative;
    padding-left: 48px
}

.text-block--with-icon .text-block__description {
    padding-left: 48px
}

.text-block--with-video p {
    margin: 16px 0
}

.video-responsive {
    height: auto;
    width : 100%
}

.video-portrait {
    padding-bottom: 122%
}

.video-landscape {
    padding-bottom: 72%
}

.countdown {
    width          : 100%;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : center;
    justify-content: center;
    text-align     : center;
    font-weight    : 100;
    font-size      : 20px;
    padding        : 12px 0
}

@media only screen and (min-width:30rem) {
    .countdown {
        font-size: 24px
    }
}

@media only screen and (min-width:48rem) {
    .countdown {
        font-size: 30px
    }
}

.countdown>div {
    padding      : 8px;
    border-radius: 3px;
    display      : inline-block;
    color        : #282828
}

.countdown div>span {
    width           : 44px;
    height          : 44px;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-align  : center;
    align-items     : center;
    -ms-flex-pack   : center;
    justify-content : center;
    border-radius   : 4px;
    background-color: #282828;
    color           : #fff
}

@media only screen and (min-width:30rem) {
    .countdown div>span {
        width : 55px;
        height: 65px
    }
}

@media only screen and (min-width:64rem) {
    .countdown div>span {
        width : 65px;
        height: 75px
    }
}

.countdown .smalltext {
    padding-top: 8px;
    font-size  : 10px;
    font-weight: 700
}

@media only screen and (min-width:30rem) {
    .countdown .smalltext {
        font-size: 12px
    }
}

@media only screen and (min-width:64rem) {
    .countdown .smalltext {
        font-size: 14px
    }
}

.bg-color-orange .countdown>div,
.bg-color-primary-black .countdown>div,
.bg-color-primary-red .countdown>div,
.bg-color-red .countdown>div,
.bg-color-blue .countdown>div,
.bg-color-dark-blue .countdown>div,
.bg-color-green .countdown>div {
    color: #fff
}

.bg-color-orange .countdown div>span,
.bg-color-primary-black .countdown div>span,
.bg-color-primary-red .countdown div>span,
.bg-color-red .countdown div>span,
.bg-color-blue .countdown div>span,
.bg-color-dark-blue .countdown div>span,
.bg-color-green .countdown div>span {
    color           : #282828;
    background-color: #fff;
    font-weight     : 700
}

.bg-color-orange .countdown .smalltext,
.bg-color-primary-black .countdown .smalltext,
.bg-color-primary-red .countdown .smalltext,
.bg-color-red .countdown .smalltext,
.bg-color-blue .countdown .smalltext,
.bg-color-dark-blue .countdown .smalltext,
.bg-color-green .countdown .smalltext {
    font-weight: 400
}

.mod {
    position: relative;
    /*margin: 32px auto; - rex*/
    margin  : 60px auto;
}

.mod-wrapper {
    margin : 0 auto;
    padding: 0 8px
}

@media only screen and (min-width:48rem) {
    .mod-wrapper {
        max-width: 1024px;
        padding  : 0 12px
    }
}

@media only screen and (min-width:64rem) {
    .mod-wrapper {
        max-width: 1280px
    }
}

@media only screen and (min-width:80rem) {
    .mod-wrapper {
        max-width: 1440px
    }
}

.hero-home {
    position: relative;
    margin  : 0 auto;
    padding : 0
}

.hero-home--initial-animation .hero-home__controls {
    opacity: 0
}

.hero-home.loaded .hero-home__layer {
    transform: scaleX(0)
}

.hero-home.loaded .hero-home__carousel--photo {
    transform : scaleX(1);
    transition: transform .5s cubic-bezier(.23, .11, .37, 1) .7s
}

@media only screen and (min-width:48rem) {
    .hero-home.loaded .hero-home__carousel--photo {
        transform : none;
        transition: none
    }
}

.hero-home.first-animation .hero-home__tag {
    opacity  : 0;
    transform: translateY(30px)
}

.hero-home.first-animation .hero-home__btn,
.hero-home.first-animation .hero-home__text {
    opacity  : 0;
    transform: translateY(30px)
}

.hero-home.first-animation .animate-slide .hero-home__tag {
    opacity   : 1;
    transform : translateY(0);
    transition: opacity 700ms ease-out 0ms, transform 500ms ease-out 0ms
}

.hero-home.first-animation .animate-slide .hero-home__text {
    opacity   : 1;
    transform : translateY(0);
    transition: opacity 700ms ease-out 0ms, transform 500ms ease-out 0ms
}

.hero-home.first-animation .animate-slide .hero-home__heading {
    opacity   : 1;
    transform : translateY(0);
    transition: opacity 500ms ease-out 100ms, transform 500ms ease-out 100ms
}

.hero-home.first-animation .animate-slide .hero-home__btn {
    opacity   : 1;
    transform : translateY(0);
    transition: opacity 500ms ease-out 200ms, transform 500ms ease-out 200ms
}

.hero-home__main-carousels {
    width   : 100%;
    position: absolute;
    left    : 0;
    top     : 0;
    height  : 100%
}

.hero-home__carousel {
    position  : relative;
    box-sizing: border-box;
    width     : auto
}

.hero-home__carousel--color {
    height      : 100vh;
    min-height  : 550px;
    margin-left : -8px;
    margin-right: -8px
}

@media only screen and (min-width:30rem) {
    .hero-home__carousel--color {
        margin-right: 0
    }
}

@media only screen and (min-width:48rem) {
    .hero-home__carousel--color {
        height     : 80vh;
        min-height : 860px;
        margin-left: -12px
    }
}

@media only screen and (min-width:64rem) {
    .hero-home__carousel--color {
        min-height    : 0;
        height        : 0;
        padding-bottom: 95%;
        margin-left   : -12px
    }

    .hero-home__carousel--color .swiper-container {
        position: absolute
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-home__carousel--color {
        width      : calc(100% + 40px);
        margin-left: -40px
    }
}

@media only screen and (min-width:80rem)and (max-height:619px)and (orientation:landscape) {
    .hero-home__carousel--color {
        height        : 619px;
        padding-bottom: 0
    }
}

@media only screen and (min-width:80rem)and (min-height:620px)and (max-height:767px)and (orientation:landscape) {
    .hero-home__carousel--color {
        height        : 100vh;
        padding-bottom: 0
    }
}

.hero-home__carousel--color .swiper-wrapper {
    transition-timing-function: cubic-bezier(.23, .11, .38, .83)
}

.hero-home__carousel--photo {
    height          : 100%;
    z-index         : 1;
    width           : auto;
    margin-left     : 16px;
    margin-top      : 80px;
    margin-right    : -8px;
    transform-origin: left;
    transform       : scaleX(0)
}

@media only screen and (min-width:48rem) {
    .hero-home__carousel--photo {
        margin-top  : 140px;
        margin-right: -12px;
        transform   : none;
        transition  : none
    }
}

@media only screen and (min-width:64rem) {
    .hero-home__carousel--photo {
        margin-left : 0;
        margin-top  : 120px;
        margin-right: 0
    }
}

@media only screen and (min-width:80rem)and (max-height:767px)and (orientation:landscape) {
    .hero-home__carousel--photo {
        margin-right: auto;
        width       : calc(123vh - 140px);
        min-width   : 620px
    }
}

.hero-home__carousel--photo .swiper-wrapper {
    transition-timing-function: cubic-bezier(.23, .11, .37, 1)
}

.hero-home__carousel--text {
    position     : relative;
    height       : 100%;
    left         : 0;
    bottom       : 0;
    margin-left  : 16px;
    margin-top   : 24px;
    padding-right: 24px;
    z-index      : 1;
    transform    : none
}

@media only screen and (min-width:64rem) {
    .hero-home__carousel--text {
        transform  : translateY(-100%);
        margin-top : 0;
        margin-left: 0
    }
}

@media only screen and (min-width:80rem) {
    .hero-home__carousel--text {
        padding-bottom: 14%
    }
}

@media only screen and (min-width:64rem)and (max-height:700px)and (orientation:landscape) {
    .hero-home__carousel--text {
        transform: translateY(-85%)
    }
}

.hero-home__bg-color {
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 100%
}

.hero-home__image {
    width : 100%;
    height: 100%
}

.hero-home__image img {
    width : 100%;
    height: auto
}

.hero-home__image--bg {
    position           : absolute;
    top                : 0;
    left               : 0;
    height             : 100%;
    width              : 100%;
    background-position: center;
    background-size    : cover
}

.hero-home__video {
    position      : relative;
    height        : 0;
    width         : 100%;
    padding-bottom: 85vh;
    overflow      : hidden
}

.hero-home__video video {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    min-height: 100%;
    min-width : 100%;
    transform : translateX(-50%) translateY(-50%)
}

@media only screen and (min-width:48rem) {
    .hero-home__layer {
        width           : 100%;
        height          : 100%;
        position        : absolute;
        left            : 0;
        top             : 0;
        background      : #fff;
        transform       : scaleX(1);
        transform-origin: right;
        transition      : transform .7s cubic-bezier(.23, .11, .37, 1) .7s
    }
}

.hero-home__carousel--color .hero-home__layer {
    width           : 100%;
    height          : 100%;
    position        : absolute;
    left            : 0;
    top             : 0;
    background      : #fff;
    transform       : scaleX(1);
    transform-origin: right;
    transition      : transform .5s cubic-bezier(.23, .11, .37, 1) .5s
}

@media only screen and (min-width:48rem) {
    .hero-home__carousel--color .hero-home__layer {
        transition-duration: .7s;
        transition-delay   : .7s
    }
}

@media only screen and (min-width:64rem) {
    .hero-home__wrapper {
        position : absolute;
        top      : 0;
        left     : 50%;
        height   : 85vh;
        width    : 100%;
        transform: translateX(-50%)
    }
}

.hero-home__content {
    margin        : 24px 0 0 0;
    color         : #fff;
    line-height   : 1.71;
    max-width     : 500px;
    padding-bottom: 30px
}

@media only screen and (min-width:64rem) {
    .hero-home__content {
        padding-left  : 6%;
        margin-top    : 0;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:80rem) {
    .hero-home__content {
        padding-left: 10%
    }
}

.hero-home__content--static {
    display: block;
    padding: 0 8px;
    opacity: 0
}

@media only screen and (min-width:64rem) {
    .hero-home__content--static {
        display: none
    }
}

.hero-home__content--static.delay {
    opacity: 1
}

.hero-home__cta {
    margin: 24px 0 40px
}

@media only screen and (min-width:30rem) {
    .hero-home__cta {
        margin-bottom: 48px
    }
}

.hero-home__heading {
    padding-top: 16px;
    transform  : translateY(30px);
    opacity    : 0;
    transition : opacity 100ms ease-out 100ms, transform 500ms ease-out 100ms
}

@media only screen and (min-width:48rem) {
    .hero-home__heading {
        font-size  : 48px;
        font-size  : 3rem;
        margin     : 32px 0 0 0;
        line-height: 1.17
    }
}

.hero-home__btn {
    margin-top: 24px;
    transform : translateY(30px);
    opacity   : 0;
    transition: opacity 100ms ease-out 100ms, transform 500ms ease-out 100ms
}

.hero-home__btn-scroll {
    position  : relative;
    height    : 80px;
    width     : 100%;
    z-index   : 10;
    transform : translateY(-100%);
    opacity   : 0;
    transition: opacity .5s ease-out 2.7s
}

@media only screen and (min-width:64rem)and (min-height:620px)and (max-height:767px)and (orientation:landscape) {
    .hero-home__btn-scroll {
        width    : 80px;
        position : fixed;
        left     : 50%;
        transform: translateX(-40px);
        bottom   : 0
    }
}

@media only screen and (min-width:1360px)and (min-height:768px)and (max-height:820px)and (orientation:landscape) {
    .hero-home__btn-scroll {
        width    : 80px;
        position : fixed;
        left     : 50%;
        transform: translateX(-40px);
        bottom   : 0
    }
}

@media only screen and (min-width:1440px)and (min-height:768px)and (max-height:829px)and (orientation:landscape) {
    .hero-home__btn-scroll {
        width    : 80px;
        position : fixed;
        left     : 50%;
        transform: translateX(-40px);
        bottom   : calc(100vh - 735px)
    }
}

@media only screen and (min-width:1440px)and (min-height:830px)and (max-height:870px)and (orientation:landscape) {
    .hero-home__btn-scroll {
        width    : 80px;
        position : fixed;
        left     : 50%;
        transform: translateX(-40px);
        bottom   : 0
    }
}

.loaded .hero-home__btn-scroll {
    opacity: 1
}

.hero-home__btn-scroll button {
    position  : absolute;
    height    : 75%;
    width     : 100px;
    top       : 0;
    left      : 50%;
    padding   : 0 20px;
    font-size : 12px;
    font-size : .75rem;
    background: transparent;
    color     : #fff;
    transform : translateX(-50%)
}

@media only screen and (min-width:64rem)and (min-height:620px)and (max-height:767px)and (orientation:landscape) {
    .hero-home__btn-scroll button {
        top: 5px
    }
}

@media only screen and (min-width:1360px)and (min-height:768px)and (max-height:829px)and (orientation:landscape) {
    .hero-home__btn-scroll button {
        top: 10px
    }
}

.hero-home__btn-scroll button .icon-arrow-down {
    font-size: 16px;
    font-size: 1rem
}

.hero-home__controls {
    top       : auto;
    position  : absolute;
    right     : 16px;
    margin-top: -24px;
    z-index   : 10;
    opacity   : 1;
    transform : translateY(-100%);
    transition: opacity .5s
}

@media only screen and (min-width:64rem) {
    .hero-home__controls {
        bottom    : 24px;
        margin-top: 0;
        transform : translateY(0)
    }
}

@media only screen and (min-width:80rem) {
    .hero-home__controls {
        right: 16px
    }
}

.hero-home__controls .swiper-pagination {
    visibility: hidden
}

@media only screen and (min-width:48rem) {
    .hero-home__controls .swiper-pagination {
        visibility: visible
    }
}

.hero-home__controls .swiper-pagination-current {
    padding-left: .25rem
}

.hero-home__controls .swiper-pagination-total {
    padding-right: .25rem
}

.hero-home .animate-slide .hero-home__tag {
    opacity: 1
}

.hero-home .animate-slide .hero-home__text {
    opacity: 1
}

.hero-home .animate-slide .hero-home__btn {
    opacity   : 1;
    transform : translateY(0);
    transition: opacity 300ms ease-out 100ms, transform 500ms ease-out 100ms
}

.hero-home .animate-slide .hero-home__heading {
    opacity   : 1;
    transform : translateY(0);
    transition: opacity 300ms ease-out 0ms, transform 500ms ease-out 0ms
}

.hero-product {
    position: relative;
    margin  : 0 auto;
    padding : 8px 8px 0 8px
}

@media only screen and (min-width:48rem) {
    .hero-product {
        padding: 12px 12px 0 12px
    }
}

.hero-product__carousel {
    position  : relative;
    box-sizing: border-box;
    width     : 100%
}

@media only screen and (min-width:64rem) {
    .hero-product__carousel {
        height: 85vh
    }
}

.hero-product__bg-color {
    display : none;
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 100%
}

@media only screen and (min-width:64rem) {
    .hero-product__bg-color {
        display: block
    }
}

.hero-product__image {
    height               : 85vh;
    width                : 100%;
    background-repeat    : no-repeat;
    /*background-position: 50% 50%;原本设定*/
    background-position  : 80% 50%;
    background-size      : cover
}

@media only screen and (min-width:64rem) {
    .hero-product__image {
        position: absolute;
        top     : 0;
        left    : 0
    }
}

.hero-product__video {
    position      : relative;
    height        : 0;
    width         : 100%;
    padding-bottom: 85vh;
    overflow      : hidden
}

.hero-product__video video {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    min-height: 100%;
    min-width : 100%;
    transform : translateX(-50%) translateY(-50%)
}

@media only screen and (min-width:64rem) {
    .hero-product__wrapper {
        position : absolute;
        top      : 0;
        left     : 50%;
        height   : 85vh;
        width    : 100%;
        transform: translateX(-50%)
    }
}

.hero-product__content {
    display: none;
    margin : 24px 0 0 0
}

@media only screen and (min-width:64rem) {
    .hero-product__content {
        display    : block;
        position   : absolute;
        bottom     : 20%;
        left       : 12.5%;
        max-width  : 500px;
        line-height: 1.71;
        color      : #fff;
        z-index    : 10
    }
}

@media only screen and (min-width:80rem) {
    .hero-product__content {
        left       : 8.333%;
        margin-left: 12px
    }
}

.hero-product__content--static {
    display: block;
    padding: 0 8px;
    opacity: 0
}

@media only screen and (min-width:64rem) {
    .hero-product__content--static {
        display: none
    }
}

.hero-product__content--static.delay {
    opacity: 1
}

.hero-product__cta {
    margin: 24px 0 40px
}

@media only screen and (min-width:30rem) {
    .hero-product__cta {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:64rem) {
    .hero-product__tag {
        transform : translateY(20px);
        opacity   : 0;
        transition: opacity 100ms ease-out 200ms, transform 500ms ease-out 200ms
    }
}

@media only screen and (min-width:64rem) {
    .hero-product__text {
        transform : translateY(20px);
        opacity   : 0;
        transition: opacity 100ms ease-out 200ms, transform 500ms ease-out 200ms;
        /*Rex*/
        font-size : 20px;
    }
}

.hero-product__heading {
    margin-top: 24px
}

@media only screen and (min-width:48rem) {
    .hero-product__heading {
        font-size  : 48px;
        font-size  : 3rem;
        margin-top : 32px;
        line-height: 1.17
    }
}

@media only screen and (min-width:64rem) {
    .hero-product__heading {
        transform : translateY(20px);
        opacity   : 0;
        transition: opacity 100ms ease-out 100ms, transform 500ms ease-out 100ms
    }
}

.hero-product__btn-scroll {
    position  : absolute;
    left      : 50%;
    top       : 85vh;
    height    : 25vh;
    width     : 100%;
    margin-top: 16px;
    z-index   : 10;
    transform : translateX(-50%)
}

.hero-product__btn-scroll button {
    position   : absolute;
    height     : 50%;
    width      : 100px;
    top        : 50%;
    left       : 50%;
    padding    : 0 20px;
    line-height: 16px;
    font-size  : 12px;
    font-size  : .75rem;
    background : #fff;
    transform  : translateX(-50%) translateY(-100%)
}

.hero-product__btn-scroll .icon {
    font-size: 17px
}

.hero-product__controls {
    position  : absolute;
    top       : 85vh;
    right     : 16px;
    margin-top: -24px;
    z-index   : 10;
    transform : translateY(-100%)
}

@media only screen and (min-width:64rem) {
    .hero-product__controls {
        top       : auto;
        bottom    : 24px;
        margin-top: 0;
        transform : translateY(0)
    }
}

@media only screen and (min-width:80rem) {
    .hero-product__controls {
        right: 16px
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-product__controls {
        right: calc((100% - 1440px)/2 + 24px)
    }
}

.hero-product__controls .swiper-pagination {
    visibility   : hidden;
    -ms-transform: rotate(-90deg)
}

@supports (-ms-ime-align:auto)and(not(-ms-accelerator:true)) {
    .hero-product__controls .swiper-pagination {
        transform: rotate(-90deg);
    }
}

@media only screen and (min-width:48rem) {
    .hero-product__controls .swiper-pagination {
        visibility: visible
    }
}

.hero-product__controls .swiper-pagination-current {
    padding-left: .25rem
}

.hero-product__controls .swiper-pagination-total {
    padding-right: .25rem
}

.hero-product .swiper-slide {
    transition-timing-function: cubic-bezier(.23, .11, .37, 1)
}

@media only screen and (min-width:64rem) {
    .hero-product .swiper-slide-active.swiper-slide-first .hero-product__tag {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 500ms ease-out 200ms, transform 500ms ease-out 200ms
    }
}

@media only screen and (min-width:64rem) {
    .hero-product .swiper-slide-active.swiper-slide-first .hero-product__text {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 500ms ease-out 200ms, transform 500ms ease-out 200ms;
        /*Rex*/
        font-size : 20px;
    }
}

@media only screen and (min-width:64rem) {
    .hero-product .swiper-slide-active.swiper-slide-first .hero-product__heading {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 100ms ease-out 100ms, transform 500ms ease-out 100ms
    }
}

@media only screen and (min-width:64rem) {
    .hero-product .swiper-slide-active .hero-product__tag {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 100ms ease-out 0ms, transform 500ms ease-out 300ms
    }
}

@media only screen and (min-width:64rem) {
    .hero-product .swiper-slide-active .hero-product__text {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 100ms ease-out 0ms, transform 500ms ease-out 300ms
    }
}

@media only screen and (min-width:64rem) {
    .hero-product .swiper-slide-active .hero-product__heading {
        opacity   : 1;
        transform : translateY(0);
        transition: opacity 500ms ease-out 0s, transform 500ms ease-out 0s
    }
}

@media only screen and (min-width:64rem) {
    .hero-product .animate-slide .hero-product__tag {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 500ms ease-out 620ms, transform 500ms ease-out 620ms
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-product .animate-slide .hero-product__tag {
        transition: opacity 500ms ease-out 1550ms, transform 500ms ease-out 1500ms
    }
}

@media only screen and (min-width:64rem) {
    .hero-product .animate-slide .hero-product__text {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 500ms ease-out 620ms, transform 500ms ease-out 620ms;
        /*Rex*/
        font-size : 20px;
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-product .animate-slide .hero-product__text {
        transition: opacity 500ms ease-out 1450ms, transform 500ms ease-out 1400ms;
        /*Rex*/
        font-size : 20px;
    }
}

@media only screen and (min-width:64rem) {
    .hero-product .animate-slide .hero-product__heading {
        opacity   : 1;
        transform : translateY(0);
        transition: opacity 500ms ease-out 520ms, transform 500ms ease-out 520ms
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-product .animate-slide .hero-product__heading {
        transition: opacity 500ms ease-out 1450ms, transform 500ms ease-out 1400ms
    }
}

.hero-product.not-loaded .swiper-slide-first .hero-product__image {
    position  : absolute;
    top       : 0 !important;
    left      : 0 !important;
    transform : scale(1.1, 1.1);
    transition: transform 800ms ease-out 0s, top 800ms ease-in-out 0s, height 800ms ease-in-out 0s, width 800ms ease-in-out 0s, left 800ms ease-in-out 0s
}

.hero-product.loaded .swiper-slide-first .hero-product__image {
    transform : scale(1, 1);
    transition: transform 800ms ease-out 0s, top 800ms ease-in-out 0s, height 800ms ease-in-out 0s, width 800ms ease-in-out 0s, left 800ms ease-in-out 0s
}

.hero-product-text {
    margin         : 24px auto 48px;
    padding        : 0 8px;
    animation-delay: 150ms
}

@media only screen and (min-width:64rem) {
    .hero-product-text {
        margin-top   : 32px;
        margin-bottom: 88px;
        padding      : 0;
        opacity      : 0
    }
}

.hero-product-text.delay {
    animation-delay: 250ms
}

@media only screen and (min-width:64rem) {
    .hero-product-text__text {
        position: relative;
        width   : calc(100% + 24px);
        left    : -24px
    }
}

@media only screen and (min-width:80rem) {
    .hero-product-text__text {
        width: auto;
        left : auto
    }
}

.hero-product-text .cta-box {
    display: none
}

@media only screen and (min-width:64rem) {
    .hero-product-text .cta-box {
        display     : block;
        padding-left: 40px
    }
}

@media only screen and (min-width:80rem) {
    .hero-product-text .cta-box {
        padding-left: 0
    }
}

.hero-product-text .cta-box__btn-group {
    display: -ms-flexbox;
    display: flex
}

.hero-product-text.appear {
    transform: translateY(0)
}

.menu {
    position        : fixed;
    top             : 0;
    left            : 0;
    z-index         : 100;
    width           : 100%;
    height          : 0;
    background-color: #19375f;
    opacity         : 0;
    overflow        : hidden;
    transition      : opacity 300ms ease-out, height 0s linear .4s
}

.menu__container {
    height: 100%
}

@media only screen and (max-width:1024px)and (max-height:650px)and (orientation:landscape) {
    .menu__container {
        overflow-y: scroll;
        position  : relative
    }
}

.menu__header {
    height    : 144px;
    position  : relative;
    margin    : 4px 4px 0;
    transition: opacity .2s, margin 0s linear .5s
}

@media only screen and (min-width:48rem) {
    .menu__header {
        margin: 20px 20px 0
    }
}

@media only screen and (min-width:64rem) {
    .menu__header {
        height: 120px
    }
}

@media only screen and (min-width:90.0625rem) {
    .menu__header {
        position: relative;
        margin  : 20px 0 0 0
    }
}

@media only screen and (min-width:768px)and (max-width:1024px)and (max-height:650px)and (orientation:landscape) {
    .menu__header {
        height: 100px
    }
}

.menu__header--order {
    -ms-flex-align: center;
    align-items   : center;
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap
}

.menu__header--transparent {
    opacity         : .4;
    transition-delay: 0s;
    pointer-events  : none
}

.menu__logo {
    padding    : 12px;
    line-height: 48px;
    transition : padding 0s linear .5s
}

@media only screen and (min-width:48rem) {
    .menu__logo {
        padding: 16px 8px
    }
}

@media only screen and (min-width:90.0625rem) {
    .menu__logo {
        padding: 16px 0
    }
}

.search--active .menu__logo {
    opacity       : .4;
    transition    : opacity .3s;
    pointer-events: none
}

.menu__btn-close {
    position       : absolute;
    right          : 0;
    top            : 0;
    padding        : 23px 16px;
    -ms-flex-pack  : end;
    justify-content: flex-end;
    -ms-flex-align : center;
    align-items    : center;
    transition     : opacity .3s
}

.menu__btn-close:hover {
    opacity: .7
}

@media only screen and (min-width:48rem) {
    .menu__btn-close {
        padding: 27px 12px
    }
}

@media only screen and (min-width:90.0625rem) {
    .menu__btn-close {
        right  : -8px;
        padding: 27px 10px
    }
}

.menu__btn-close .icon {
    font-size  : 16px;
    font-size  : 1rem;
    line-height: 1.7
}

.search--active .menu__btn-close {
    opacity       : .4;
    transition    : opacity .3s;
    pointer-events: none
}

.menu__search {
    height: 40px;
    margin: 0 16px;
    border: none
}

@media only screen and (min-width:48rem) {
    .menu__search {
        width   : 288px;
        height  : 40px;
        margin  : 0;
        position: absolute;
        top     : 20px;
        right   : 174px
    }
}

@media only screen and (min-width:90.0625rem) {
    .menu__search {
        right: 166px
    }
}

.menu__search:active {
    border-bottom: 2px solid #fff
}

.menu__hamburger {
    font-size: 24px;
    font-size: 1.5rem
}

.menu__content {
    -ms-flex-align: start;
    align-items   : start;
    transition    : opacity .2s linear;
    position      : absolute;
    width         : 100%;
    bottom        : 76px
}

@media only screen and (min-width:25rem) {
    .menu__content {
        -ms-flex-align: center;
        align-items   : center
    }
}

@media only screen and (min-width:48rem) {
    .menu__content {
        position: relative;
        display : -ms-flexbox;
        display : flex;
        bottom  : auto;
        height  : calc(100vh - 265px)
    }
}

@media only screen and (min-width:64rem) {
    .menu__content {
        height        : calc(100vh - 168px);
        -ms-flex-align: center;
        align-items   : center
    }
}

@media only screen and (max-width:1024px)and (max-height:650px)and (orientation:landscape) {
    .menu__content {
        position: static;
        display : block !important;
        height  : auto
    }
}

.menu__content--transparent {
    opacity         : .4;
    transition-delay: 0s;
    pointer-events  : none
}

.search--active .menu__content {
    opacity       : .4;
    transition    : opacity .3s;
    pointer-events: none
}

.menu__list-wrapper {
    width   : 100%;
    position: relative
}

@media only screen and (min-width:48rem) {
    .menu__list-wrapper {
        position: static
    }
}

.menu__list {
    width : 100%;
    margin: 0 16px 13%
}

@media only screen and (min-width:25rem) {
    .menu__list {
        margin-bottom: 25%
    }
}

@media only screen and (min-width:48rem) {
    .menu__list {
        margin-bottom: 0
    }
}

@media only screen and (min-width:64rem) {
    .menu__list {
        position: absolute;
        bottom  : 120px
    }
}

@media only screen and (min-width:90.0625rem) {
    .menu__list {
        margin: 0
    }
}

@media only screen and (max-width:1024px)and (max-height:650px)and (orientation:landscape) {
    .menu__list {
        margin-bottom: 10%
    }
}

.menu__list:hover .menu__link {
    /* color: rgba(255, 255, 255, .5);
    transition: color .2s */
}

.menu__list-element {
    margin-bottom: 22px
}

@media only screen and (min-width:25rem) {
    .menu__list-element {
        margin-bottom: 32px
    }
}

.menu__link {
    font-size  : 22px;
    font-size  : 1.375rem;
    position   : relative;
    color      : #fff;
    font-weight: bold
}

@media only screen and (min-width:25rem) {
    .menu__link {
        font-size: 32px;
        font-size: 2rem
    }
}

@media only screen and (min-width:64rem) {
    .menu__link {
        font-size: 48px;
        font-size: 3rem
    }
}

.menu__link:after {
    content         : "";
    position        : absolute;
    bottom          : 0;
    left            : 0;
    width           : 0%;
    height          : 4px;
    background-color: #fff;
    color           : #fff;
    transition      : all .4s ease
}

.menu__link:hover {
    color     : #fff !important;
    transition: color .2s
}

.menu__link:hover:after {
    width: 100%
}

@media only screen and (min-width:64rem) {
    .menu__order {
        -ms-flex-order: 1;
        order         : 1
    }
}

@media only screen and (min-width:64rem) {
    .menu__nav-image {
        height: 40px
    }
}

.menu__social {
    height         : 90px;
    width          : auto;
    position       : relative;
    bottom         : 0;
    left           : -8px;
    right          : -24px;
    margin-left    : -16px;
    -ms-flex-pack  : center;
    justify-content: center;
    -ms-flex-align : center;
    align-items    : center;
    border-top     : 1px solid rgba(255, 255, 255, .2)
}

@media only screen and (min-width:48rem) {
    .menu__social {
        position   : absolute;
        margin-left: auto;
        left       : -24px;
        right      : 0
    }
}

@media only screen and (max-width:1024px)and (max-height:650px)and (orientation:landscape) {
    .menu__social {
        position   : relative;
        left       : -8px;
        margin-left: -16px;
        right      : -24px
    }
}

.menu__social--title {
    display: inline;
    color  : #fff
}

.menu__social--title .menu__social--name {
    display: none
}

.menu__social--icon {
    height     : 40px;
    width      : 40px;
    line-height: 40px;
    color      : #fff
}

@media only screen and (min-width:64rem) {
    .menu__social {
        width             : 50%;
        bottom            : 148px;
        -ms-flex-direction: column;
        flex-direction    : column;
        -ms-flex-align    : end;
        align-items       : flex-end;
        -ms-flex-pack     : end;
        justify-content   : flex-end;
        border            : none
    }

    .menu__social--icon {
        margin-top  : 16px;
        margin-right: 0
    }

    .menu__social--icon:hover {
        padding         : 1px;
        border-radius   : 100%;
        background-color: rgba(255, 255, 255, .2)
    }

    .menu__social--title .menu__social--name {
        position       : absolute;
        bottom         : 2px;
        left           : 0;
        display        : -ms-flexbox;
        display        : flex;
        -ms-flex-pack  : end;
        justify-content: flex-end;
        opacity        : 0;
        width          : 1px;
        z-index        : -1
    }

    .menu__social--title:hover .menu__social--name {
        position       : absolute;
        bottom         : 2px;
        right          : 36px;
        display        : -ms-flexbox;
        display        : flex;
        -ms-flex-pack  : end;
        justify-content: flex-end;
        transform      : translateX(-24px);
        opacity        : 1;
        z-index        : -1;
        transition     : transform 300ms ease-in, opacity 300ms ease-in 30ms
    }
}

.menu__social-links {
    margin: 0 10px
}

@media only screen and (min-width:30rem) {
    .menu__social-links {
        margin: 0 20px
    }
}

.menu__lang-container {
    height: 100% !important;
}

.menu__lang {
    width         : 100%;
    left          : 0;
    bottom        : 0;
    height        : 76px;
    -ms-flex-align: center;
    align-items   : center;
    position      : absolute
}

@media only screen and (min-width:48rem) {
    .menu__lang {
        height: 49px
    }
}

@media only screen and (max-width:1024px)and (max-height:650px)and (orientation:landscape) {
    .menu__lang {
        overflow: hidden;
        position: relative
    }

    .menu__lang--open {
        overflow: visible !important;
    }
}

.menu__lang-content-wrapper {
    bottom: 75px !important;
}

@media only screen and (min-width:48rem) {
    .menu__lang-content-wrapper {
        bottom: 47px !important;
    }
}

.search--active .menu__lang {
    opacity       : .4;
    transition    : opacity .3s;
    pointer-events: none
}

.menu__wrapper {
    margin-left    : 16px;
    width          : 100%;
    height         : 100%;
    -ms-flex-pack  : justify;
    justify-content: space-between
}

.menu__nav-image {
    height: 32px
}

@media only screen and (min-width:48rem) {
    .menu__nav-image {
        height: 40px
    }
}

.menu__hr {
    width     : 100%;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

a.menu__link {
    font-size  : 22px;
    font-size  : 1.375rem;
    position   : relative;
    color      : #fff;
    font-weight: bold
}

@media only screen and (min-width:25rem) {
    a.menu__link {
        font-size: 32px;
        font-size: 2rem
    }
}

@media only screen and (min-width:64rem) {
    a.menu__link {
        font-size: 48px;
        font-size: 3rem
    }
}

a.menu__link:after {
    bottom          : -4px !important;
    height          : 4px !important;
    background-color: #fff !important;
}

a.menu__link:hover:after {
    width: 100%
}

.menu--open {
    opacity         : 1;
    height          : 100%;
    transition      : opacity 400ms ease-out;
    transition-delay: 0s
}

.menu--scrolled .menu__header {
    margin-top      : 0;
    transition-delay: 0s
}

.menu--scrolled .menu__logo {
    padding-top     : 12px;
    padding-bottom  : 12px;
    transition-delay: 0s
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .menu__social--title:hover .menu__social--name {
        direction: rtl;
        transform: translateX(-48px)
    }
}

.mod-campaign {
    padding : 48px 0 40px;
    overflow: hidden
}

@media only screen and (min-width:64rem) {
    .mod-campaign {
        padding: 80px 0
    }
}

.mod-campaign__pagination {
    top        : -16px;
    right      : 8px;
    bottom     : auto;
    left       : auto;
    text-align : right;
    font-size  : 12px;
    font-size  : .75rem;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500;
    transform  : translateY(-100%)
}

@media only screen and (min-width:48rem) {
    .mod-campaign__pagination {
        display: none
    }
}

.mod-campaign__swiper {
    width: calc(100% + 16px);
    left : -8px
}

@media only screen and (min-width:30rem) {
    .mod-campaign__swiper {
        left    : auto;
        width   : auto;
        overflow: visible
    }
}

.mod-campaign__item {
    width    : 83%;
    max-width: 400px;
    height   : auto
}

@media only screen and (min-width:30rem) {
    .mod-campaign__item {
        width    : calc(50% - 8px);
        max-width: none
    }
}

@media only screen and (min-width:48rem) {
    .mod-campaign__item {
        width: calc(50% - 12px)
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign__item {
        width: auto
    }
}

@media only screen and (min-width:30rem) {
    .mod-campaign__item:first-child {
        margin-right: 16px
    }
}

@media only screen and (min-width:48rem) {
    .mod-campaign__item:first-child {
        margin-right: 24px
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign__item:first-child {
        margin-right: 0
    }
}

.mod-campaign__box {
    box-sizing: border-box;
    position  : relative;
    height    : 100%;
    width     : 100%
}

@media only screen and (min-width:48rem) {
    .mod-campaign__box {
        max-width: 400px;
        margin   : 0 auto
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign__box {
        max-width: none
    }
}

.mod-campaign__bg {
    position: absolute;
    bottom  : 0;
    left    : 0;
    height  : 100%;
    width   : 100%
}

.mod-campaign__img-product {
    position  : absolute;
    left      : 50%;
    top       : 50%;
    max-height: 100%;
    max-width : 100%;
    padding   : 32px;
    transform : translate(-50%, -50%)
}

.mod-campaign__description {
    margin: 24px 8px
}

@media only screen and (min-width:64rem) {
    .mod-campaign__description {
        position: absolute;
        bottom  : 0;
        width   : calc(100% - 32px);
        margin  : 0;
        z-index : 3
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--portrait {
        padding-top: 180px
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--portrait .mod-campaign__item--image {
        width  : 48.82%;
        z-index: 1
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--portrait .mod-campaign__item--product {
        position   : absolute;
        right      : 0;
        bottom     : 240px;
        height     : 0;
        width      : 57%;
        padding-top: 53%;
        z-index    : 0
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--portrait .mod-campaign__item--product .mod-campaign__box {
        position: absolute;
        top     : 0;
        right   : 0
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--portrait .mod-campaign__bg {
        height: calc(100% - 120px)
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--portrait .mod-campaign__product {
        position   : relative;
        height     : 100%;
        width      : calc(85.8% + 24px);
        margin-left: auto
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--portrait .mod-campaign__img-product {
        top      : 0;
        right    : 0;
        left     : auto;
        transform: translate(0)
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--portrait .mod-campaign__description {
        padding-right: 48px;
        padding-left : 24px
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--landscape .mod-campaign__item--image {
        position: absolute;
        left    : 0;
        width   : 48.82%;
        z-index : 1
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--landscape .mod-campaign__item--product {
        height     : 0;
        width      : 58%;
        margin-left: auto;
        padding-top: 72%;
        z-index    : 0
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--landscape .mod-campaign__item--product .mod-campaign__box {
        position: absolute;
        top     : 0;
        right   : 0
    }
}

.mod-campaign--landscape .mod-campaign__img-product {
    position: relative
}

@media only screen and (min-width:64rem) {
    .mod-campaign--landscape .mod-campaign__img-product {
        max-height: calc(100% - 64px);
        max-width : calc(100% - 64px);
        padding   : 0
    }
}

@media only screen and (min-width:64rem) {
    .mod-campaign--landscape .mod-campaign__description {
        padding-left: 32px
    }
}

.mod-double {
    padding: 32px 0
}

@media only screen and (min-width:48rem) {
    .mod-double {
        padding: 64px 0
    }
}

.mod-double__box {
    width: 69%
}

@media only screen and (min-width:25rem) {
    .mod-double__box {
        width: 48%
    }
}

@media only screen and (min-width:50.6875rem) {
    .mod-double__box {
        width      : calc(100% + 24px);
        margin-left: 24px
    }
}

@media only screen and (min-width:80rem) {
    .mod-double__box {
        margin-left: 0;
        width      : 100%
    }
}

.mod-double__box--small {
    margin-top : 32px;
    margin-left: 31%
}

@media only screen and (min-width:25rem) {
    .mod-double__box--small {
        margin-top : -32px;
        margin-left: auto
    }
}

@media only screen and (min-width:50.6875rem) {
    .mod-double__box--small {
        margin-top : 32px;
        margin-left: 23%
    }
}

@media only screen and (min-width:64rem) {
    .mod-double__box--small {
        margin-left: 20%;
        width      : calc(100% + 48px)
    }
}

@media only screen and (min-width:80rem) {
    .mod-double__box--small {
        margin-left: 0;
        width      : 100%
    }
}

.mod-gallery-center {
    overflow: hidden
}

.mod-gallery-center.mod-gallery-center--story {
    margin-top: 72px
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center.mod-gallery-center--story {
        margin-top: 120px
    }
}

.mod-gallery-center__header {
    margin-bottom: 10px;
    padding      : 0 8px
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center__header {
        max-width    : 510px;
        margin-bottom: 24px;
        padding      : 0
    }
}

.mod-gallery-center--story .mod-gallery-center__header {
    padding: 0 8px
}

@media only screen and (min-width:22.5rem) {
    .mod-gallery-center--story .mod-gallery-center__header {
        padding: 0 24px
    }
}

@media only screen and (min-width:30rem) {
    .mod-gallery-center--story .mod-gallery-center__header {
        max-width   : 400px;
        margin-left : auto;
        margin-right: auto;
        padding     : 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center--story .mod-gallery-center__header {
        max-width: 100%
    }
}

.mod-gallery-center__wrapper {
    position     : relative;
    margin-bottom: 48px
}

@media only screen and (min-width:30rem) {
    .mod-gallery-center__wrapper {
        max-width: 400px;
        margin   : 0 auto 48px
    }
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center__wrapper {
        max-width    : none;
        margin-bottom: 64px
    }
}

@media only screen and (min-width:64rem) {
    .mod-gallery-center__wrapper {
        margin-bottom: 88px
    }
}

.mod-gallery-center__slider {
    position: relative;
    width   : 100%;
    margin  : 0
}

@media only screen and (min-width:30rem) {
    .mod-gallery-center__slider {
        max-width: 400px
    }
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center__slider {
        width    : 93%;
        max-width: none
    }
}

@media only screen and (min-width:80rem) {
    .mod-gallery-center__slider {
        left : -24px;
        width: calc(90% + 24px)
    }

    .mod-gallery-center--story .mod-gallery-center__slider {
        left : 0;
        width: calc(90%)
    }
}

.mod-gallery-center__media {
    position: relative;
    width   : 100%
}

.mod-gallery-center--story .mod-gallery-center__media {
    width: calc(100% - 8px)
}

.mod-gallery-center__slider-bg {
    position: absolute;
    right   : -8px;
    bottom  : -32px;
    height  : 98%;
    width   : 60%;
    overflow: hidden
}

@media only screen and (min-width:30rem) {
    .mod-gallery-center__slider-bg {
        width: 66.666%
    }
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center__slider-bg {
        right : 0;
        bottom: -48px;
        height: 100%;
        width : 87.5%
    }
}

@media only screen and (min-width:64rem) {
    .mod-gallery-center__slider-bg {
        bottom: -64px
    }
}

@media only screen and (min-width:80rem) {
    .mod-gallery-center__slider-bg {
        width: calc(79.555% + 24px)
    }
}

.mod-gallery-center--story .mod-gallery-center__slider-bg {
    right: 0;
    width: 65%
}

.mod-gallery-center__bg {
    position: absolute;
    height  : 100%;
    width   : 100%
}

.mod-gallery-center__controls {
    display : -ms-flexbox;
    display : flex;
    position: absolute;
    right   : 8px;
    bottom  : 16px;
    z-index : 20
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center__controls {
        bottom: 24px
    }
}

.mod-gallery-center--story .mod-gallery-center__controls {
    right: 16px
}

.mod-gallery-center__controls .controls__pagination {
    visibility: hidden
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center__controls .controls__pagination {
        visibility: visible
    }
}

.mod-gallery-center__controls .controls__pagination .swiper-pagination-current {
    padding-right: .25rem
}

.mod-gallery-center__controls .controls__pagination .swiper-pagination-total {
    padding-left: .25rem
}

.mod-gallery-center__text {
    padding: 0 8px
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center__text {
        position: relative;
        left    : 24px;
        padding : 0
    }
}

@media only screen and (min-width:80rem) {
    .mod-gallery-center__text {
        left: 0
    }
}

.mod-gallery-center__text--with-cta {
    padding: 0 8px
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center__text--with-cta {
        padding: 0
    }
}

.mod-gallery-center__cta {
    margin: 24px 8px 0
}

@media only screen and (min-width:48rem) {
    .mod-gallery-center__cta {
        margin-left: 32px
    }
}

@media only screen and (min-width:80rem) {
    .mod-gallery-center__cta {
        margin-left: 0
    }
}

.mod-gallery-center .swiper-slide {
    transition-timing-function: cubic-bezier(.23, .11, .37, 1)
}

.story .mod-gallery-center {
    margin-top: 72px
}

@media only screen and (min-width:48rem) {
    .story .mod-gallery-center {
        margin-top: 120px
    }
}

.story .mod-gallery-center__header {
    padding: 0 8px
}

@media only screen and (min-width:22.5rem) {
    .story .mod-gallery-center__header {
        padding: 0 24px
    }
}

@media only screen and (min-width:30rem) {
    .story .mod-gallery-center__header {
        max-width   : 400px;
        margin-left : auto;
        margin-right: auto;
        padding     : 0
    }
}

@media only screen and (min-width:48rem) {
    .story .mod-gallery-center__header {
        max-width: 100%
    }
}

@media only screen and (min-width:80rem) {
    .story .mod-gallery-center__slider {
        left : 0;
        width: calc(90%)
    }
}

.story .mod-gallery-center__media {
    width: calc(100% - 8px)
}

.story .mod-gallery-center__slider-bg {
    right: 0;
    width: 65%
}

.story .mod-gallery-center__controls {
    right: 16px
}

.mod-gallery__small {
    top        : -60px;
    margin-left: 20px
}

@media only screen and (min-width:48rem) {
    .mod-gallery__small {
        margin-left: -62px
    }
}

.mod-gallery__small--short {
    width: 100%
}

@media only screen and (min-width:64rem) {
    .mod-gallery__small--short {
        height: auto;
        width : auto
    }
}

@media only screen and (min-width:64rem) {
    .mod-gallery__small--short {
        top        : -60px;
        margin-left: 24px
    }
}

.mod-gallery__controls {
    position : absolute;
    bottom   : 10px;
    left     : 190px;
    transform: translateY(-200%)
}

@media only screen and (min-width:48rem) {
    .mod-gallery__controls {
        bottom   : -12px;
        left     : 638px;
        transform: translateY(-100%)
    }
}

@media only screen and (min-width:64rem) {
    .mod-gallery__controls {
        right    : 12px;
        left     : auto;
        transform: translateY(100%)
    }
}

.mod-gallery__btn-prev {
    margin-right: 10px
}

.mod-gallery-cross-sell {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:30rem) {
    .mod-gallery-cross-sell {
        padding-bottom: 40px
    }
}

.mod-gallery-cross-sell__wrapper {
    padding-bottom: calc(50% - 45px);
    overflow      : hidden
}

@media only screen and (min-width:30rem) {
    .mod-gallery-cross-sell__wrapper {
        position      : relative;
        padding-bottom: 0
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-gallery-cross-sell__wrapper {
        position: relative;
        overflow: visible
    }
}

@media only screen and (min-width:64rem) {
    .mod-gallery-cross-sell__header {
        position : absolute;
        width    : 57.45%;
        right    : -24px;
        padding  : 24px 0;
        transform: translateX(100%)
    }
}

.mod-gallery-cross-sell__main {
    position: relative;
    left    : -8px;
    width   : calc(100% + 16px)
}

@media only screen and (min-width:30rem) {
    .mod-gallery-cross-sell__main {
        width: 75%
    }
}

@media only screen and (min-width:48rem) {
    .mod-gallery-cross-sell__main {
        left : -16px;
        width: calc(100% + 16px)
    }
}

@media only screen and (min-width:64rem) {
    .mod-gallery-cross-sell__main {
        left : auto;
        width: 100%
    }
}

.mod-gallery-cross-sell__second {
    position : absolute;
    bottom   : 40px;
    left     : 16px;
    width    : 50%;
    z-index  : 10;
    transform: translateY(100%)
}

@media only screen and (min-width:30rem) {
    .mod-gallery-cross-sell__second {
        width    : 32%;
        left     : auto;
        right    : 0;
        bottom   : 72px;
        transform: translateY(0)
    }
}

@media only screen and (min-width:48rem) {
    .mod-gallery-cross-sell__second {
        right    : 40px;
        width    : calc(58% + 64px);
        transform: translateX(100%)
    }
}

@media only screen and (min-width:64rem) {
    .mod-gallery-cross-sell__second {
        right: 64px;
        width: 41.5%
    }
}

@media only screen and (min-width:80rem) {
    .mod-gallery-cross-sell__second {
        width: 50%
    }
}

.mod-gallery-cross-sell__third {
    display  : none;
    position : absolute;
    bottom   : 72px;
    z-index  : 10;
    transform: translateX(177.5%)
}

@media only screen and (min-width:64rem) {
    .mod-gallery-cross-sell__third {
        display: block;
        right  : -24px;
        width  : 41.5%
    }
}

@media only screen and (min-width:80rem) {
    .mod-gallery-cross-sell__third {
        width    : 50%;
        transform: translateX(182%)
    }
}

.mod-gallery-cross-sell__slider {
    overflow: hidden
}

.mod-gallery-cross-sell__controls {
    position  : relative;
    margin    : 16px;
    text-align: right
}

@media only screen and (min-width:30rem) {
    .mod-gallery-cross-sell__controls {
        position: absolute;
        left    : 75%;
        bottom  : 16px;
        margin  : 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-gallery-cross-sell__controls {
        bottom: 8px;
        left  : 62.5%
    }
}

@media only screen and (min-width:64rem) {
    .mod-gallery-cross-sell__controls {
        left : auto;
        right: 16px
    }
}

@media only screen and (min-width:80rem) {
    .mod-gallery-cross-sell__controls {
        bottom: 2px
    }
}

.mod-gallery-up-sell {
    padding-bottom: 40px
}

@media only screen and (min-width:48rem) {
    .mod-gallery-up-sell {
        margin-top: 22px
    }
}

.mod-gallery-up-sell--story {
    padding-top: 72px
}

@media only screen and (min-width:48rem) {
    .mod-gallery-up-sell--story {
        padding-top   : 120px;
        padding-bottom: 120px
    }
}

.mod-gallery-up-sell__truncate {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:48rem) {
    .mod-gallery-up-sell__truncate {
        padding-top: 10px
    }
}

@media only screen and (min-width:64rem) {
    .mod-gallery-up-sell__truncate {
        width: calc(100% + 12px)
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-gallery-up-sell__truncate {
        width: 100%
    }
}

.mod-gallery-up-sell__header {
    padding-left: 8px
}

@media only screen and (min-width:48rem) {
    .mod-gallery-up-sell__header {
        padding-left: 0
    }
}

.mod-gallery-up-sell--story .mod-gallery-up-sell__header {
    padding-left : 8px;
    padding-right: 8px
}

@media only screen and (min-width:22.5rem) {
    .mod-gallery-up-sell--story .mod-gallery-up-sell__header {
        padding-left : 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:48rem) {
    .mod-gallery-up-sell--story .mod-gallery-up-sell__header {
        padding-left : 0;
        padding-right: 0
    }
}

.mod-gallery-up-sell__slider {
    margin-top: 32px
}

.mod-gallery-up-sell__item {
    width: 100%
}

@media only screen and (min-width:64rem) {
    .mod-gallery-up-sell__item {
        width: 40% !important;
    }
}

@media only screen and (min-width:80rem) {
    .mod-gallery-up-sell__item {
        width: 34.7% !important;
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-gallery-up-sell__item {
        width: 32.198% !important;
    }
}

.mod-gallery-up-sell__top {
    position   : relative;
    height     : 0;
    padding-top: 100%;
    background : #f0f0f0
}

.mod-gallery-up-sell__image {
    position: absolute;
    top     : 0;
    left    : 0;
    height  : calc(100% - 64px);
    width   : calc(100% - 64px);
    margin  : 32px
}

.mod-gallery-up-sell picture,
.mod-gallery-up-sell .img-responsive {
    position  : relative;
    top       : 50%;
    max-height: 100%;
    margin    : 0 auto;
    transform : translateY(-50%)
}

.mod-gallery-up-sell picture .img-responsive {
    top      : 0;
    transform: none
}

.mod-gallery-up-sell__description {
    padding: 16px 8px
}

.mod-gallery-up-sell--story .mod-gallery-up-sell__description {
    padding-left : 24px;
    padding-right: 24px
}

.mod-gallery-up-sell__pagination {
    font-size  : 12px;
    font-size  : .75rem;
    position   : absolute;
    top        : 13px;
    right      : 8px;
    bottom     : auto;
    left       : auto;
    width      : auto;
    line-height: 1.25;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

@media only screen and (min-width:48rem) {
    .mod-gallery-up-sell__pagination {
        display: none
    }
}

.mod-gallery-up-sell--story .mod-gallery-up-sell__pagination {
    top: 7px
}

.mod-gallery-up-sell__pagination-current {
    padding-right: .25rem
}

.mod-gallery-up-sell__pagination-total {
    padding-left: .25rem
}

.mod-gallery-up-sell__controls {
    position      : absolute;
    right         : 16px;
    bottom        : 86px;
    letter-spacing: -.43em;
    z-index       : 10
}

@media only screen and (min-width:48rem) {
    .mod-gallery-up-sell__controls {
        top   : 10px;
        right : 8px;
        bottom: auto
    }
}

.mod-gallery-up-sell .controls-slider__btn-prev {
    display: none
}

@media only screen and (min-width:48rem) {
    .mod-gallery-up-sell .controls-slider__btn-prev {
        display: inline-block
    }
}

.story .mod-gallery-up-sell {
    padding-top: 72px
}

@media only screen and (min-width:48rem) {
    .story .mod-gallery-up-sell {
        padding-top   : 120px;
        padding-bottom: 120px
    }
}

.story .mod-gallery-up-sell__header {
    padding-left : 8px;
    padding-right: 8px
}

@media only screen and (min-width:22.5rem) {
    .story .mod-gallery-up-sell__header {
        padding-left : 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:48rem) {
    .story .mod-gallery-up-sell__header {
        padding-left : 0;
        padding-right: 0
    }
}

.story .mod-gallery-up-sell__description {
    padding-left : 24px;
    padding-right: 24px
}

@media only screen and (min-width:48rem) {
    .story .mod-gallery-up-sell__description {
        padding-left : 0;
        padding-right: 0
    }
}

.story .mod-gallery-up-sell__pagination {
    top: 7px
}

.mod-banner {
    position: relative;
    overflow: hidden;
    padding : 32px 0 64px
}

@media only screen and (min-width:64rem) {
    .mod-banner {
        padding: 65px 0 120px
    }
}

@media only screen and (min-width:80rem) {
    .mod-banner {
        padding: 72px 0 128px
    }
}

.mod-banner__bg {
    position: absolute;
    bottom  : 0;
    height  : 82%;
    width   : 100%;
    z-index : 1
}

@media only screen and (min-width:48rem) {
    .mod-banner__bg {
        height: 78%
    }
}

.mod-banner__wrapper {
    position: relative;
    z-index : 10;
    padding : 20px 20px 40px 20px
}

@media only screen and (min-width:30rem) {
    .mod-banner__wrapper {
        padding-left : 48px;
        padding-right: 48px
    }
}

@media only screen and (min-width:48rem) {
    .mod-banner__wrapper {
        padding-right: 24px
    }
}

@media only screen and (min-width:80rem) {
    .mod-banner__wrapper {
        padding: 0
    }
}

.mod-banner__image {
    margin: 0 auto 40px
}

@media only screen and (min-width:30rem) {
    .mod-banner__image {
        max-width    : 304px;
        margin-bottom: 50px
    }
}

@media only screen and (min-width:48rem) {
    .mod-banner__image {
        max-width    : none;
        margin-bottom: 32px;
        margin-left  : auto;
        margin-right : 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-banner__content {
        margin-top: 80px
    }
}

.mod-hot-spot {
    margin-bottom: 48px
}

.mod-hot-spot__image {
    position : relative;
    max-width: 400px;
    margin   : 0 auto;
    padding  : 32px
}

@media only screen and (min-width:48rem) {
    .mod-hot-spot__image {
        max-width: none
    }
}

.mod-hot-spot__pointer {
    position: absolute
}

.mod-hot-spot__pointer:hover .mod-hot-spot__pointer-bg {
    opacity: 1
}

.mod-hot-spot__pointer .icon {
    position: relative;
    z-index : 1
}

.mod-hot-spot__pointer-bg {
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 100%;
    opacity : 0;
    z-index : 0
}

.mod-hot-spot__pointer--active {
    background-color: #282828;
    transform       : rotate(180deg)
}

.mod-hot-spot__pointer--active .mod-hot-spot__pointer-bg {
    display: block;
    opacity: 1
}

.mod-hot-spot__card-container {
    position: relative;
    width   : 100%;
    height  : 100%
}

.mod-hot-spot__card {
    position: relative;
    display : none;
    padding : 32px 16px 40px;
    color   : #fff
}

@media only screen and (min-width:48rem) {
    .mod-hot-spot__card {
        display      : block;
        position     : absolute;
        min-height   : 220px;
        top          : 50%;
        transform    : translateY(-50%);
        right        : 16px;
        width        : 96%;
        margin-left  : auto;
        padding-right: 32px;
        padding-left : 32px;
        opacity      : 0;
        transition   : opacity 300ms
    }
}

@media only screen and (min-width:80rem) {
    .mod-hot-spot__card {
        right: auto;
        width: 100%
    }
}

.mod-hot-spot__card-active {
    display: block
}

@media only screen and (min-width:48rem) {
    .mod-hot-spot__card-active {
        opacity   : 1;
        transition: opacity 300ms
    }
}

.mod-hot-spot__shadow {
    position: absolute;
    right   : -8px;
    bottom  : -16px;
    height  : 100%;
    width   : 100%;
    opacity : .45;
    z-index : 0
}

@media only screen and (min-width:48rem) {
    .mod-hot-spot__shadow {
        right: -16px
    }
}

.mod-hot-spot__content {
    position: relative;
    z-index : 1
}

.mod-image-link {
    padding: 48px 0
}

.mod-text-block+.mod-image-link {
    margin-top : -20px;
    padding-top: 0
}

@media only screen and (min-width:48rem) {
    .mod-text-block+.mod-image-link {
        margin-top: -70px
    }
}

.mod-image-link+.mod-text-block {
    margin-top: -20px
}

@media only screen and (min-width:48rem) {
    .mod-image-link+.mod-text-block {
        margin-top: -70px
    }
}

.mod-image-link--left .mod-image-link__container {
    text-align: left
}

.mod-image-link--left .mod-image-link__url {
    margin-left : 0;
    margin-right: 48px
}

@media only screen and (min-width:30rem) {
    .mod-image-link--left .mod-image-link__url {
        margin-right: auto
    }
}

.mod-image-link--left .mod-image-link__url+.mod-image-link__url {
    margin-left: 16px
}

.mod-image-link--right .mod-image-link__container {
    text-align: right
}

.mod-image-link--right .mod-image-link__url {
    margin-right: 0;
    margin-left : 48px
}

@media only screen and (min-width:30rem) {
    .mod-image-link--right .mod-image-link__url {
        margin-left: auto
    }
}

.mod-image-link--right .mod-image-link__url+.mod-image-link__url {
    margin-left: 16px
}

.mod-image-link--center {
    margin: 0 auto
}

.mod-image-link--center .mod-image-link__url+.mod-image-link__url {
    margin-left: 16px
}

.mod-image-link__container {
    text-align: center
}

.mod-image-link__url {
    display   : inline-block;
    max-height: 45px;
    height    : 45px
}

@media only screen and (min-width:30rem) {
    .mod-image-link__url {
        max-width: 70%
    }
}

@media only screen and (min-width:48rem) {
    .mod-image-link__url {
        max-width: 50%
    }
}

.mod-image-link__url svg,
.mod-image-link__url img {
    max-height: inherit
}

.mod-image-link__url svg {
    width : auto !important;
    height: 100% !important;
}

@media only screen and (min-width:90.0625rem) {
    .mod-ksp {
        overflow: hidden
    }
}

.mod-ksp__truncate {
    padding-top   : 40px;
    padding-bottom: 48px;
    overflow      : hidden;
    margin-left   : -8px;
    margin-right  : -8px
}

@media only screen and (min-width:48rem) {
    .mod-ksp__truncate {
        padding-top: 64px;
        margin-left: 0
    }
}

@media only screen and (min-width:64rem) {
    .mod-ksp__truncate {
        margin-right  : -12px;
        padding-right : 12px;
        padding-bottom: 8px
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-ksp__truncate {
        overflow: visible
    }
}

.mod-ksp--story .mod-ksp__truncate {
    padding-top   : 72px;
    padding-bottom: 96px
}

@media only screen and (min-width:48rem) {
    .mod-ksp--story .mod-ksp__truncate {
        padding-top   : 120px;
        padding-bottom: 120px
    }
}

@media only screen and (min-width:64rem) {
    .mod-ksp--story .mod-ksp__truncate {
        padding-bottom: 24px
    }
}

.mod-ksp__header {
    padding-left : 8px;
    padding-right: 8px
}

@media only screen and (min-width:48rem) {
    .mod-ksp__header {
        padding-left: 0
    }
}

.mod-ksp__slider {
    position: relative
}

@media only screen and (min-width:64rem) {
    .mod-ksp__slider {
        position      : static;
        padding-bottom: 8%
    }
}

.mod-ksp__slider~.mod-ksp__slider {
    display: none
}

@media only screen and (min-width:64rem) {
    .mod-ksp__slider~.mod-ksp__slider {
        display: inline-block
    }
}

.mod-ksp__slider--main {
    padding: 8px 0
}

@media only screen and (min-width:64rem) {
    .mod-ksp__slider--main {
        padding: 16px 0
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-ksp__scroll-slider {
        overflow: visible
    }
}

@media only screen and (min-width:30rem) {
    .mod-ksp__swiper-first {
        padding-left: 8px
    }
}

@media only screen and (min-width:48rem) {
    .mod-ksp__swiper-first {
        padding-left: 0
    }
}

.mod-ksp--story .mod-ksp__swiper-first {
    padding-left : 8px;
    padding-right: 8px
}

@media only screen and (min-width:48rem) {
    .mod-ksp--story .mod-ksp__swiper-first {
        padding-left : 0;
        padding-right: 0
    }
}

.mod-ksp__item {
    width    : 80%;
    max-width: 336px
}

@media only screen and (min-width:48rem) {
    .mod-ksp__item {
        max-width: 360px
    }
}

@media only screen and (min-width:64rem) {
    .mod-ksp__item {
        width    : 100%;
        max-width: 100%
    }
}

.mod-ksp__box {
    width         : 100%;
    /*margin      : 24px 0 0 0*/
    padding-bottom: 24px;
}

.mod-ksp__pagination {
    bottom     : auto;
    /*top      : 0;*/
    top        : -30px;
    right      : 16px;
    left       : auto;
    text-align : right;
    font-size  : 12px;
    font-size  : .75rem;
    line-height: 1.33;
    color      : #282828
}

@media only screen and (min-width:48rem) {
    .mod-ksp__pagination {
        display: none
    }
}

.mod-ksp--story .mod-ksp__pagination {
    top: -42px
}

.mod-ksp__controls {
    position      : absolute;
    letter-spacing: -.43em;
    z-index       : 10;
    top           : -40px;
    right         : 8px;
    display       : none
}

@media only screen and (min-width:48rem) {
    .mod-ksp__controls {
        display: block;
        top    : -48px;
        right  : 4px
    }
}

.mod-ksp__controls-wrapper {
    position: absolute;
    left    : 0;
    top     : 0;
    z-index : 10
}

.mod-ksp.mod-ksp--story h1,
.mod-ksp.mod-ksp--story h2,
.mod-ksp.mod-ksp--story h3 {
    padding-left  : 8px;
    padding-right : 8px;
    padding-bottom: 24px
}

@media only screen and (min-width:22.5rem) {

    .mod-ksp.mod-ksp--story h1,
    .mod-ksp.mod-ksp--story h2,
    .mod-ksp.mod-ksp--story h3 {
        padding-left : 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:48rem) {

    .mod-ksp.mod-ksp--story h1,
    .mod-ksp.mod-ksp--story h2,
    .mod-ksp.mod-ksp--story h3 {
        padding-left : 0;
        padding-right: 0
    }
}

.mod-lang {
    display         : inline-block;
    height          : 48px;
    bottom          : 0;
    left            : 0;
    width           : 100%;
    margin          : 0;
    padding         : 0;
    z-index         : 101;
    border-top      : 1px solid rgba(255, 255, 255, .2);
    background-color: #19375f;
    position        : relative
}

.mod-lang--light {
    background: #475f7f
}

.mod-lang__full {
    height         : 100%;
    margin         : 0 8px;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : justify;
    justify-content: space-between
}

@media only screen and (min-width:90.0625rem) {
    .mod-lang__full {
        margin-left : auto;
        margin-right: auto
    }
}

.mod-lang__flag {
    display: inline-block
}

.mod-lang__country-flag {
    display       : inline-block;
    line-height   : 1;
    width         : 25px;
    height        : 16px;
    vertical-align: middle
}

.mod-lang__country-code {
    font-size: 14px;
    font-size: .875rem;
    margin   : 0 16px 0 8px;
    color    : #fff
}

.mod-lang__content {
    padding      : 40px 16px;
    width        : 100%;
    left         : 0 !important;
    border       : none;
    border-radius: 0;
    z-index      : 101
}

@media only screen and (min-width:64rem) {
    .mod-lang__content {
        height: 220px
    }
}

@media only screen and (min-width:80rem) {
    .mod-lang__content {
        padding-left : 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-lang__content {
        padding-left : 0;
        padding-right: 0
    }
}

.mod-lang__content--open {
    transform                 : translateY(0) !important;
    transition-timing-function: cubic-bezier(.895, .03, .685, .22)
}

.mod-lang__content-wrapper {
    background-color: #475f7f;
    position        : absolute;
    left            : 0;
    bottom          : 47px;
    width           : 100%;
    overflow        : hidden;
    z-index         : 1;
    transform       : translateY(100%);
    transition      : transform 200ms linear
}

.mod-lang__button {
    display       : inline-block;
    margin        : 0 24px 0 8px;
    height        : 100%;
    vertical-align: middle;
    cursor        : pointer;
    line-height   : 14px
}

@media only screen and (min-width:80rem) {
    .mod-lang__button {
        margin-left: 0
    }
}

@media only screen and (min-width:80rem) {
    .mod-lang__button--menu {
        margin-left: 9.33%
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-lang__button--menu {
        margin-left: 0
    }
}

.mod-lang__button--footer {
    padding: 16px 0
}

@media only screen and (min-width:48rem) {
    .mod-lang__button--footer {
        margin-left: 4%
    }
}

@media only screen and (min-width:80rem) {
    .mod-lang__button--footer {
        margin-left: 0
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-lang__button--footer {
        margin-left: 0
    }
}

.mod-lang__icon {
    color: #fff
}

.mod-lang__icon--nav {
    float     : right;
    transition: transform 200ms linear
}

.mod-lang__list-expandable {
    column-count: 3
}

@media only screen and (min-width:48rem) {
    .mod-lang__list-expandable {
        display     : block;
        padding     : 0;
        column-count: 5;
        column-fill : auto
    }
}

@media only screen and (min-width:64rem) {
    .mod-lang__list-expandable {
        height      : 136px;
        column-count: 9
    }
}

.mod-lang__list-expandable.expanded {
    display: block
}

.mod-lang__list-item {
    margin   : 0 0 18px 0;
    display  : inline-block;
    min-width: 80px
}

@media only screen and (min-width:48rem) {
    .mod-lang__full {
        -ms-flex-pack  : start;
        justify-content: flex-start
    }

    .mod-lang__list-item {
        margin: 0 0 13px 0
    }

    .mod-lang__list-item:nth-child(4n) {
        margin: 0 0 0 0
    }
}

.mod-newsletter {
    padding: 56px 8px
}

@media only screen and (min-width:48rem) {
    .mod-newsletter {
        padding-right: 0;
        padding-left : 0
    }
}

.mod-newsletter__form {
    padding: 24px 0
}

@media only screen and (min-width:64rem) {
    .mod-newsletter__form {
        padding: 0
    }
}

.mod-newsletter__info {
    line-height: 1.6;
    padding    : 16px 0
}

@media only screen and (min-width:64rem) {
    .mod-newsletter__info {
        position: relative;
        top     : -40px
    }
}

.mod-newsletter__text {
    margin-bottom : 16px;
    letter-spacing: 1.6px
}

@media only screen and (min-width:64rem) {
    .mod-newsletter__text {
        padding-bottom: 24px
    }
}

.mod-newsletter__select-container {
    position: relative
}

.mod-newsletter__select {
    font-size         : 14px;
    font-size         : .875rem;
    width             : calc(50% + 32px);
    height            : 40px;
    display           : block;
    border-radius     : 0;
    margin-bottom     : 24px;
    padding           : 8px;
    border            : 1px solid #282828;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none
}

.has-touch .mod-newsletter__select {
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width:48rem) {
    .mod-newsletter__select {
        width: calc(50% - 8px)
    }
}

.mod-newsletter__accordion-title {
    font-weight: 700
}

.mod-newsletter__accordion-content {
    display    : none;
    padding-top: 16px
}

.mod-newsletter__accordion-content ol {
    list-style : decimal;
    margin-left: 24px
}

.mod-newsletter__accordion-content ol li {
    position     : relative;
    margin-bottom: 8px;
    line-height  : 2
}

.mod-newsletter__accordion-content ul {
    list-style: none
}

.mod-newsletter__accordion-content ul li {
    position     : relative;
    margin-bottom: 8px;
    padding-left : 24px;
    line-height  : 2
}

.mod-newsletter__accordion-content ul li:after {
    content      : '';
    position     : absolute;
    top          : 12px;
    left         : 5px;
    height       : 8px;
    width        : 8px;
    background   : #282828;
    border-radius: 50%
}

.mod-product-card {
    /* 20200114 edited by rex
    margin: 32px auto;
    */
    margin: 32px auto 80px;
}

.mod-product-card__wrapper {
    margin: 0 auto
}

@media only screen and (min-width:48rem) {
    .mod-product-card__wrapper {
        max-width: 1023px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card__wrapper {
        max-width: 1279px
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-card__wrapper {
        max-width: 1440px
    }
}

.mod-product-card__media {
    position  : relative;
    box-sizing: border-box;
    margin    : 0 auto 24px
}

@media only screen and (min-width:25rem) {
    .mod-product-card__media {
        max-width: 367px;
        margin   : 0 auto 0 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-product-card__media {
        max-width: none;
        margin   : 0
    }
}

.mod-product-card__bg {
    position: absolute;
    top     : 0;
    height  : 100%
}

.mod-product-card__img {
    position: relative
}

.mod-product-card__content {
    /* 20200114-removed by rex
    margin: 32px auto 0;
    */
    padding: 0 8px
}

@media only screen and (min-width:48rem) {
    .mod-product-card__content {
        margin : 0 auto;
        padding: 0 16px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card__content {
        padding: 0 22px
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-card__content {
        padding: 0 40px
    }
}

.mod-product-card__tag {
    margin-bottom: 16px
}

.mod-product-card__tag span {
    vertical-align: middle
}

.mod-product-card__icon {
    width       : 32px;
    margin-right: 8px
}

.mod-product-card__icon img {
    margin: 0 auto
}

.mod-product-card__title {
    margin-bottom: 16px
}

.mod-product-card__btn {
    margin-top: 24px
}

.mod-product-card--top .mod-product-card__media {
    padding-top: 40px
}

@media only screen and (min-width:64rem) {
    .mod-product-card--top .mod-product-card__media {
        padding-top: 64px
    }
}

.mod-product-card--center .mod-product-card__media {
    padding-top   : 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:64rem) {
    .mod-product-card--center .mod-product-card__media {
        padding-top   : 64px;
        padding-bottom: 64px
    }
}

.mod-product-card--bottom .mod-product-card__media {
    padding-bottom: 40px
}

@media only screen and (min-width:64rem) {
    .mod-product-card--bottom .mod-product-card__media {
        padding-bottom: 64px
    }
}

@media only screen and (min-width:48rem) {
    .mod-product-card--portrait {
        margin: 40px auto
    }
}

.mod-product-card--portrait .mod-product-card__bg {
    width: 70%
}

@media only screen and (min-width:80rem) {
    .mod-product-card--portrait .mod-product-card__bg {
        width: 67%
    }
}

.mod-product-card--portrait.mod-product-card--top {
    padding: 32px 0
}

@media only screen and (min-width:48rem) {
    .mod-product-card--portrait.mod-product-card--top {
        padding-top   : 0;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card--portrait.mod-product-card--top {
        padding-bottom: 64px
    }
}

.mod-product-card--portrait.mod-product-card--center {
    padding: 32px 0
}

@media only screen and (min-width:48rem) {
    .mod-product-card--portrait.mod-product-card--center {
        padding: 0
    }
}

.mod-product-card--portrait.mod-product-card--bottom {
    padding: 32px 0
}

@media only screen and (min-width:48rem) {
    .mod-product-card--portrait.mod-product-card--bottom {
        padding-top   : 32px;
        padding-bottom: 0
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card--portrait.mod-product-card--bottom {
        padding-top: 64px
    }
}

.mod-product-card--portrait.mod-product-card--left .mod-product-card__media {
    padding-right: 32px
}

@media only screen and (min-width:64rem) {
    .mod-product-card--portrait.mod-product-card--left .mod-product-card__media {
        margin-right : 22px;
        padding-right: 64px
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-card--portrait.mod-product-card--left .mod-product-card__media {
        margin-right: 32px
    }
}

.mod-product-card--portrait.mod-product-card--left .mod-product-card__bg {
    right: -8px
}

@media only screen and (min-width:48rem) {
    .mod-product-card--portrait.mod-product-card--left .mod-product-card__bg {
        right: 0
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card--portrait.mod-product-card--left .mod-product-card__bg {
        right: -8px
    }
}

.mod-product-card--portrait.mod-product-card--right .mod-product-card__media {
    padding-left: 32px
}

@media only screen and (min-width:25rem) {
    .mod-product-card--portrait.mod-product-card--right .mod-product-card__media {
        margin: 0 0 0 auto
    }
}

@media only screen and (min-width:48rem) {
    .mod-product-card--portrait.mod-product-card--right .mod-product-card__media {
        padding-right: 40px;
        padding-left : 16px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card--portrait.mod-product-card--right .mod-product-card__media {
        padding-right: 64px;
        padding-left : 22px
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-card--portrait.mod-product-card--right .mod-product-card__media {
        padding-left: 32px
    }
}

.mod-product-card--portrait.mod-product-card--right .mod-product-card__bg {
    left: -8px
}

@media only screen and (min-width:48rem) {
    .mod-product-card--portrait.mod-product-card--right .mod-product-card__bg {
        right: 0
    }
}

.mod-product-card--landscape .mod-product-card__bg {
    width: 70%
}

@media only screen and (min-width:48rem) {
    .mod-product-card--landscape .mod-product-card__bg {
        width: 82%
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-card--landscape .mod-product-card__bg {
        width: 86%
    }
}

@media only screen and (min-width:48rem) {
    .mod-product-card--landscape.mod-product-card--top {
        padding: 44px 0 52px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card--landscape.mod-product-card--top {
        padding: 88px 0 104px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card--landscape.mod-product-card--top .mod-product-card__content {
        padding-top: 64px
    }
}

.mod-product-card--landscape.mod-product-card--center {
    padding: 32px 0
}

@media only screen and (min-width:64rem) {
    .mod-product-card--landscape.mod-product-card--center {
        padding: 64px 0
    }
}

.mod-product-card--landscape.mod-product-card--bottom {
    padding: 52px 0 44px
}

@media only screen and (min-width:64rem) {
    .mod-product-card--landscape.mod-product-card--bottom {
        padding: 104px 0 88px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card--landscape.mod-product-card--bottom .mod-product-card__content {
        padding-bottom: 64px
    }
}

.mod-product-card--landscape.mod-product-card--left .mod-product-card__media {
    padding-right: 32px
}

@media only screen and (min-width:48rem) {
    .mod-product-card--landscape.mod-product-card--left .mod-product-card__media {
        padding-right: 24px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card--landscape.mod-product-card--left .mod-product-card__media {
        padding-left : 64px;
        padding-right: 0
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-card--landscape.mod-product-card--left .mod-product-card__media {
        padding-left: 0
    }
}

.mod-product-card--landscape.mod-product-card--left .mod-product-card__bg {
    right: -8px
}

@media only screen and (min-width:48rem) {
    .mod-product-card--landscape.mod-product-card--left .mod-product-card__bg {
        left : 0;
        right: auto
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-card--landscape.mod-product-card--left .mod-product-card__bg {
        left: -64px
    }
}

.mod-product-card--landscape.mod-product-card--right {
    overflow: hidden
}

.mod-product-card--landscape.mod-product-card--right .mod-product-card__media {
    padding-left : 32px;
    padding-right: 0
}

@media only screen and (min-width:48rem) {
    .mod-product-card--landscape.mod-product-card--right .mod-product-card__media {
        padding-left: 24px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-card--landscape.mod-product-card--right .mod-product-card__media {
        padding-left : 0;
        padding-right: 64px
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-card--landscape.mod-product-card--right .mod-product-card__media {
        padding-right: 0
    }
}

.mod-product-card--landscape.mod-product-card--right .mod-product-card__bg {
    left: -8px
}

@media only screen and (min-width:48rem) {
    .mod-product-card--landscape.mod-product-card--right .mod-product-card__bg {
        left : auto;
        right: 0
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-card--landscape.mod-product-card--right .mod-product-card__bg {
        right: -64px
    }
}

@media only screen and (min-width:48rem) {
    .hero-product-text+.mod-product-card--landscape.mod-product-card--top {
        padding: 0 0 88px
    }
}

@media only screen and (min-width:64rem) {
    .hero-product-text+.mod-product-card--landscape.mod-product-card--top {
        padding: 0 0 88px
    }
}

.no-touch .mod-product-card--portrait.mod-product-card--left.mod-product-card--top .mod-product-card__media,
.no-touch .mod-product-card--portrait.mod-product-card--right.mod-product-card--top .mod-product-card__media,
.no-touch .mod-product-card--landscape.mod-product-card--left.mod-product-card--top .mod-product-card__media,
.no-touch .mod-product-card--landscape.mod-product-card--right.mod-product-card--top .mod-product-card__media,
.has-touch .mod-product-card--portrait.mod-product-card--left.mod-product-card--top .mod-product-card__media,
.has-touch .mod-product-card--portrait.mod-product-card--right.mod-product-card--top .mod-product-card__media,
.has-touch .mod-product-card--landscape.mod-product-card--left.mod-product-card--top .mod-product-card__media,
.has-touch .mod-product-card--landscape.mod-product-card--right.mod-product-card--top .mod-product-card__media {
    margin-bottom: 48px
}

@media only screen and (min-width:48rem) {

    .no-touch .mod-product-card--portrait.mod-product-card--left.mod-product-card--top .mod-product-card__media,
    .no-touch .mod-product-card--portrait.mod-product-card--right.mod-product-card--top .mod-product-card__media,
    .no-touch .mod-product-card--landscape.mod-product-card--left.mod-product-card--top .mod-product-card__media,
    .no-touch .mod-product-card--landscape.mod-product-card--right.mod-product-card--top .mod-product-card__media,
    .has-touch .mod-product-card--portrait.mod-product-card--left.mod-product-card--top .mod-product-card__media,
    .has-touch .mod-product-card--portrait.mod-product-card--right.mod-product-card--top .mod-product-card__media,
    .has-touch .mod-product-card--landscape.mod-product-card--left.mod-product-card--top .mod-product-card__media,
    .has-touch .mod-product-card--landscape.mod-product-card--right.mod-product-card--top .mod-product-card__media {
        margin-bottom: 0
    }
}

.mod-prod-link__product {
    position  : relative;
    /*width   : 75%;
    max-width : 400px; - rex*/
    width     : 100%;
    margin-top: 48px
}

@media only screen and (min-width:48rem) {
    .mod-prod-link__product {
        width    : 100%;
        max-width: none
    }
}

.mod-prod-link__product--left {
    margin-right: auto
}

@media only screen and (min-width:48rem) {
    .mod-prod-link__product--left {
        margin-top: 120px
    }
}

@media only screen and (min-width:80rem) {
    .mod-prod-link__product--left {
        right: 24px
    }
}

@media only screen and (min-width:80rem) {
    .mod-prod-link__product--right {
        left: 24px
    }
}

.mod-prod-link__text {
    margin-bottom: 16px;
    line-height  : 1.5
}

.mod-prod-link__image {
    display      : block;
    position     : relative;
    height       : 0;
    /*padding-top: 125%; - rex*/
    padding-top  : 75%;
    overflow     : hidden
}

.mod-prod-link__text-link {
    position  : absolute;
    bottom    : 48px;
    left      : 32px;
    color     : #fff;
    opacity   : 0;
    transition: opacity 300ms linear 0s
}

.mod-prod-link__link {
    display : block;
    position: absolute;
    top     : 0;
    left    : 0;
    /*height: calc(100% - 64px);
    width   : calc(100% - 64px);
    margin  : 32px; - rex*/
    width   : 100%;
    height  : 100%;
    margin  : 0;
    /**/
    cursor  : url("../icons/icon-plus.png"), url("../icons/icon-plus.cur"), -webkit-grab;
    cursor  : url("../icons/icon-plus.png"), url("../icons/icon-plus.cur"), grab
}

.no-touch .mod-prod-link__link:hover .mod-prod-link__img {
    transform: translateX(-50%) translateY(-50%) scale(1.2, 1.2)
}

.no-touch .mod-prod-link__link:hover+.mod-prod-link__text-link {
    opacity: 1
}

.mod-prod-link__img {
    position    : absolute;
    top         : 50%;
    left        : 50%;
    /*max-height: 100%;
    max-width   : 100%; - rex*/
    width       : 100%;
    height      : auto;
    /**/
    margin      : 0 auto;
    transform   : translateX(-50%) translateY(-50%);
    transition  : transform 300ms ease-out 0s
}

.mod-product-variants {
    position      : relative;
    padding-bottom: 48px
}

.mod-product-variants__truncate {
    overflow    : hidden;
    position    : relative;
    margin-left : -8px;
    margin-right: -8px;
    padding     : 24px 0
}

@media only screen and (min-width:30rem) {
    .mod-product-variants__truncate {
        margin-left : 4px;
        margin-right: 4px
    }
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__truncate {
        margin-left : 0;
        margin-right: 0
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__truncate {
        margin-left : 0;
        margin-right: 0
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__content {
        padding-left : 0;
        padding-right: 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__variants-slider--wrapper {
        display       : -ms-flexbox;
        display       : flex;
        -ms-flex-align: end;
        align-items   : flex-end
    }
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__variants-slider {
        margin-left: 0;
        width      : calc(100% + 24px*4)
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-variants__variants-slider {
        margin-left: -24px;
        width      : 100%
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__variants-slider {
        margin-left: 0
    }
}

.mod-product-variants .gallery-overflow__content {
    /* 20200106-edited-by-rex
    padding: 0 32px;
    */
    padding: 32px 32px 0 32px;
}

@media only screen and (min-width:64rem) {
    .mod-product-variants .gallery-overflow__content {
        padding: 0 40px
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants .gallery-overflow__content {
        padding: 0 64px
    }
}

.mod-product-variants .mod-product-variants__gallery-image {
    padding-bottom: 96px;

}

@media only screen and (min-width:30rem) {
    .mod-product-variants .mod-product-variants__gallery-image {
        padding-top: 0
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants .mod-product-variants__gallery-image {
        padding-bottom: 128px
    }
}

.mod-product-variants .mod-product-variants__gallery-bg {
    height: 65%
}

@media only screen and (min-width:64rem) {
    .mod-product-variants .mod-product-variants__gallery-bg {
        height: 63%
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants .mod-product-variants__gallery-bg {
        height: 70%
    }
}

.mod-product-variants__slider-controls {
    padding-bottom: 100px
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__slider-controls {
        padding-left  : 24px;
        padding-bottom: 0
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-variants__slider-controls {
        padding-left: calc(24% - 24px)
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__slider-controls {
        padding-left: 24px;
        margin-right: 0
    }
}

.mod-product-variants__slide {
    height: auto
}

.mod-product-variants__pagination {
    position   : relative;
    text-align : left;
    margin-left: -8px;
    display    : -ms-flexbox;
    display    : flex;
    -ms-flex   : 1 1 auto;
    flex       : 1 1 auto;
    overflow-x : auto;
    min-width  : 100%;
    padding    : 18px 16px 18px
}

@media only screen and (min-width:30rem) {
    .mod-product-variants__pagination {
        padding: 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__pagination {
        display       : block;
        overflow-x    : visible;
        padding-bottom: 72px;
        padding-top   : 24px
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__pagination {
        padding-bottom: 0
    }
}

.mod-product-variants__pagination-element {
    vertical-align: middle;
    width         : auto;
    height        : auto;
    background    : none;
    opacity       : 1;
    margin-right  : 16px;
    outline       : none
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__pagination-element {
        margin: 4px 8px 0 0 !important;
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-variants__pagination-element {
        text-align: left;
        display   : inline-block;
        margin    : 4px 8px 0 0 !important;
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__pagination-element {
        display: block;
        margin : 4px 0 !important;
    }
}

.mod-product-variants__pagination-element:hover .mod-product-variants__pagination-bullet--name,
.mod-product-variants__pagination-element.swiper-pagination-bullet-active .mod-product-variants__pagination-bullet--name {
    color: #282828
}

.mod-product-variants__pagination-element:hover .mod-product-variants__pagination-bullet {
    background-color: #d8d8d8
}

@media only screen and (min-width:64rem) {
    .mod-product-variants__pagination-element:hover .mod-product-variants__pagination-bullet {
        background-color: transparent
    }
}

.mod-product-variants__pagination-element.swiper-pagination-bullet-active .mod-product-variants__pagination-bullet {
    background-color: #fff;
    border-radius   : 50%
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__pagination-element.swiper-pagination-bullet-active .mod-product-variants__pagination-bullet--name {
        display    : block;
        position   : absolute;
        bottom     : 24px;
        left       : 0;
        padding    : 0 0 0 8px;
        margin     : 0;
        font-weight: 700
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__pagination-element.swiper-pagination-bullet-active .mod-product-variants__pagination-bullet--name {
        position    : static;
        display     : inline;
        padding-left: 24px
    }
}

.mod-product-variants__pagination-bullet {
    position      : relative;
    vertical-align: middle;
    z-index       : 1;
    width         : auto;
    height        : auto;
    background    : none;
    display       : inline-block;
    padding       : 8px;
    transition    : all .3s
}

.mod-product-variants__pagination-bullet--color {
    display       : inline-block;
    border-radius : 50%;
    position      : relative;
    width         : 20px;
    height        : 20px;
    z-index       : 1;
    vertical-align: middle
}

.mod-product-variants__pagination-bullet--name {
    display       : none;
    color         : #a9a9a9;
    padding-left  : 24px;
    vertical-align: middle;
    font-size     : 14px;
    font-size     : .875rem
}

@media only screen and (min-width:64rem) {
    .mod-product-variants__pagination-bullet--name {
        display: none
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__pagination-bullet--name {
        display: inline
    }
}

.mod-product-variants__controls-wrapper {
    position: static;
    width   : 100%;
    margin  : 0
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__controls-wrapper {
        margin  : 16px 0 0 0;
        position: relative;
        z-index : 10;
        left    : 64px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-variants__controls-wrapper {
        left: 50px
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__controls-wrapper {
        left: calc(28% - 24px)
    }
}

.mod-product-variants .mod-product-variants__btn-prev {
    margin-left: 0 !important;
    display    : none
}

@media only screen and (min-width:48rem) {
    .mod-product-variants .mod-product-variants__btn-prev {
        display: inline-block
    }
}

.mod-product-variants .mod-product-variants__btn-next {
    position: absolute;
    bottom  : 140px;
    right   : 32px;
    z-index : 1
}

@media only screen and (min-width:48rem) {
    .mod-product-variants .mod-product-variants__btn-next {
        position: static
    }
}

.mod-product-variants .mod-product-variants__btn-next .btn-spinner {
    left: 2px
}

.mod-product-variants__pagination-wrapper {
    position  : absolute;
    width     : 100%;
    background: #f0f0f0;
    padding   : 0;
    z-index   : 1
}

@media only screen and (min-width:30rem) {
    .mod-product-variants__pagination-wrapper {
        padding: 16px 16px 8px
    }
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__pagination-wrapper {
        position: relative;
        z-index : 0;
        padding : 48px 48px 40px 96px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-variants__pagination-wrapper {
        padding: 48px 64px 32px 80px
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__pagination-wrapper {
        padding: 48px 48px 32px 120px
    }
}

.mod-product-variants__legend {
    color      : #282828;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500;
    display    : none
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__legend {
        display: block
    }
}

.mod-product-variants__fraction {
    width         : 100%;
    text-align    : right;
    left          : 0;
    padding-right : 16px;
    position      : absolute;
    top           : -12px;
    letter-spacing: normal;
    font-size     : 12px;
    font-size     : .75rem;
    line-height   : 40px
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__fraction {
        top          : 0;
        left         : 110px;
        width        : auto;
        padding-right: 0;
        text-align   : left
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-variants__fraction {
        display: block
    }
}

.mod-product-variants .swiper-pagination-current {
    padding-right: 4px
}

.mod-product-variants .swiper-pagination-total {
    padding-left: 4px
}

.mod-product-variants__link--360 {
    color   : #fff;
    position: relative
}

.mod-product-variants__link--360:before {
    content       : 'o';
    vertical-align: super;
    font-size     : 75%;
    position      : absolute;
    right         : -10px;
    top           : 0;
    line-height   : 1
}

.mod-product-variants__link--360:after {
    background-color: #fff !important;
    transform       : scaleX(1) !important;
    width           : 115% !important;
}

.mod-product-variants__link--360:hover:after {
    animation: animate-360 700ms linear 0s 1
}

.mod-product-variants__link-wrapper {
    letter-spacing: normal;
    position      : absolute;
    bottom        : 32px;
    left          : 20px;
    z-index       : 1;
    margin        : 0 8px;
    font-size     : 14px;
    font-size     : .875rem
}

@media only screen and (min-width:48rem) {
    .mod-product-variants__link-wrapper {
        left: 20px
    }
}

@media only screen and (min-width:64rem) {
    .mod-product-variants__link-wrapper {
        left: 0
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__link-wrapper {
        left: 0
    }
}

@media only screen and (min-width:80rem) {
    .mod-product-variants__link-wrapper {
        left: -40px
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-product-variants__link-wrapper {
        left: 24px
    }
}

@keyframes animate-360 {
    0% {
        transform       : scaleX(1);
        transform-origin: right
    }

    35% {
        transform       : scaleX(0);
        transform-origin: right
    }

    65% {
        transform       : scaleX(0);
        transform-origin: left
    }

    100% {
        transform       : scaleX(1);
        transform-origin: left
    }
}

.mod-redeem {
    padding: 56px 8px
}

@media only screen and (min-width:48rem) {
    .mod-redeem {
        padding-right: 0;
        padding-left : 0
    }
}

.mod-redeem__form {
    padding: 24px 0
}

@media only screen and (min-width:64rem) {
    .mod-redeem__form {
        padding: 0
    }
}

.mod-redeem__info {
    line-height: 1.6;
    padding    : 16px 0
}

@media only screen and (min-width:64rem) {
    .mod-redeem__info {
        position: relative;
        top     : -40px
    }
}

.mod-redeem__text {
    margin-bottom : 16px;
    letter-spacing: 1.6px
}

@media only screen and (min-width:64rem) {
    .mod-redeem__text {
        padding-bottom: 24px
    }
}

.mod-redeem__select-container {
    position: relative
}

.mod-redeem__select {
    font-size         : 14px;
    font-size         : .875rem;
    width             : calc(50% + 32px);
    height            : 40px;
    display           : block;
    border-radius     : 0;
    margin-bottom     : 24px;
    padding           : 8px;
    border            : 1px solid #282828;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none
}

.has-touch .mod-redeem__select {
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width:48rem) {
    .mod-redeem__select {
        width: calc(50% - 8px)
    }
}

.mod-redeem__accordion-title {
    font-weight: 700
}

.mod-redeem__accordion-content {
    display    : none;
    padding-top: 16px
}

.mod-redeem__accordion-content ol {
    list-style : decimal;
    margin-left: 24px
}

.mod-redeem__accordion-content ol li {
    position     : relative;
    margin-bottom: 8px;
    line-height  : 2
}

.mod-redeem__accordion-content ul {
    list-style: none
}

.mod-redeem__accordion-content ul li {
    position     : relative;
    margin-bottom: 8px;
    padding-left : 24px;
    line-height  : 2
}

.mod-redeem__accordion-content ul li:after {
    content      : '';
    position     : absolute;
    top          : 12px;
    left         : 5px;
    height       : 8px;
    width        : 8px;
    background   : #282828;
    border-radius: 50%
}

.mod-seo {
    padding: 32px 8px
}

@media only screen and (min-width:48rem) {
    .mod-seo {
        padding: 64px 0
    }
}

.mod-seo__header {
    margin-bottom: 48px
}

.mod-seo__content {
    margin-bottom: 32px
}

.mod-seo ul {
    list-style: none;
    margin-top: 32px
}

.mod-seo ul li {
    position     : relative;
    margin-bottom: 16px;
    padding-left : 24px;
    line-height  : 2
}

.mod-seo ul li:after {
    content      : '';
    position     : absolute;
    top          : 12px;
    left         : 5px;
    height       : 8px;
    width        : 8px;
    background   : #282828;
    border-radius: 50%
}

.mod-social-media {
    padding: 32px 0 40px
}

.mod-social-media__wrapper {
    padding: 0 8px
}

@media only screen and (min-width:48rem) {
    .mod-social-media__wrapper {
        padding: 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-social-media__tag {
        position: absolute;
        top     : 24px;
        left    : 72px;
        z-index : 1
    }
}

@media only screen and (min-width:80rem) {
    .mod-social-media__tag {
        left: 0
    }
}

.mod-social-media__media {
    position: relative;
    /* 20200109-by rex
    margin  : 8px 0 40px
    */
    margin  : 8px 0;
}

@media only screen and (min-width:48rem) {
    .mod-social-media__media {
        margin : 0;
        padding: 64px 0 64px 48px
    }
}

@media only screen and (min-width:80rem) {
    .mod-social-media__media {
        padding-left: 0
    }
}

.mod-social-media__bg {
    display: none
}

@media only screen and (min-width:48rem) {
    .mod-social-media__bg {
        display : block;
        position: absolute;
        top     : 0;
        left    : 0;
        height  : 100%;
        width   : 100%
    }
}

@media only screen and (min-width:80rem) {
    .mod-social-media__bg {
        left : -64px;
        width: calc(100% + 64px)
    }
}

.mod-social-media__img-set {
    position: relative;
    margin  : 0 auto
}

@media only screen and (min-width:30rem) {
    .mod-social-media__img-set {
        max-width: 400px;
        margin   : 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-social-media__img-set {
        right: -24px
    }
}

@media only screen and (min-width:80rem) {
    .mod-social-media__img-set {
        right: 0;
        width: calc(100% + 24px)
    }
}

.mod-social-media__text {
    margin: 16px 0 40px
}

@media only screen and (min-width:48rem) {
    .mod-social-media__text {
        margin: 16px 0
    }
}

.mod-social-media__list {
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : center;
    justify-content: center
}

@media only screen and (min-width:48rem) {
    .mod-social-media__list {
        display: block
    }
}

.mod-social-media__list li {
    margin-right: 16px
}

.mod-social-media__list li.last {
    margin-right: 0;
}

.mod-social-media__list .icon {
    font-size: 16px
}

.mod-text {
    scroll-behavior: smooth
}

.mod-text__sub-nav {
    display: none
}

@media only screen and (min-width:80rem) {
    .mod-text__sub-nav {
        display: block
    }
}

.mod-text__header {
    position   : relative;
    padding    : 24px 0;
    font-size  : 18px;
    font-size  : 1.125rem;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500
}

@media only screen and (min-width:48rem) {
    .mod-text__header {
        font-size: 14px;
        font-size: .875rem
    }
}

@media only screen and (min-width:80rem) {
    .mod-text__header {
        font-size    : 40px;
        font-size    : 2.5rem;
        padding      : 0;
        margin-bottom: 56px
    }
}

.mod-text__icon {
    position  : absolute;
    top       : 24px;
    right     : 8px;
    font-size : 20px;
    font-size : 1.25rem;
    transition: transform 200ms ease-in-out 0s
}

@media only screen and (min-width:48rem) {
    .mod-text__icon {
        font-size: 14px;
        font-size: .875rem
    }
}

@media only screen and (min-width:80rem) {
    .mod-text__icon {
        display: none
    }
}

.mod-text__hr {
    position  : absolute;
    bottom    : 0;
    left      : -16px;
    height    : 1px;
    width     : calc(100% + 32px);
    padding   : 0 16px;
    box-shadow: inset 0 -1px 0 0 #f0f0f0
}

@media only screen and (min-width:48rem) {
    .mod-text__hr {
        left : -24px;
        width: calc(100% + 48px)
    }
}

@media only screen and (min-width:80rem) {
    .mod-text__hr {
        display: none
    }
}

.mod-text__accordion {
    padding: 0 8px
}

@media only screen and (min-width:48rem) {
    .mod-text__accordion {
        padding: 0
    }
}

.mod-text__content {
    position: relative;
    display : none
}

@media only screen and (min-width:80rem) {
    .mod-text__content {
        display      : block !important;
        overflow     : visible !important;
        height       : auto !important;
        margin-bottom: 88px
    }
}

@media only screen and (min-width:80rem) {
    .mod-text__sticky-nav {
        position: -webkit-sticky;
        position: sticky;
        top     : 160px
    }
}

.mod-text__section.is-active .mod-text__hr {
    box-shadow: inset 0 -1px 0 0 #a9a9a9
}

.mod-text__section.is-active .mod-text__icon {
    transform : rotate(180deg);
    transition: transform 200ms ease-in-out 0s
}

.mod-text .grid .grid {
    text-align: center
}

@media only screen and (min-width:80rem) {
    .mod-text .grid .grid {
        text-align: left
    }
}

.mod-text .grid .grid .grid__item {
    text-align: left
}

.mod-text-block {
    padding: 32px 8px 40px
}

@media only screen and (min-width:48rem) {
    .mod-text-block {
        padding: 64px 0 96px
    }
}

.mod-text-block+.mod-text-block {
    padding-top: 0;
    margin-top : -20px
}

@media only screen and (min-width:48rem) {
    .mod-text-block+.mod-text-block {
        margin-top: -70px
    }
}

.mod-text-block--story {
    padding-left  : 0;
    padding-right : 0;
    padding-bottom: 16px
}

@media only screen and (min-width:48rem) {
    .mod-text-block--story {
        padding-top   : 24px;
        padding-bottom: 24px
    }
}

.mod-text-block--story+.mod-text-block {
    padding-top: 16px;
    margin-top : 0
}

@media only screen and (min-width:48rem) {
    .mod-text-block--story {
        margin-top: 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-text-block--story .text {
        line-height: 36px;
        line-height: 2.25rem
    }
}

.mod-text-block--story .mod-text-block__date,
.mod-text-block--story .text,
.mod-text-block--story h1,
.mod-text-block--story h2,
.mod-text-block--story h3,
.mod-text-block--story h4,
.mod-text-block--story h5,
.mod-text-block--story h6 {
    padding: 0 8px
}

@media only screen and (min-width:22.5rem) {

    .mod-text-block--story .mod-text-block__date,
    .mod-text-block--story .text,
    .mod-text-block--story h1,
    .mod-text-block--story h2,
    .mod-text-block--story h3,
    .mod-text-block--story h4,
    .mod-text-block--story h5,
    .mod-text-block--story h6 {
        padding: 0 24px
    }
}

@media only screen and (min-width:48rem) {

    .mod-text-block--story .mod-text-block__date,
    .mod-text-block--story .text,
    .mod-text-block--story h1,
    .mod-text-block--story h2,
    .mod-text-block--story h3,
    .mod-text-block--story h4,
    .mod-text-block--story h5,
    .mod-text-block--story h6 {
        padding: 0
    }
}

.mod-text-block--story h1+.text,
.mod-text-block--story h2+.text,
.mod-text-block--story h3+.text,
.mod-text-block--story h4+.text {
    margin-top: 16px
}

@media only screen and (min-width:48rem) {

    .mod-text-block--story h1+.text,
    .mod-text-block--story h2+.text,
    .mod-text-block--story h3+.text,
    .mod-text-block--story h4+.text {
        margin-top: 24px
    }
}

.mod-text-block--story a {
    display   : inline-block;
    font-style: italic
}

.mod-text-block--story a:after {
    transform: scaleX(1)
}

.mod-text-block--story.bg-color-red,
.mod-text-block--story.bg-color-primary-red,
.mod-text-block--story.bg-color-green,
.mod-text-block--story.bg-color-orange,
.mod-text-block--story.bg-color-blue {
    color: #fff
}

.mod-text-block--story.bg-color-red a,
.mod-text-block--story.bg-color-primary-red a,
.mod-text-block--story.bg-color-green a,
.mod-text-block--story.bg-color-orange a,
.mod-text-block--story.bg-color-blue a {
    color: #fff
}

.mod-text-block--story.bg-color-red a:after,
.mod-text-block--story.bg-color-primary-red a:after,
.mod-text-block--story.bg-color-green a:after,
.mod-text-block--story.bg-color-orange a:after,
.mod-text-block--story.bg-color-blue a:after {
    background-color: #fff !important;
}

.mod-text-block--story[class*="bg-color-"]+.mod-text-block--story:not([class*="bg-color-"]) {
    padding-top: 36px
}

@media only screen and (min-width:48rem) {
    .mod-text-block--story[class*="bg-color-"]+.mod-text-block--story:not([class*="bg-color-"]) {
        padding-top: 72px
    }
}

.mod-text-block--story.mod-text-block--date {
    margin-bottom: 0
}

.mod-text-block ul {
    list-style: none
}

.mod-text-block ul li {
    position     : relative;
    margin-bottom: 16px;
    padding-left : 24px;
    line-height  : 2
}

.mod-text-block ul li:after {
    content      : '';
    position     : absolute;
    top          : 12px;
    left         : 5px;
    height       : 8px;
    width        : 8px;
    background   : #282828;
    border-radius: 50%
}

.mod-text-block__date {
    display  : block;
    font-size: 12px;
    font-size: .75rem
}

.mod-vendors {
    padding: 32px 8px 40px
}

@media only screen and (min-width:48rem) {
    .mod-vendors {
        padding-right: 0;
        padding-left : 0
    }
}

@media only screen and (min-width:48rem) {
    .mod-vendors__content {
        text-align: center
    }
}

.mod-vendors__info {
    margin     : 24px 0;
    line-height: 1.5
}

@media only screen and (min-width:48rem) {
    .mod-vendors__info {
        margin: 8px 0 48px
    }
}

.mod-vendors__nav {
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : distribute;
    justify-content: space-around;
    max-width      : 400px;
    margin         : 24px auto 32px;
    font-size      : 14px;
    font-size      : .875rem
}

@media only screen and (min-width:48rem) {
    .mod-vendors__nav {
        max-width: none;
        margin   : 48px auto
    }
}

.mod-vendors__list {
    margin-left: -16px;
    text-align : center
}

@media only screen and (min-width:48rem) {
    .mod-vendors__list {
        margin-left: -24px
    }
}

.mod-vendors__list li {
    width         : 50%;
    margin-bottom : 8px;
    padding-left  : 16px;
    vertical-align: middle
}

@media only screen and (min-width:48rem) {
    .mod-vendors__list li {
        width        : 25%;
        margin-bottom: 24px;
        padding-left : 24px
    }
}

.mod-vendors__item {
    display: block;
    height : 56px;
    padding: 8px 0
}

@media only screen and (min-width:64rem) {
    .mod-vendors__item {
        height: 64px
    }
}

.mod-vendors__item svg {
    width     : 100%;
    height    : auto;
    max-width : 100%;
    max-height: 100%;
    transform : translateY(-50%);
    top       : 50%;
    position  : relative
}

.mod-vendors__img {
    position : relative;
    top      : 50%;
    transform: translateY(-50%);
    margin   : 0 auto
}

.mod-video {
    position: relative;
    margin  : 24px 0
}

@media only screen and (min-width:48rem) {
    .mod-video {
        margin: 48px 0
    }
}

.mod-video.video-playing .mod-video__layer {
    display: none
}

.mod-video__container {
    margin  : 0 8px;
    position: relative
}

@media only screen and (min-width:22.5rem) {
    .mod-video__container {
        margin: 0 24px
    }
}

@media only screen and (min-width:48rem) {
    .mod-video__container {
        margin: 0
    }
}

.mod-video__container video {
    width : 100%;
    height: auto
}

.mod-video video[controls]::-webkit-media-controls {
    display: flex
}

.mod-video__layer {
    position       : absolute;
    left           : 0;
    top            : 0;
    width          : 100%;
    height         : 100%;
    background-size: cover
}

.mod-video__layer .btn {
    position : absolute;
    left     : 50%;
    top      : 50%;
    transform: translate3d(-50%, -50%, 0)
}

.mod-quote-carousel {
    padding: 48px 8px
}

@media only screen and (min-width:48rem) {
    .mod-quote-carousel {
        padding-right: 0;
        padding-left : 0
    }
}

.mod-quote-carousel__content {
    padding: 8px 0
}

.mod-quote-carousel__controls {
    z-index : 2;
    position: absolute;
    right   : -8px;
    bottom  : 8px
}

@media only screen and (min-width:48rem) {
    .mod-quote-carousel__controls {
        top      : 50%;
        right    : -12.5%;
        bottom   : auto;
        transform: translateX(50%) translateY(-50%)
    }
}

@media only screen and (min-width:80rem) {
    .mod-quote-carousel__controls {
        right    : -16px;
        transform: translateX(100%) translateY(-50%)
    }
}

.mod-quote-carousel__controls .controls__btn {
    background: #fff
}

.mod-quote-carousel__pagination {
    color  : #282828;
    display: none
}

@media only screen and (min-width:48rem) {
    .mod-quote-carousel__pagination {
        display: -ms-flexbox;
        display: flex
    }
}

.mod-counter-down {
    position        : absolute;
    width           : 100%;
    background-color: #ffb914;
    color           : #282828;
    padding         : 16px 0;
    top             : 0;
    z-index         : 1000;
    transform       : translateY(-100%);
    transition      : transform .3s, z-index .3s linear .3s
}

.mod-counter-down.bg-color-primary-red {
    background-color: #da3232;
    color           : #fff
}

.mod-counter-down.bg-color-red {
    background-color: #c12f2f;
    color           : #fff
}

.mod-counter-down.bg-color-blue {
    background-color: #19375f;
    color           : #fff
}

.mod-counter-down.bg-color-dark-blue {
    background-color: #122641;
    color           : #fff
}

.mod-counter-down.bg-color-skyblue {
    background-color: #90b0c8
}

.mod-counter-down.bg-color-lightSkyBlue {
    background-color: #a2c7e2
}

.mod-counter-down.bg-color-green {
    background-color: #00544a;
    color           : #fff
}

.mod-counter-down.bg-color-primary-black {
    background-color: #282828;
    color           : #fff
}

.mod-counter-down.bg-color-orange {
    background-color: #f06428;
    color           : #fff
}

.mod-counter-down.bg-color-yellow {
    background-color: #ffb914
}

.mod-counter-down.bg-color-yellow-dark {
    background-color: #efab0c
}

.mod-counter-down__description {
    font-size      : 16px;
    font-size      : 1rem;
    line-height    : 20px;
    line-height    : 1.25rem;
    font-weight    : 700;
    padding-left   : 36px;
    padding-right  : 36px;
    text-align     : center;
    -ms-flex-pack  : center;
    justify-content: center
}

@media only screen and (min-width:30rem) {
    .mod-counter-down__description {
        padding: 0 48px
    }
}

@media only screen and (min-width:48rem) {
    .mod-counter-down__description {
        font-size  : 20px;
        font-size  : 1.25rem;
        line-height: 28px;
        line-height: 1.75rem;
        padding    : 0;
        text-align : left
    }
}

.mod-counter-down__cta-wrapper .btn {
    margin: 0 auto
}

@media only screen and (min-width:48rem) {
    .mod-counter-down__cta-wrapper .btn {
        margin: 0
    }
}

.mod-counter-down__btn-close {
    position : absolute;
    left     : 12px;
    font-size: 16px;
    font-size: 1rem;
    cursor   : pointer;
    z-index  : 1
}

@media only screen and (min-width:48rem) {
    .mod-counter-down__btn-close {
        left      : 48px;
        top       : 50%;
        margin-top: -8px
    }
}

.sticky .mod-counter-down {
    transform: translateY(128px)
}

@media only screen and (min-width:48rem) {
    .sticky .mod-counter-down {
        transform: translateY(137px)
    }
}

.sticky .nav-bar.nav-bar--hidden+.mod-counter-down {
    transform: translateY(63px)
}

@media only screen and (min-width:48rem) {
    .sticky .nav-bar.nav-bar--hidden+.mod-counter-down {
        transform: translateY(72px)
    }
}

.hero-stories {
    position  : relative;
    overflow  : hidden;
    margin    : 0 auto 72px auto;
    padding   : 84px 0 24px;
    min-height: 55vw
}

@media only screen and (min-width:48rem) {
    .hero-stories {
        display       : -ms-flexbox;
        display       : flex;
        padding       : 120px 0 0;
        margin-bottom : 120px;
        -ms-flex-align: center;
        align-items   : center
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-stories {
        min-height: 100vh
    }
}

@media only screen and (min-width:768px)and (min-height:900px)and (orientation:portrait) {
    .hero-stories {
        min-height: 60vh
    }
}

.hero-stories--red:before {
    background-color: #c12f2f
}

.hero-stories--red:after {
    background-color: #dc3232
}

.hero-stories--red .hero-stories__content {
    color: #fff
}

.hero-stories--red .hero-stories__link:after,
.hero-stories--red .hero-stories__link:before {
    background-color: #fff !important;
}

.hero-stories--blue:before {
    background-color: #122641
}

.hero-stories--blue:after {
    background-color: #19375f
}

.hero-stories--blue .hero-stories__content {
    color: #fff
}

.hero-stories--blue .hero-stories__link:after,
.hero-stories--blue .hero-stories__link:before {
    background-color: #fff !important;
}

.hero-stories--skyblue:before {
    background-color: #92b9d6
}

.hero-stories--skyblue:after {
    background-color: #a2c7e2
}

.hero-stories--skyblue .hero-stories__content {
    color: #282828
}

.hero-stories--green:before {
    background-color: #04413a
}

.hero-stories--green:after {
    background-color: #00554b
}

.hero-stories--green .hero-stories__content {
    color: #fff
}

.hero-stories--green .hero-stories__link:after,
.hero-stories--green .hero-stories__link:before {
    background-color: #fff !important;
}

.hero-stories--orange:before {
    background-color: #dd5f28
}

.hero-stories--orange:after {
    background-color: #f06428
}

.hero-stories--orange .hero-stories__content {
    color: #fff
}

.hero-stories--orange .hero-stories__link:after,
.hero-stories--orange .hero-stories__link:before {
    background-color: #fff !important;
}

.hero-stories--yellow:before {
    background-color: #efab0c
}

.hero-stories--yellow:after {
    background-color: #ffb914
}

.hero-stories--yellow .hero-stories__content {
    color: #282828
}

@media only screen and (min-width:48rem) {
    .hero-stories:before {
        content : '';
        position: absolute;
        height  : calc(100% - 50px);
        width   : 100%;
        left    : 0;
        top     : 0
    }
}

.hero-stories:after {
    content   : '';
    position  : absolute;
    right     : 0;
    top       : 0;
    width     : 100%;
    height    : 100%;
    transition: transform .5s cubic-bezier(.23, .11, .37, 1) .3s
}

@media only screen and (min-width:48rem) {
    .hero-stories:after {
        transform       : scaleX(1);
        transform-origin: right
    }
}

@media only screen and (min-width:48rem) {
    .hero-stories.loaded:after {
        transform: translateX(calc(1/3*(100vw + 16px) - 34px))
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-stories.loaded:after {
        transform: translateX(calc((100vw - 1580px + 8px)/2 + 1/3*1580px - 48px - 24px))
    }
}

.hero-stories.loaded .hero-stories__bg-color {
    transform : translateX(200%);
    transition: transform .8s cubic-bezier(.23, .11, .37, 1) 1s
}

.hero-stories.loaded .hero-stories__carousel--photo {
    transform : scaleX(1);
    transition: transform .7s cubic-bezier(.23, .11, .37, 1) .7s
}

.hero-stories.loaded .hero-stories__carousel--photo .hero-stories__slide {
    transform : translateX(0);
    transition: transform .5s cubic-bezier(.23, .11, .37, 1) .7s
}

.hero-stories.first-animation .hero-stories__slider--text .hero-stories__content {
    opacity   : 1;
    transform : translateY(0);
    transition: opacity 500ms ease-out 800ms, transform 500ms ease-out 800ms
}

.hero-stories__main-carousels {
    width        : 100%;
    left         : 0;
    top          : 0;
    height       : 100%;
    margin-bottom: 50px
}

@media only screen and (min-width:48rem) {
    .hero-stories__main-carousels {
        top   : auto;
        bottom: 0
    }
}

.hero-stories__carousel {
    position  : relative;
    box-sizing: border-box;
    width     : auto
}

.hero-stories__carousel--color {
    height      : 100vh;
    min-height  : 550px;
    margin-left : -8px;
    margin-right: -8px
}

@media only screen and (min-width:30rem) {
    .hero-stories__carousel--color {
        margin-right: 0
    }
}

@media only screen and (min-width:48rem) {
    .hero-stories__carousel--color {
        height     : 80vh;
        min-height : 860px;
        margin-left: -12px
    }
}

@media only screen and (min-width:64rem) {
    .hero-stories__carousel--color {
        min-height    : 0;
        height        : 0;
        padding-bottom: 95%;
        margin-left   : -12px
    }

    .hero-stories__carousel--color .swiper-container {
        position: absolute
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-stories__carousel--color {
        width      : calc(100% + 40px);
        margin-left: -40px
    }
}

@media only screen and (min-width:80rem)and (max-height:619px)and (orientation:landscape) {
    .hero-stories__carousel--color {
        height        : 619px;
        padding-bottom: 0
    }
}

@media only screen and (min-width:80rem)and (min-height:620px)and (max-height:767px)and (orientation:landscape) {
    .hero-stories__carousel--color {
        height        : 100vh;
        padding-bottom: 0
    }
}

.hero-stories__carousel--color .swiper-wrapper {
    transition-timing-function: cubic-bezier(.23, .11, .38, .83)
}

.hero-stories__carousel--photo {
    height          : 100%;
    z-index         : 1;
    width           : auto;
    margin          : 0 8px 0;
    transform-origin: left;
    transform       : scaleX(0)
}

@media only screen and (min-width:48rem) {
    .hero-stories__carousel--photo {
        margin-right: -12px;
        margin-left : -24px;
        transform   : none;
        transition  : none
    }
}

@media only screen and (min-width:64rem) {
    .hero-stories__carousel--photo {
        margin-left: -24px
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-stories__carousel--photo {
        margin-left: calc((1440px - 100vw)/2 - 24px)
    }
}

@media only screen and (min-width:80rem)and (max-height:767px)and (orientation:landscape) {
    .has-touch .hero-stories__carousel--photo {
        margin-right: auto;
        width       : calc(123vh - 140px);
        min-width   : 620px
    }
}

.hero-stories__carousel--photo .swiper-wrapper {
    transition-timing-function: cubic-bezier(.23, .11, .37, 1)
}

.hero-stories__carousel--photo .hero-stories__slide {
    transform: translateX(-100%)
}

.hero-stories__carousel--text {
    position : relative;
    height   : 100%;
    width    : 100%;
    left     : 0;
    bottom   : 0;
    margin   : 0 8px 0;
    z-index  : 1;
    transform: none
}

@media only screen and (min-width:48rem) {
    .hero-stories__carousel--text {
        margin-left: 48px;
        width      : auto
    }
}

@media only screen and (min-width:80rem) {
    .hero-stories__carousel--text {
        margin-left: -24px
    }
}

@media only screen and (min-width:768px)and (min-height:900px)and (orientation:portrait) {
    .hero-stories__carousel--text {
        height: auto
    }
}

@media only screen and (min-width:48rem) {
    .hero-stories__carousel--text .hero-stories__slide {
        display       : -ms-flexbox;
        display       : flex;
        height        : 100%;
        -ms-flex-align: center;
        align-items   : center
    }
}

.hero-stories__carousel--text .hero-stories__content {
    transform: translateY(30px);
    opacity  : 0
}

.hero-stories__bg-color {
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 100%
}

.hero-stories__image {
    display: block;
    width  : 100%;
    height : 100%
}

@media only screen and (min-width:48rem) {
    .hero-stories__image {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:48rem) {
    .hero-stories__image--portrait {
        margin-bottom: 0
    }
}

.hero-stories__image img {
    width : 100%;
    height: auto
}

.hero-stories__image--bg {
    position           : absolute;
    top                : 0;
    left               : 0;
    height             : 100%;
    width              : 100%;
    background-position: center;
    background-size    : cover
}

.hero-stories__video {
    position      : relative;
    height        : 0;
    width         : 100%;
    padding-bottom: 85vh;
    overflow      : hidden
}

.hero-stories__video video {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    min-height: 100%;
    min-width : 100%;
    transform : translateX(-50%) translateY(-50%)
}

@media only screen and (min-width:64rem) {
    .hero-stories__wrapper {
        position : absolute;
        top      : 0;
        left     : 50%;
        height   : 85vh;
        width    : 100%;
        transform: translateX(-50%)
    }
}

.hero-stories__content {
    margin     : 24px 0 0 0;
    color      : #fff;
    line-height: 1.71
}

@media only screen and (min-width:48rem) {
    .hero-stories__content {
        margin-top: 0
    }
}

.hero-stories__content--static {
    display: block;
    padding: 0 8px;
    opacity: 0
}

@media only screen and (min-width:64rem) {
    .hero-stories__content--static {
        display: none
    }
}

.hero-stories__content--static.delay {
    opacity: 1
}

.hero-stories__cta {
    margin: 24px 0 40px
}

@media only screen and (min-width:30rem) {
    .hero-stories__cta {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:64rem) {
    .hero-stories__heading {
        padding-right: 8px;
        font-size    : 48px;
        font-size    : 3rem;
        line-height  : 1.17
    }
}

.hero-stories__heading a {
    color: inherit
}

.hero-stories__text {
    margin-top : 20px;
    line-height: 32px;
    line-height: 2rem
}

.hero-stories__link {
    display    : inline-block;
    font-style : italic;
    font-weight: 300;
    color      : inherit;
    margin-top : 25px
}

.hero-stories__link:before {
    content         : '';
    display         : inline-block;
    width           : 40px;
    height          : 2px;
    margin-right    : 5px;
    background-color: #282828;
    transform       : translateY(-5px);
    transition      : width .2s ease-out
}

.no-touch .hero-stories__link:hover:before {
    width: 60px
}

.hero-stories .animate-slide .hero-stories__tag {
    opacity: 1
}

.hero-stories .animate-slide .hero-stories__text {
    opacity: 1
}

.hero-stories .animate-slide .hero-stories__heading {
    opacity   : 1;
    transform : translateY(0);
    transition: opacity 300ms ease-out 0ms, transform 500ms ease-out 0ms
}

.hero-stories .swiper-not-movable {
    pointer-events: auto !important;
}

.hero-stories .swiper-not-movable .swiper-slide-active {
    pointer-events: auto !important;
}

.hero-story {
    position: relative;
    margin  : 0 auto;
    padding : 96px 8px 24px
}

@media only screen and (min-width:48rem) {
    .hero-story {
        padding: 120px 24px 24px
    }
}

.hero-story__bg-color {
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 100%;
    z-index : 0
}

.hero-story__header {
    position: relative;
    z-index : 1
}

@media only screen and (min-width:22.5rem) {
    .hero-story__header {
        padding: 16px 16px 24px
    }
}

@media only screen and (min-width:30rem) {
    .hero-story__header {
        padding: 24px 16px 24px
    }
}

@media only screen and (min-width:48rem) {
    .hero-story__header {
        padding-top: 72px
    }
}

.hero-story__image {
    height    : auto;
    width     : 100%;
    position  : relative;
    z-index   : 1;
    text-align: center
}

.hero-story__image-wrapper {
    position        : relative;
    display         : inline-block;
    width           : auto;
    height          : 100%;
    margin          : 0 auto;
    overflow        : hidden;
    transform-origin: left;
    transform       : scaleX(1);
    transition      : transform .5s ease-out .5s
}

.hero-story.before-animated .hero-story__image-wrapper {
    transform : scaleX(0);
    transition: transform 0s ease-out 0s
}

.hero-story__image-wrapper:before {
    content         : '';
    position        : absolute;
    width           : 100%;
    height          : 100%;
    left            : 0;
    top             : 0;
    background-color: #ffb914;
    transform-origin: right;
    transform       : scaleX(0);
    transition      : transform .5s ease-out .8s
}

.hero-story.before-animated .hero-story__image-wrapper:before {
    transform : scaleX(1);
    transition: transform 0s ease-out 0s
}

.hero-story__image-wrapper--portrait {
    max-width: 990px
}

.hero-story__image img {
    margin: 0 auto
}

.hero-story__video {
    position      : relative;
    height        : 0;
    width         : 100%;
    padding-bottom: 85vh;
    overflow      : hidden
}

.hero-story__video video {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    min-height: 100%;
    min-width : 100%;
    transform : translateX(-50%) translateY(-50%)
}

@media only screen and (min-width:64rem) {
    .hero-story__wrapper {
        position : absolute;
        top      : 0;
        left     : 50%;
        height   : 85vh;
        width    : 100%;
        transform: translateX(-50%)
    }
}

.hero-story__content {
    display: none;
    margin : 24px 0 0 0
}

@media only screen and (min-width:64rem) {
    .hero-story__content {
        display    : block;
        position   : absolute;
        bottom     : 20%;
        left       : 12.5%;
        max-width  : 500px;
        line-height: 1.71;
        color      : #fff;
        z-index    : 10
    }
}

@media only screen and (min-width:80rem) {
    .hero-story__content {
        left       : 8.333%;
        margin-left: 12px
    }
}

.hero-story__tag {
    display: block
}

@media only screen and (min-width:64rem) {
    .hero-story__tag {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 100ms ease-out 200ms, transform 500ms ease-out 200ms
    }
}

.before-animated .hero-story__tag {
    opacity            : 0;
    transform          : translateY(20px);
    transition-delay   : 0s;
    transition-duration: 0s
}

@media only screen and (min-width:64rem) {
    .hero-story__text {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 100ms ease-out 200ms, transform 500ms ease-out 200ms
    }
}

.before-animated .hero-story__text {
    opacity            : 0;
    transform          : translateY(20px);
    transition-delay   : 0s;
    transition-duration: 0s
}

.hero-story__heading {
    margin-top   : 16px;
    margin-bottom: 24px;
    font-size    : 35px;
    font-size    : 2.1875rem
}

@media only screen and (min-width:48rem) {
    .hero-story__heading {
        margin-top   : 24px;
        margin-bottom: 48px;
        font-size    : 50px;
        font-size    : 3.125rem
    }
}

@media only screen and (min-width:64rem) {
    .hero-story__heading {
        font-size : 74px;
        font-size : 4.625rem;
        opacity   : 1;
        transform : translateY(0);
        transition: opacity 100ms ease-out 100ms, transform 500ms ease-out 100ms
    }
}

.before-animated .hero-story__heading {
    opacity            : 0;
    transform          : translateY(20px);
    transition-delay   : 0s;
    transition-duration: 0s
}

@media only screen and (min-width:64rem) {
    .hero-story .animate-slide .hero-story__tag {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 500ms ease-out 620ms, transform 500ms ease-out 620ms
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-story .animate-slide .hero-story__tag {
        transition: opacity 500ms ease-out 1550ms, transform 500ms ease-out 1500ms
    }
}

@media only screen and (min-width:64rem) {
    .hero-story .animate-slide .hero-story__text {
        transform : translateY(0);
        opacity   : 1;
        transition: opacity 500ms ease-out 620ms, transform 500ms ease-out 620ms
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-story .animate-slide .hero-story__text {
        transition: opacity 500ms ease-out 1450ms, transform 500ms ease-out 1400ms
    }
}

@media only screen and (min-width:64rem) {
    .hero-story .animate-slide .hero-story__heading {
        opacity   : 1;
        transform : translateY(0);
        transition: opacity 500ms ease-out 520ms, transform 500ms ease-out 520ms
    }
}

@media only screen and (min-width:90.0625rem) {
    .hero-story .animate-slide .hero-story__heading {
        transition: opacity 500ms ease-out 1450ms, transform 500ms ease-out 1400ms
    }
}

.hero-story .bg-color-yellow~.hero-story__image .hero-story__image-wrapper:before {
    background-color: #efab0c
}

.hero-story .bg-color-primary-red~div {
    color: #fff
}

.hero-story .bg-color-primary-red~.hero-story__image .hero-story__image-wrapper:before {
    background-color: #da3232
}

.hero-story .bg-color-red~div {
    color: #fff
}

.hero-story .bg-color-red~.hero-story__image .hero-story__image-wrapper:before {
    background-color: #c12f2f
}

.hero-story .bg-color-blue~div {
    color: #fff
}

.hero-story .bg-color-blue~.hero-story__image .hero-story__image-wrapper:before {
    background-color: #122641
}

.hero-story .bg-color-green~div {
    color: #fff
}

.hero-story .bg-color-green~.hero-story__image .hero-story__image-wrapper:before {
    background-color: #04413a
}

.hero-story .bg-color-skyblue~.hero-story__image .hero-story__image-wrapper:before {
    background-color: #92b9d6
}

.hero-story .bg-color-lightskyblue~.hero-story__image .hero-story__image-wrapper:before {
    background-color: #92b9d6
}

.hero-story .bg-color-orange~div {
    color: #fff
}

.hero-story .bg-color-orange~.hero-story__image .hero-story__image-wrapper:before {
    background-color: #dd5f28
}

.mod-story-spot {
    position           : relative;
    width              : 100%;
    height             : calc(100vh - 75px);
    color              : #282828;
    background-size    : cover;
    background-position: center center;
    margin             : 48px 0
}

@media only screen and (min-width:64rem) {
    .mod-story-spot {
        height        : 0;
        padding-bottom: 60%;
        margin        : 96px 0
    }
}

.mod-story-spot--light {
    color: #fff
}

.mod-story-spot--light:before {
    content   : '';
    position  : absolute;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, .2)
}

.mod-story-spot--light .mod-story-spot__logo {
    color: #fff
}

.mod-story-spot--light .mod-story-spot__logo svg,
.mod-story-spot--light .mod-story-spot__logo g {
    fill: #fff
}

.mod-story-spot__logo {
    color   : #282828;
    position: absolute;
    right   : 32px;
    top     : 32px
}

@media only screen and (min-width:48rem) {
    .mod-story-spot__logo {
        right: 48px;
        top  : 48px
    }
}

.mod-story-spot__logo svg,
.mod-story-spot__logo g {
    fill: #282828
}

.mod-story-spot__content {
    position: absolute;
    bottom  : 120px;
    left    : 24px
}

@media only screen and (min-width:48rem) {
    .mod-story-spot__content {
        bottom: 168px;
        left  : 16px
    }
}

@media only screen and (min-width:64rem) {
    .mod-story-spot__content {
        bottom: 72px
    }
}

@media only screen and (min-width:80rem) {
    .mod-story-spot__content {
        bottom: 144px
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-story-spot__content {
        bottom: 168px;
        left  : auto
    }
}

.mod-story-spot .tag {
    padding-left: 3px
}

.mod-stories {
    overflow-x: hidden
}

.mod-stories__pagination {
    padding   : 48px 0 72px;
    text-align: center
}

.mod-stories__pagination li {
    display       : inline-block;
    vertical-align: middle;
    margin        : 24px 8px
}

@media only screen and (min-width:22.5rem) {
    .mod-stories__pagination li {
        margin: 24px 12px
    }
}

@media only screen and (min-width:48rem) {
    .mod-stories__pagination li {
        margin: 24px 36px
    }
}

@media only screen and (min-width:64rem) {
    .mod-stories__pagination li {
        margin: 24px 48px
    }
}

.mod-stories__pagination-element {
    font-size  : 30px;
    font-size  : 1.875rem;
    font-weight: 500
}

@media only screen and (min-width:22.5rem) {
    .mod-stories__pagination-element {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media only screen and (min-width:48rem) {
    .mod-stories__pagination-element {
        font-size: 74px;
        font-size: 4.625rem
    }
}

.mod-stories__pagination-element--active {
    color: #a2c7e2
}

.mod-stories__pagination-element--inactive {
    visibility: hidden
}

.mod-stories__pagination-element--prev,
.mod-stories__pagination-element--next {
    font-size  : 14px;
    font-size  : .875rem;
    font-weight: 400;
    font-style : italic
}

@media only screen and (min-width:48rem) {

    .mod-stories__pagination-element--prev,
    .mod-stories__pagination-element--next {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.mod-image {
    padding: 24px 0
}

@media only screen and (min-width:48rem) {
    .mod-image {
        padding: 48px 0
    }
}

.mod-image__caption {
    display  : block;
    font-size: 12px;
    font-size: .75rem;
    padding  : 8px 0
}

.mod-image__figure {
    position: relative;
    padding : 0 8px
}

@media only screen and (min-width:22.5rem) {
    .mod-image__figure {
        padding: 0 24px
    }
}

@media only screen and (min-width:48rem) {
    .mod-image__figure {
        padding: 0
    }
}

.mod-image__figure img {
    margin: 0 auto
}

.mod-image__wrapper--full {
    max-width: 100%
}

.mod-image__wrapper--full .mod-image__figure {
    padding: 0;
    margin : -8px
}

@media only screen and (min-width:48rem) {
    .mod-image__wrapper--full .mod-image__figure {
        margin: -12px
    }
}

.mod-image__wrapper--full .mod-image__caption {
    margin: 0 8px
}

@media only screen and (min-width:22.5rem) {
    .mod-image__wrapper--full .mod-image__caption {
        margin: 0 24px
    }
}

@media only screen and (min-width:48rem) {
    .mod-image__wrapper--full .mod-image__caption {
        margin: 0
    }
}

.mod-image__wrapper--full img {
    width : 100%;
    height: auto
}

.mod-double-image {
    padding : 48px 0 24px;
    overflow: hidden
}

.mod-double-image:before {
    transform : translateX(0);
    transition: transform .3s cubic-bezier(.23, .11, .37, 1)
}

.mod-double-image.before-animated:before {
    transform : translateX(100%);
    transition: transform 0s
}

.mod-double-image.before-animated.bg-left:before {
    transform : translateX(-100%);
    transition: transform 0s
}

@media only screen and (min-width:48rem) {
    .mod-double-image {
        padding: 48px 28px
    }
}

.mod-double-image__figure {
    position     : relative;
    margin-bottom: 24px
}

+.mod-double-image__figure {
    margin-bottom: 0
}

.mod-double-image__figure--landscape-left {
    margin-left : 8px;
    margin-right: 8px
}

@media only screen and (min-width:22.5rem) {
    .mod-double-image__figure--landscape-left {
        margin-left : 24px;
        margin-right: 24px
    }
}

@media only screen and (min-width:48rem) {
    .mod-double-image__figure--landscape-left {
        margin-right: 72px;
        margin-left : 0
    }
}

.mod-double-image__figure--portrait-right {
    margin-left : 8px;
    margin-right: 8px
}

@media only screen and (min-width:22.5rem) {
    .mod-double-image__figure--portrait-right {
        margin-left : 24px;
        margin-right: 24px
    }
}

@media only screen and (min-width:48rem) {
    .mod-double-image__figure--portrait-right {
        margin-right: 0;
        margin-left : 0
    }
}

.mod-double-image__figure--landscape-right {
    margin-left : 8px;
    margin-right: 8px
}

@media only screen and (min-width:22.5rem) {
    .mod-double-image__figure--landscape-right {
        margin-left : 24px;
        margin-right: 24px
    }
}

@media only screen and (min-width:48rem) {
    .mod-double-image__figure--landscape-right {
        margin-left : 72px;
        margin-right: 0
    }
}

.mod-double-image__figure--portrait-left {
    margin-left : 8px;
    margin-right: 8px
}

@media only screen and (min-width:22.5rem) {
    .mod-double-image__figure--portrait-left {
        margin-left : 24px;
        margin-right: 24px
    }
}

@media only screen and (min-width:48rem) {
    .mod-double-image__figure--portrait-left {
        margin-right: -24px;
        margin-left : 0
    }
}

.mod-double-image__caption {
    font-size: 12px;
    font-size: .75rem;
    padding  : 8px 0
}

.mod-quote {
    font-size  : 36px;
    font-size  : 2.25rem;
    line-height: 54px;
    line-height: 3.375rem
}

@media only screen and (min-width:48rem) {
    .mod-quote {
        font-size  : 70px;
        font-size  : 4.375rem;
        line-height: 90px;
        line-height: 5.625rem
    }
}

.mod-quote--small {
    font-size  : 22px;
    font-size  : 1.375rem;
    line-height: 37px;
    line-height: 2.3125rem;
    font-weight: 500
}

.mod-quote--small .mod-quote__content {
    position: relative
}

.mod-quote--small .mod-quote__content:before {
    content : '';
    position: absolute;
    left    : -24px;
    top     : 0;
    height  : 100%;
    width   : 3px
}

.mod-quote--small.text-color-light .mod-quote__content:before {
    background-color: #fff
}

.mod-quote--small.text-color-primary-gray .mod-quote__content:before {
    background-color: #f0f0f0
}

.mod-quote--small.text-color-primary-black .mod-quote__content:before {
    background-color: #282828
}

.mod-quote--small.text-color-primary-red .mod-quote__content:before {
    background-color: #da3232
}

.mod-quote--small.text-color-red .mod-quote__content:before {
    background-color: #c12f2f
}

.mod-quote--small.text-color-blue .mod-quote__content:before {
    background-color: #19375f
}

.mod-quote--small.text-color-skyblue .mod-quote__content:before {
    background-color: #90b0c8
}

.mod-quote--small.text-color-green .mod-quote__content:before {
    background-color: #00544a
}

.mod-quote--small.text-color-orange .mod-quote__content:before {
    background-color: #f06428
}

.mod-quote--small.text-color-yellow .mod-quote__content:before {
    background-color: #ffb914
}

.mod-quote blockquote {
    margin    : 24px 8px 48px 8px;
    word-break: break-word
}

@media only screen and (min-width:22.5rem) {
    .mod-quote blockquote {
        margin: 24px 24px 48px 24px
    }
}

@media only screen and (min-width:48rem) {
    .mod-quote blockquote {
        margin: 48px 24px
    }
}

@media only screen and (min-width:80rem) {
    .mod-quote blockquote {
        margin: 72px 24px
    }
}

@media only screen and (min-width:90.0625rem) {
    .mod-quote blockquote {
        margin: 96px 0
    }
}

.mod-quote blockquote p {
    display: inline
}

.search-result {
    margin    : 0 auto 0;
    padding   : 184px 16px 32px;
    min-height: 300px
}

@media only screen and (min-width:48rem) {
    .search-result {
        min-height: 500px
    }
}

.search-result__term {
    padding    : 8px 0 24px;
    font-weight: 300
}

.search-result__item {
    padding      : 32px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.search-result__item:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.search-result__link {
    font-size  : 14px;
    font-size  : .875rem;
    font-weight: bold;
    line-height: 1.2;
    cursor     : pointer;
    margin     : 16px 0 8px;
    display    : inline-block
}

.search-result__footer {
    height          : 48px;
    background-color: blue
}

.store-locator {
    padding-top   : 27px;
    padding-bottom: 40px
}

@media only screen and (min-width:48rem) {
    .store-locator {
        padding-top: 52px
    }
}

.store-locator__map {
    position      : relative;
    width         : auto;
    padding-bottom: 100%;
    margin-left   : -8px;
    margin-right  : -8px;
    overflow      : hidden;
    transition    : padding-bottom .3s
}

@media only screen and (min-width:48rem) {
    .store-locator__map {
        padding-bottom: 70%;
        margin-left   : -12px;
        margin-right  : -12px;
        transition    : none
    }
}

@media only screen and (min-width:64rem) {
    .store-locator__map {
        margin-left   : -24px;
        padding-bottom: 68%;
        margin-right  : 0;
        height        : 0
    }
}

@media only screen and (min-width:80rem) {
    .store-locator__map {
        margin-left: 0
    }
}

.store-locator__grid {
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-direction: column-reverse;
    flex-direction    : column-reverse
}

@media only screen and (min-width:64rem) {
    .store-locator__grid {
        -ms-flex-direction: unset;
        flex-direction    : unset
    }
}

@media only screen and (min-width:64rem) {
    .store-locator__grid-item {
        margin-top: 70px
    }
}

.store-locator__search-bar-wrapper {
    width: 100%
}

@media only screen and (min-width:64rem) {
    .store-locator__search-bar-wrapper {
        height: 0
    }
}

.store-locator__search-bar {
    width  : 100%;
    padding: 16px 16px 48px
}

@media only screen and (min-width:48rem) {
    .store-locator__search-bar {
        padding: 16px 28px 48px
    }
}

@media only screen and (min-width:64rem) {
    .store-locator__search-bar {
        padding  : 0 54px 0 30px;
        position : absolute;
        transform: translateX(-100%)
    }
}

@media only screen and (min-width:80rem) {
    .store-locator__search-bar {
        padding: 0 32px 0 0
    }
}

.store-locator__info {
    padding    : 24px 0;
    line-height: 1.5;
    font-size  : 16px;
    font-size  : 1rem
}

.store-locator__list {
    width  : 100%;
    padding: 40px 16px 0
}

@media only screen and (min-width:48rem) {
    .store-locator__list {
        padding: 40px 28px 0
    }
}

@media only screen and (min-width:64rem) {
    .store-locator__list {
        padding   : 0 30px 0;
        position  : absolute;
        height    : 100%;
        overflow-y: auto;
        width     : calc(100% - 54px)
    }
}

@media only screen and (min-width:80rem) {
    .store-locator__list {
        padding: 0 8px 0 0;
        width  : calc(100% - 32px)
    }
}

.store-locator__store-order {
    display      : inline-block;
    width        : 24px;
    min-width    : 24px;
    height       : 24px;
    line-height  : 24px;
    font-size    : 10px;
    font-size    : .625rem;
    font-family  : "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight  : 500;
    font-weight  : 700;
    background   : #282828;
    color        : #fff;
    text-align   : center;
    border-radius: 50%
}

.store-locator__store {
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : justify;
    justify-content: space-between;
    padding        : 24px 0 32px;
    margin-top     : 8px;
    box-shadow     : inset 0 -1px 0 0 rgba(40, 40, 40, .1);
    cursor         : pointer
}

.store-locator__store:first-child {
    margin-top: 0
}

.store-locator__store:hover,
.store-locator__store.store-locator__store-active {
    cursor: pointer
}

.store-locator_store-name {
    padding-bottom: 8px
}

.store-locator__store-description {
    overflow   : hidden;
    font-size  : 16px;
    font-size  : 1rem;
    line-height: 1.5;
    padding    : 0 12px
}

.store-locator__store-product-list {
    font-size  : 14px;
    font-size  : .875rem;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-weight: 500;
    padding-top: 16px
}

.store-locator__store-links {
    padding: 2px 0
}

.store-locator__icon {
    display  : block;
    width    : 18px;
    height   : 18px;
    font-size: 18px;
    font-size: 1.125rem;
    margin   : 0 auto 24px
}

.prod-list__header {
    margin: 8px
}

@media only screen and (min-width:48rem) {
    .prod-list__header {
        position: relative;
        left    : -24px;
        margin  : 8px 0
    }
}

@media only screen and (min-width:80rem) {
    .prod-list__header {
        left         : -12px;
        margin-bottom: 56px
    }
}

.prod-list__item {
    position : relative;
    margin   : 56px 0 80px;
    max-width: 400px
}

@media only screen and (min-width:30rem) {
    .prod-list__item {
        margin: 40px 0
    }
}

@media only screen and (min-width:48rem) {
    .prod-list__item {
        max-width: none
    }
}

.prod-list__container {
    position  : relative;
    height    : 0;
    margin-top: 8px
}

.no-touch .prod-list__container:hover .prod-list__hover,
.no-touch .prod-list__container:hover .prod-list__text-link {
    opacity: 1
}

.no-touch .prod-list__container:hover .prod-list__product {
    opacity: 0
}

.prod-list__image {
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 100%;
    cursor  : url("../icons/icon-plus.png"), url("../icons/icon-plus.cur"), -webkit-grab;
    cursor  : url("../icons/icon-plus.png"), url("../icons/icon-plus.cur"), grab
}

.prod-list__product {
    height    : 100%;
    transition: opacity 300ms ease-in-out
}

.prod-list__img {
    position  : relative;
    top       : 50%;
    max-height: 100%;
    margin    : 0 auto;
    padding   : 32px;
    transform : translateY(-50%)
}

.prod-list__hover {
    display            : block;
    position           : absolute;
    left               : 0;
    top                : 0;
    height             : 100%;
    width              : 100%;
    opacity            : 0;
    background-position: 50% 50%;
    background-size    : cover;
    transition         : opacity 300ms ease-in-out
}

.prod-list__text-link {
    position  : absolute;
    bottom    : 48px;
    left      : 32px;
    color     : #fff;
    transition: opacity 300ms linear 0s;
    opacity   : 0
}

.prod-list__landscape {
    width: 100%
}

@media only screen and (min-width:30rem) {
    .prod-list__landscape {
        width: 74.35%
    }
}

@media only screen and (min-width:80rem) {
    .prod-list__landscape {
        width: calc(58.333% - 12px)
    }
}

.prod-list__landscape .prod-list__container {
    padding-top: 73%
}

.prod-list__portrait {
    width: 72%
}

@media only screen and (min-width:30rem) {
    .prod-list__portrait {
        width: 48.6%
    }
}

@media only screen and (min-width:48rem) {
    .prod-list__portrait {
        width: 48%
    }
}

@media only screen and (min-width:64rem) {
    .prod-list__portrait {
        width: calc(37.5% - 16px)
    }
}

@media only screen and (min-width:80rem) {
    .prod-list__portrait {
        width: calc(33.333% - 16px)
    }
}

.prod-list__portrait .prod-list__container {
    padding-top: 130%
}

.prod-list__first {
    margin-left: auto
}

@media only screen and (min-width:48rem) {
    .prod-list__second {
        display: inline-block
    }
}

@media only screen and (min-width:80rem) {
    .prod-list__second {
        display      : block;
        margin-top   : -464px;
        margin-bottom: 0
    }
}

.prod-list__third {
    margin-left: auto
}

@media only screen and (min-width:30rem) {
    .prod-list__third {
        margin-top: -57%
    }
}

@media only screen and (min-width:48rem) {
    .prod-list__third {
        display: inline-block;
        top    : 136px;
        margin : 0 0 176px 24px
    }
}

@media only screen and (min-width:80rem) {
    .prod-list__third {
        display      : block;
        top          : 0;
        left         : 32.3%;
        margin-top   : -104px;
        margin-bottom: 40px
    }
}

.prod-list__third .prod-list__product {
    z-index: 10
}

@media only screen and (min-width:64rem) {
    .prod-list__third .prod-list__product {
        position: relative;
        left    : 24%
    }
}

@media only screen and (min-width:64rem) {
    .prod-list__third .prod-list__img {
        margin: 0 0 0 auto
    }
}

@media only screen and (min-width:48rem) {
    .prod-list__fourth {
        margin-bottom: 80px
    }
}

@media only screen and (min-width:80rem) {
    .prod-list__fourth {
        margin-bottom: 120px
    }
}

.story {
    font-size: 17px;
    font-size: 1.0625rem
}

@media only screen and (min-width:48rem) {
    .story {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.story__module-headline {
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width:48rem) {
    .story__module-headline {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.story p i,
.story p em {
    font-style: italic
}

.story p strong,
.story p b {
    font-weight: 500
}

.story ol {
    list-style : decimal;
    margin-left: 3rem
}

.story ol li {
    position     : relative;
    margin-bottom: .5rem;
    line-height  : 2
}

.story ul {
    list-style : none;
    margin-left: 3rem
}

.story ul li {
    position     : relative;
    margin-bottom: .5rem;
    padding-left : 0;
    line-height  : 2
}

.story ul li:after {
    content      : '';
    position     : absolute;
    top          : 1rem;
    left         : -1rem;
    height       : .5rem;
    width        : .5rem;
    background   : #282828;
    border-radius: 50%
}

.stories {
    padding-bottom: 0 !important;
}

.grid-viewer {
    position: fixed;
    top     : 0;
    height  : 100vh;
    width   : 100%;
    z-index : 0
}

@media only screen and (min-width:48rem) {
    .grid-viewer .sm {
        display: none
    }
}

.grid-viewer .md {
    display: none
}

@media only screen and (min-width:48rem) {
    .grid-viewer .md {
        display: block
    }
}

@media only screen and (min-width:80rem) {
    .grid-viewer .md {
        display: none
    }
}

.grid-viewer .xlg {
    display: none
}

@media only screen and (min-width:80rem) {
    .grid-viewer .xlg {
        display: block
    }
}

.grid-viewer .grid__item {
    height : 100vh;
    opacity: .3
}

.grid-viewer .grid__item:nth-child(2n) div {
    background: #cedabe
}

@media only screen and (min-width:48rem) {
    .grid-viewer .grid__item:nth-child(2n) div {
        background: #983a2e
    }
}

@media only screen and (min-width:80rem) {
    .grid-viewer .grid__item:nth-child(2n) div {
        background: #ffa500
    }
}

.grid-viewer .grid__item div {
    height    : 100vh;
    background: #639434
}

@media only screen and (min-width:48rem) {
    .grid-viewer .grid__item div {
        background: #5bced8
    }
}

@media only screen and (min-width:80rem) {
    .grid-viewer .grid__item div {
        background: #da70d6
    }
}

/*
============================================================
rex start
============================================================
*/
.index-history {
    position  : relative;
    z-index   : 10;
    overflow  : hidden;
    max-height: 720px;
    /*Standard*/
    height    : calc(100vw * 1.4);
    /*Firefox*/
    height    : -moz-calc(100vw * 1.4);
    /*Chrome Safari*/
    height    : -webkit-calc(100vw * 1.4);
    /*bg-color*/
    transition: background-color 1.5s;
}

.index-history-arrow {
    box-sizing     : border-box;
    position       : absolute;
    top            : 50%;
    left           : 50%;
    z-index        : 100;
    width          : 100%;
    max-width      : 1440px;
    margin-left    : -50%;
    padding        : 0 16px 0 0;
    /*padding-right: 32px;*/
}

.index-history-arrow>button:nth-child(1) {
    float: left;
}

.index-history-arrow>button:nth-child(2) {
    float: right;
}

.index-history-contenter {
    box-sizing  : border-box;
    display     : block;
    position    : relative;
    max-width   : 1440px;
    max-height  : 720px;
    width       : 100%;
    height      : calc(100vw * 1.4);
    height      : -moz-calc(100vw * 1.4);
    height      : -webkit-calc(100vw * 1.4);
    margin      : 0 auto;
    overflow    : hidden;
    /*background: #544700;*/
}

.index-history ol,
.index-history ul {
    position           : absolute;
    top                : 0%;
    left               : 0%;
    display            : box;
    display            : -moz-box;
    display            : -webkit-box;
    width              : 1200%;
    height             : 100%;
    /*-webkit-animation: libratone-history 5s ease-out infinite;*/
}

.index-history ol {
    z-index   : 90;
    transition: color .2s linear;
}

.index-history ul {
    z-index   : 80;
    transition: left .4s ease-out;
}

.index-history.slide0 ul,
.index-history.slide0 ol {
    left: 0%;
}

.index-history.slide1 ul,
.index-history.slide1 ol {
    left: -100%;
}

.index-history.slide2 ul,
.index-history.slide2 ol {
    left: -200%;
}

.index-history.slide3 ul,
.index-history.slide3 ol {
    left: -300%;
}

.index-history.slide4 ul,
.index-history.slide4 ol {
    left: -400%;
}

.index-history.slide5 ul,
.index-history.slide5 ol {
    left: -500%;
}

.index-history.slide6 ul,
.index-history.slide6 ol {
    left: -600%;
}

.index-history.slide7 ul,
.index-history.slide7 ol {
    left: -700%;
}

.index-history.slide8 ul,
.index-history.slide8 ol {
    left: -800%;
}

.index-history.slide9 ul,
.index-history.slide9 ol {
    left: -900%;
}

.index-history.slide10 ul,
.index-history.slide10 ol {
    left: -1000%;
}

.index-history.slide11 ul,
.index-history.slide11 ol {
    left: -1100%;
}

.index-history.slide12 ul,
.index-history.slide12 ol {
    left: -1200%;
}

.index-history.slide13 ul,
.index-history.slide13 ol {
    left: -1300%;
}

.index-history.slide14 ul,
.index-history.slide14 ol {
    left: -1400%;
}

.index-history.slide0 {
    background-color: #bfe3e7;
}

.index-history.slide1 {
    background-color: #faf6da;
}

.index-history.slide2 {
    background-color: #e5e5e5;
}

.index-history.slide3 {
    background-color: #d4e8ee;
}

.index-history.slide4 {
    background-color: #f2f2f2;
}

.index-history.slide5 {
    background-color: #e5e5e5;
}

.index-history.slide6 {
    background-color: #f1d7c5;
}

.index-history.slide7 {
    background-color: #f2f2f2;
}

.index-history.slide8 {
    background-color: #bcdfe1;
}

.index-history.slide9 {
    background-color: #f2f2f2;
}

.index-history.slide10 {
    background-color: #dee9ec;
}

.index-history.slide11 {
    background-color: #f2f2f2;
}

.index-history.slide12 {
    background-color: #e3d4da;
}

.index-history.slide13 {
    background-color: #c0e3e4;
}

.index-history.slide14 {
    background-color: #e7d6cf;
}

.index-history.slide0 h1 {
    color: #eddba9;
}

.index-history.slide1 h1 {
    color: #333333;
}

/*.index-history.slide2 h1 {color: #e2e3e3;}*/
.index-history.slide2 h1 {
    color: #333333;
}

.index-history.slide3 h1 {
    color: #333333;
}

.index-history.slide4 h1 {
    color: #ecc6b0;
}

/*.index-history.slide5 h1 {color: #e9eaea;}*/
.index-history.slide5 h1 {
    color: #333333;
}

.index-history.slide6 h1 {
    color: #9ed1e5;
}

.index-history.slide7 h1 {
    color: #333333;
}

.index-history.slide8 h1 {
    color: #5abab9;
}

.index-history.slide9 h1 {
    color: #333333;
}

.index-history.slide10 h1 {
    color: #c2c9ca;
}

.index-history.slide11 h1 {
    color: #333333;
}

.index-history.slide12 h1 {
    color: #d6b8c4;
}

.index-history.slide13 h1 {
    color: #ffffff;
}

.index-history.slide14 h1 {
    color: #ffffff;
}

.index-history ul li,
.index-history ol li {
    box-sizing        : border-box;
    position          : relative;
    max-width         : 1440px;
    max-height        : 720px;
    /*width           : 100vw;*/
    width             : calc(100% / 12);
    width             : -moz-calc(100% / 12);
    width             : -webkit-calc(100% / 12);
    /**/
    height            : calc(100vw * 1.4);
    height            : -moz-calc(100vw * 1.4);
    height            : -webkit-calc(100vw * 1.4);
    /**/
    display           : box;
    display           : -moz-box;
    display           : -webkit-box;
    -moz-box-orient   : vertical;
    -webkit-box-orient: vertical;
    box-orient        : vertical;
}

.index-history ul li h1,
.index-history ol li h1 {
    box-sizing  : border-box;
    padding-top : 1.5rem;
    padding-left: 16px;
    text-align  : left;
    font-size   : 3rem;
    line-height : 4rem;
}

.index-history ul li h1 {
    width  : 100%;
    opacity: 0;
}

.index-history ol li h1 {
    width: 100%;
}

.index-history ul li h2 {
    box-sizing  : border-box;
    position    : static;
    padding-left: 16px;
    font-size   : 1.5rem;
    line-height : 3rem;
    font-weight : bold;
    /*background: #00544a;*/
}

.index-history ul li p {
    box-sizing     : border-box;
    position       : static;
    width          : 92%;
    top            : 7rem;
    left           : 10%;
    padding-left   : 16px;
    padding-bottom : 50px;
    /* rex - 20191220
        font-size  : 1rem;
        line-height: 1.5rem;
        */
    font-size      : .8rem;
    line-height    : 1.2rem;
    /*background   : #00544a;*/
}

.index-history .bgimg {
    position: absolute;
    bottom  : 0;
    width   : 100%;
    height  : auto;
}

.index-history .bgimg img {
    width : 100%;
    height: auto;
}

.index-history.slide0 ul li h1,
.index-history.slide14 ul li h1 {
    display: block;
}

.index-history.slide0 .bgimg,
.index-history.slide14 .bgimg {
    position: relative;
    width   : 100%;
    height  : 100%;
    top     : 0;
    left    : 0;
}

.index-history.slide0 .bgimg img,
.index-history.slide14 .bgimg img {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : auto;
}

@media only screen and (min-width:48rem) {

    .index-history,
    .index-history-contenter {
        height: calc(100vw / 1.5);
        height: -moz-calc(100vw / 1.5);
        height: -webkit-calc(100vw / 1.5);
    }

    .index-history-arrow {
        padding: 0 7%;
    }

    .index-history ul li,
    .index-history ol li {
        height            : 100%;
        -webkit-box-orient: horizontal;
    }

    .index-history ul li h1,
    .index-history ol li h1 {
        padding-left: 7%;
        font-size   : 2.5rem;
        line-height : 3rem;
    }

    .index-history ul li h1 {
        width: 30%;
    }

    .index-history ul li h2 {
        position    : absolute;
        top         : 5rem;
        left        : 7%;
        padding-left: 0;
        font-size   : 1.5rem;
        line-height : 2rem;
    }

    .index-history ul li p {
        position      : absolute;
        width         : 50%;
        top           : 7rem;
        left          : 7%;
        padding-left  : 0;
        padding-bottom: 0;
        font-size     : 1rem;
        line-height   : 1.5rem;
    }

    .index-history .bgimg {
        position: relative;
        width   : 70%;
        height  : 100%;
    }

    .index-history .bgimg img {
        /*width: 100%;
            height: auto;
            margin-top: 9rem;*/
        position: absolute;
        right   : 0;
        bottom  : 0;
        width   : 100%;
        height  : auto;
    }

    /*============
        Cover
        ==============*/
    .index-history.slide0 ul li h1,
    .index-history.slide14 ul li h1 {
        display: none;
    }

    .index-history.slide0 .bgimg,
    .index-history.slide14 .bgimg {
        position: relative;
        width   : 100%;
        height  : 100%;
        top     : 0;
        left    : -25%;
    }

    .index-history.slide0 .bgimg img,
    .index-history.slide14 .bgimg img {
        position       : absolute;
        top            : 0;
        left           : 40%;
        height         : 100%;
        width          : auto;
        /* margin-left : calc( (width / 2) * -1);
            margin-left: -moz-calc( (width / 2) * -1);
            margin-left: -webkit-calc( (width / 2) * -1); */
    }
}

@media only screen and (min-width:64rem) {

    .index-history,
    .index-history-contenter {
        height: calc(100vw / 2);
        height: -moz-calc(100vw / 2);
        height: -webkit-calc(100vw / 2);
    }

    .index-history-arrow {
        padding: 0 5%;
    }

    .index-history ul li h1,
    .index-history ol li h1 {
        padding-left: 5%;
        text-align  : left;
        font-size   : 3rem;
        line-height : 4rem;
    }

    .index-history ul li h2 {
        top : 6rem;
        left: 5%;
    }

    .index-history ul li p {
        width: 35%;
        top  : 8.5rem;
        left : 5%;
    }

    .index-history .bgimg img {
        margin-top: 0;
    }

    .index-history.slide0 .bgimg img,
    .index-history.slide14 .bgimg img {
        position       : absolute;
        top            : 0;
        left           : 50%;
        height         : 100%;
        width          : auto;
        /* margin-left : calc( (width / 2) * -1);
            margin-left: -moz-calc( (width / 2) * -1);
            margin-left: -webkit-calc( (width / 2) * -1); */
    }
}

@media only screen and (min-width:80rem) {

    .index-history ul li h1,
    .index-history ol li h1 {
        padding-left: 5%;
        text-align  : left;
        font-size   : 3.5rem;
        line-height : 4rem;
    }
}

/*Animation - to Walker?JS????????????
    @keyframes libratone_history {
        0%,4% { left: -100%;}
        8.4%,12.6% { left: -200%;}
        16.8%,21% { left: -300%;}
        25.2%,29.4% { left: -400%;}
        33.6%,37.8% { left: -500%;}
        42%,46.2% { left: -600%;}
        50.4%,54.6% { left: -700%;}
        58.8%,65% { left: -800%;}
        69.2%,73.4% { left: -900%;}
        77.6%,81.8% { left: -1000%;}
        86%,90.2% { left: -1100%;}
        96.4%,100% { left: -1200%;}
    }
    @-moz-keyframes libratone_history {
        0%,4% { left: -100%;}
        8.4%,12.6% { left: -200%;}
        16.8%,21% { left: -300%;}
        25.2%,29.4% { left: -400%;}
        33.6%,37.8% { left: -500%;}
        42%,46.2% { left: -600%;}
        50.4%,54.6% { left: -700%;}
        58.8%,65% { left: -800%;}
        69.2%,73.4% { left: -900%;}
        77.6%,81.8% { left: -1000%;}
        86%,90.2% { left: -1100%;}
        96.4%,100% { left: -1200%;}
    }
    @-webkit-keyframes libratone_history {
        0%,4% { left: -100%;}
        8.4%,12.6% { left: -200%;}
        16.8%,21% { left: -300%;}
        25.2%,29.4% { left: -400%;}
        33.6%,37.8% { left: -500%;}
        42%,46.2% { left: -600%;}
        50.4%,54.6% { left: -700%;}
        58.8%,65% { left: -800%;}
        69.2%,73.4% { left: -900%;}
        77.6%,81.8% { left: -1000%;}
        86%,90.2% { left: -1100%;}
        96.4%,100% { left: -1200%;}
    }
    @-o-keyframes libratone_history {
        0%,4% { left: -100%;}
        8.4%,12.6% { left: -200%;}
        16.8%,21% { left: -300%;}
        25.2%,29.4% { left: -400%;}
        33.6%,37.8% { left: -500%;}
        42%,46.2% { left: -600%;}
        50.4%,54.6% { left: -700%;}
        58.8%,65% { left: -800%;}
        69.2%,73.4% { left: -900%;}
        77.6%,81.8% { left: -1000%;}
        86%,90.2% { left: -1100%;}
        96.4%,100% { left: -1200%;}
    }
    .index-history ol {
        animation: libratone_history 40s cubic-bezier(0,1,0,1) infinite;
        -moz-animation: libratone_history 40s cubic-bezier(0,1,0,1) infinite;
        -webkit-animation: libratone_history 40s cubic-bezier(0,1,0,1) infinite;
        -o-animation: libratone_history 40s cubic-bezier(0,1,0,1) infinite;
    }
    .index-history ul {
        animation: libratone_history 40s infinite;
        -moz-animation: libratone_history 40s infinite;
        -webkit-animation: libratone_history 40s infinite;
        -o-animation: libratone_history 40s infinite;
    }
    .index-history:hover {
        animation-play-state: paused;
        -moz-animation-play-state: paused;
        -webkit-animation-play-state: paused;
        -o-animation-play-state: paused;
    }*/
.service {
    display: block;
}

.service .text {
    padding-bottom: 2rem;
}

.service .text>div {
    padding-bottom: .5rem;
}

.contact_us {
    display: block;
}

.contact_us .text {
    margin-bottom: 1rem;
}

.wechat-pop {
    z-index: 1;
}

@media only screen and (max-width:48rem) {
    .popup-mobile {
        z-index                    : 1006;
        display                    : none;
        position                   : fixed;
        box-sizing                 : inherit;
        width                      : 100%;
        max-width                  : none;
        height                     : 100vh;
        min-height                 : 100vh;
        border                     : 12px solid #f0f0f0;
        border-radius              : 0;
        outline                    : 0;
        overflow-y                 : auto;
        background                 : #ffffff;
        backface-visibility        : hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility   : hidden;
        -ms-backface-visibility    : hidden;
        font-size                  : 1.5rem;
    }

    .popup-mobile__btn-close {
        position : absolute;
        right    : 24px;
        top      : 24px;
        font-size: 16px;
        font-size: 1rem
    }

    .popup-mobile__qr-code {
        position   : absolute;
        top        : 50%;
        left       : 50%;
        width      : 30%;
        width      : 30vh;
        height     : auto;
        margin-left: -15%;
        margin-left: -15vh;
        transform  : translateY(-50%);

    }

    .popup {
        display: none;
    }

    .popup .popup__btn-close {
        display: none;
    }

    .popup .popup__qr-code {
        display: none;
    }
}

@media only screen and (min-width:48rem) {
    .popup {
        z-index   : 1006;
        display   : none;
        position  : fixed;
        box-sizing: inherit;
        width     : 250px;
        height    : 300px;
        min-height: 300px;
        border    : 12px solid #f0f0f0;
        overflow  : hidden;
        background: #ffffff;
        font-size : 1rem;
        transform : translateX(-50%);
    }

    .popup .popup__btn-close {
        display: none;
    }

    .popup .popup__qr-code {
        position   : absolute;
        top        : 50%;
        left       : 50%;
        width      : 150px;
        height     : auto;
        margin-left: -75px;
        transform  : translateY(-50%);
    }

    .popup-margin {
        top: 40px;
    }

    .popup-mobile {
        display: none !important;
    }

    .popup-mobile__btn-close {
        display: none;
    }

    .popup-mobile__qr-code {
        display: none;
    }
}

@media only screen and (min-width:48rem) and (max-width:64rem) {
    .popup {
        top : -10px;
        left: 500px;
    }
}

.popup .popup__qr-code img {
    width : 100%;
    height: auto;
}

.popup .popup__qr-code p {
    margin-top: 2rem;
    text-align: center;
}

.popup-mobile__qr-code img {
    width : 100%;
    height: auto;
}

.popup-mobile__qr-code p {
    margin-top: 2rem;
    text-align: center;
}


.mobile-block {
    display: block;
}

.pc-block {
    display: none;
}

.mobile-m-width {
    padding: 0;
}

.mobile-m-padding {
    padding: 0 16px;
}

@media only screen and (min-width:48rem) {
    .mobile-block {
        display: none;
    }

    .pc-block {
        display: block;
    }

    .mobile-m-width {
        padding: 0 8px;
    }

    .mobile-m-padding {
        padding: 0;
    }
}

.remove-padding-bottom {
    padding-bottom: 0;
}

.set-margin-botom {
    margin-bottom: 30px;
}

/*history-clear-arrow-pos*/
.arrow-l {
    left: 10px;
}

.arrow-r {
    right: 0;
}

/*social*/
.social-media-img {
    width: 100%;
}

@media only screen and (min-width:48rem) {
    .social-media-img {
        width: 110%;
    }
}

/*index-only*/
.index-modify-margin-l {
    margin-left : 16px;
    padding-left: 16px;
}

@media only screen and (min-width:48rem) {
    .index-modify-margin-l {
        margin-left : 16px;
        padding-left: 24px;
    }
}

.product-icon-new {
    padding-left: 50px;
}

.product-icon-new img {
    height  : 50px;
    position: absolute;
    top     : -20px;
    left    : 0;
}

/*
============================================================
end of rex
============================================================
*/