#page,
body {
    background-color: #fff
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

#category-page .category-carousel .slick-dots,
#footer .footer-row .item ul:not(.social),
.country-selector .country-selector-grid,
.hero-carousel .slide .slide-container .copy,
.hero-carousel .slide .slide-container .left,
.mobile-site-header .mobile-navigation .bottom .left,
.page-not-found .wrapper,
.scroll-indicator .scroll-dots ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

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

[class*=' icon-'],
[class^=icon-] {
    font-family: icomoon!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-umbro_diamond:before {
    content: '\e913'
}

.icon-fullscreen:before {
    content: '\e910'
}

.icon-pause:before {
    content: '\e911'
}

.icon-volume:before {
    content: '\e912'
}

.icon-close:before {
    content: '\e90f'
}

.icon-email:before {
    content: '\e90d'
}

.icon-quote:before {
    content: '\e90e'
}

.icon-shop:before {
    content: '\e90c'
}

.icon-triangle-right:before {
    content: '\e906'
}

.icon-triangle-left:before {
    content: '\e907'
}

.icon-hand:before {
    content: '\e908'
}

.icon-share:before {
    content: '\e909'
}

.icon-search:before {
    content: '\e90a'
}

.icon-description:before {
    content: '\e90b'
}

.icon-youtube:before {
    content: '\ea9d';
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.icon-youtube:hover:before {
    color: #e52d27
}

.icon-facebook:before {
    content: '\ea90';
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.icon-facebook:hover:before {
    color: #3b5998
}

.icon-instagram:before {
    content: '\ea92';
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.icon-instagram:hover:before {
    color: #bc2a8d
}

.icon-twitter:before {
    content: '\ea96';
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.icon-twitter:hover:before {
    color: #1da1f2
}

.icon-play:before {
    content: '\e900'
}

.icon-left-arrow:before {
    content: '\e901'
}

.icon-right-arrow:before {
    content: '\e902'
}

.icon-down-arrow:before {
    content: '\e903'
}

.icon-logo:before {
    content: '\e904'
}

.icon-circle:before {
    content: '\e905'
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

:focus {
    outline: 0
}

* {
    outline: 0!important;
    -webkit-tap-highlight-color: transparent!important
}

::selection {
    color: #fff;
    background: #06369d
}

::-moz-selection {
    color: #fff;
    background: #cd1231
}

body,
html {
    font-family: trade, sans-serif;
    height: 100%
}

body {
    font-size: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    text-rendering: optimizeLegibility!important
}

body.no-scroll {
    overflow: hidden
}

body.home .site-content,
body.page-template-template-about-page .site-content,
body.product-template-default .site-content {
    max-width: none;
    padding-top: 0
}

.max-width,
.site-content {
    max-width: 1440px;
    margin: 0 auto
}

body.home .background-line-wrapper,
body.page-template-template-about-page .background-line-wrapper,
body.product-template-default .background-line-wrapper {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto
}
table.stripe
{
    border:0;
    padding: 7px;
}
table.stripe td {
  padding: 1rem 3rem;
  border: 0 !important;
  vertical-align: middle;
  font-weight: bold;
}
table.stripe td img{
  width: auto !important;
  vertical-align: middle;
}
table.stripe tr:nth-child(odd)
{
    background-color:#f3f3f3;
}
@media (max-width:767px) {
    body.home .background-line-wrapper,
    body.page-template-template-about-page .background-line-wrapper,
    body.product-template-default .background-line-wrapper {
        position: static
    }
}

#page,
.page-parent,
.site-content,
sup {
    position: relative
}

body.home #page,
body.page-template-template-about-page #page,
body.product-template-default #page {
    overflow-y: hidden
}

.max-width {
    overflow: hidden
}

.site-content {
    overflow: hidden;
    padding-top: 9.72222vw
}

.page-parent {
    padding-bottom: 17.36111vw
}

@media (min-width:1440px) {
    .site-content {
        padding-top: 140px
    }
    .page-parent {
        padding-bottom: 250px
    }
}

@media (max-width:767px) {
    .site-content {
        padding-top: 0
    }
    .page-parent {
        padding-bottom: 0
    }
}

#page {
    z-index: 3;
    min-height: 100vh;
    margin: 0 auto
}

img.hide-background {
    display: none
}

sup {
    line-height: 1;
    bottom: 1px;
    height: 0
}

pre {
    font-family: monospace;
    display: block;
    width: 75%;
    margin: 20px;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #000;
    border-left: 11px solid #0ff;
    background-color: #f2f2f2
}

#about-page .timeline .history .history-wrapper,
.is-ie #footer .footer-row .item ul:not(.social) li {
    white-space: nowrap
}

strong {
    font-weight: 800!important
}

em {
    font-style: italic!important
}

.line:after {
    display: block;
    width: 8.33333vw;
    height: .55556vw;
    content: '';
    background-color: #cd1231
}

@media (min-width:1440px) {
    .line:after {
        width: 120px;
        height: 8px
    }
}

.js-fb-share,
.js-twitter-share {
    cursor: pointer
}

.black {
    color: #000!important
}

.grey {
    color: #f2f2f2!important
}

.darkgrey {
    color: #37373f!important
}

.white {
    color: #fff!important
}

.blue {
    color: #06369d!important
}

.red {
    color: #cd1231!important
}

.green {
    color: #0b6738!important
}

.yellow {
    color: #fed430!important
}

.burgundy {
    color: #72253c!important
}

.cyan {
    color: #9bcae8!important
}

.darkblue {
    color: #202029!important
}

.black-bg {
    background-color: #000
}

.grey-bg {
    background-color: #f2f2f2
}

.blue-bg {
    background-color: #06369d
}

.dark-grey-bg {
    background-color: #37373f
}

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

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

.green-bg {
    background-color: #0b6738
}

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

.burgundy-bg {
    background-color: #72253c
}

.cyan-bg {
    background-color: #9bcae8
}

.dark-red-bg {
    background-color: #202029
}

.dark-brown-bg {
    background-color: #1e1414
}

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

.page-parent {
    width: 100%;
    margin: 0 auto
}

.background-line {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    height: 100%
}

.btn,
.slick-list,
.slick-slider,
.slick-track {
    position: relative
}

.background-line.bg-line-1 {
    left: 16.66667vw
}

@media (min-width:1440px) {
    .background-line.bg-line-1 {
        left: 240px
    }
}

@media (max-width:767px) {
    .background-line.bg-line-1 {
        left: 24.93333vw
    }
}

.background-line.bg-line-2 {
    left: 33.33333vw
}

@media (min-width:1440px) {
    .background-line.bg-line-2 {
        left: 480px
    }
}

@media (max-width:767px) {
    .background-line.bg-line-2 {
        left: 50vw
    }
}

.background-line.bg-line-3 {
    left: 49.93056vw
}

@media (min-width:1440px) {
    .background-line.bg-line-3 {
        left: 720px
    }
}

@media (max-width:767px) {
    .background-line.bg-line-3 {
        left: 74.93333vw
    }
    .background-line.bg-line-4,
    .background-line.bg-line-5 {
        display: none
    }
    .hide-mobile {
        display: none!important
    }
}

.background-line.bg-line-4 {
    left: 65.69444vw
}

@media (min-width:1440px) {
    .background-line.bg-line-4 {
        left: 960px
    }
}

.background-line.bg-line-5 {
    left: 83.33333vw
}

@media (min-width:1440px) {
    .background-line.bg-line-5 {
        left: 1200px
    }
}

@media (min-width:768px) {
    .hide-desktop,
    body.desktop .hide-desktop {
        display: none!important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.desktop .hide-desktop,
    body.mobile .hide-desktop {
        display: none!important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body.desktop .hide-desktop {
        display: none!important
    }
    body.mobile .hide-desktop {
        display: block!important
    }
}

.slick-list,
.slick-slider,
.slick-track,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

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

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    font-family: trade, sans-serif;
    font-weight: 400
}

.eyebrow,
a,
h1,
h2,
h3,
h4,
h5,
h6,
label,
li,
p {
    -webkit-font-smoothing: antialiased!important;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px
}

body {
    line-height: 1
}

blockquote,
q {
    quotes: none
}

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

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

img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: text-bottom
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-slide,
.slick-slide.slick-loading img {
    display: none
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: trade;
    src: url(../fonts/TradeGothicLTStd.otf)
}

@font-face {
    font-family: tradeBold;
    src: url(../fonts/TradeGothicLTStd-Bold.otf)
}

@font-face {
    font-family: tradeLight;
    src: url(../fonts/TradeGothicLTStd-light.otf)
}

@font-face {
    font-family: tradeExtend;
    src: url(../fonts/TradeGothicLTStd-Extended.otf)
}

ol,
ul {
    font-size: .90278vw;
    line-height: 1.25vw;
    list-style: none inside
}

@media (min-width:1440px) {
    ol,
    ul {
        font-size: 13px;
        line-height: 18px
    }
}

@media (max-width:767px) {
    ol,
    ul {
        font-size: 3.06667vw;
        line-height: 4.8vw
    }
}

.title,
.title-hero {
    font-family: tradeLight, sans-serif;
    text-transform: capitalize
}

.cta,
.cta-hint,
.eyebrow,
.hero-highlight,
.quote {
    text-transform: uppercase
}

@media (min-width:1440px) {
    p {
        font-size: 32px;
        line-height: 52px
    }
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: inherit
}

a {
    text-decoration: none
}

.title-hero {
    font-size: 2.77778vw;
    font-weight: 100;
    line-height: 3.125vw
}

@media (min-width:1440px) {
    .title-hero {
        font-size: 40px;
        line-height: 45px
    }
}

@media (max-width:767px) {
    .title-hero {
        font-size: 8vw;
        line-height: 9.33333vw
    }
}

.title {
    font-size: 2.08333vw;
    line-height: 2.22222vw
}

@media (min-width:1440px) {
    .title {
        font-size: 30px;
        line-height: 32px
    }
}

@media (max-width:767px) {
    .title {
        font-size: 5.33333vw;
        line-height: 6.66667vw
    }
}

.subtitle {
    font-family: trade, sans-serif;
    font-size: 1.38889vw;
    font-weight: 400;
    line-height: 1.73611vw
}

@media (min-width:1440px) {
    .subtitle {
        font-size: 20px;
        line-height: 25px
    }
}

@media (max-width:767px) {
    .subtitle {
        font-size: 4.66667vw;
        line-height: 5.33333vw
    }
}

.eyebrow {
    font-family: tradeBold, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.04167vw;
    letter-spacing: .15em
}

.copy-social,
.paragraph,
p {
    font-family: trade, sans-serif;
    font-weight: 400
}

@media (min-width:1440px) {
    .eyebrow {
        font-size: 12px;
        line-height: 15px
    }
}

@media (max-width:767px) {
    .eyebrow {
        font-size: 2.4vw;
        line-height: 5.33333vw
    }
}

.paragraph,
p {
    font-size: 12px;
    line-height: 18px;
    color: #000
}

@media (min-width:1440px) {
    .paragraph,
    p {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width:767px) {
    .paragraph,
    p {
        font-size: 3.06667vw;
        line-height: 4.8vw
    }
}

.copy-social {
    font-size: 1.11111vw;
    line-height: 1.73611vw
}

@media (min-width:1440px) {
    .copy-social {
        font-size: 16px;
        line-height: 25px
    }
}

.social-username {
    font-family: tradeBold, sans-serif;
    font-size: .97222vw;
    font-weight: 700;
    line-height: 1.38889vw;
    color: #06369d
}

.hero-highlight,
.quote {
    font-family: trade, sans-serif;
    letter-spacing: .35em
}

@media (min-width:1440px) {
    .social-username {
        font-size: 14px;
        line-height: 20px
    }
}

.hero-highlight {
    font-size: 2.77778vw;
    line-height: 4.16667vw
}

@media (min-width:1440px) {
    .hero-highlight {
        font-size: 40px;
        line-height: 60px
    }
}

@media (max-width:767px) {
    .hero-highlight {
        font-size: 6.66667vw;
        line-height: 8.66667vw
    }
}

.quote {
    font-size: 1.73611vw;
    line-height: 2.77778vw
}

.btn,
.cta,
.cta-hint {
    letter-spacing: .15em
}

@media (min-width:1440px) {
    .quote {
        font-size: 25px;
        line-height: 40px
    }
}

.year {
    font-family: tradeExtend, sans-serif;
    font-size: 3.19444vw;
    line-height: 4.16667vw
}

.cta,
.cta-alt,
.cta-hint {
    font-family: tradeBold, sans-serif;
    font-weight: 700
}

@media (min-width:1440px) {
    .year {
        font-size: 46px;
        line-height: 60px
    }
}

.cta {
    font-size: 12px;
    line-height: 1.04167vw
}

@media (min-width:1440px) {
    .cta {
        font-size: 12px;
        line-height: 15px
    }
}

@media (max-width:767px) {
    .cta {
        font-size: 2.4vw;
        line-height: 1
    }
}

.cta-alt {
    font-size: 1.11111vw;
    line-height: 1.38889vw
}

@media (min-width:1440px) {
    .cta-alt {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width:767px) {
    .cta-alt {
        font-size: 3.06667vw;
        line-height: 4.8vw
    }
}

.cta-hint {
    font-size: 12px;
    line-height: 1.04167vw
}

@media (min-width:1440px) {
    .cta-hint {
        font-size: 10px;
        line-height: 15px
    }
}

@media (max-width:767px) {
    .cta-hint {
        font-size: 2.4vw;
        line-height: 5.33333vw
    }
}

.view-mobile .cta,
.view-mobile .cta-alt,
.view-mobile .cta-hint,
.view-mobile .eyebrow {
    font-weight: 500
}

.ru-ru .cta,
.ru-ru .cta-hint,
.ru-ru .eyebrow,
.ru-ru .title,
.ru-ru .title-hero {
    text-transform: none
}

#footer .copyright,
.btn {
    text-transform: uppercase
}

@-moz-document url-prefix() {
    .btn,
    .cta,
    .cta-alt,
    .cta-hint,
    .eyebrow {
        font-weight: 500
    }
}

.btn {
    font-family: trade, sans-serif;
    font-size: .83333vw;
    font-weight: 700;
    line-height: 1.04167vw;
    display: inline-block;
    height: 2.77778vw;
    cursor: pointer;
    padding: .97222vw 5.20833vw .97222vw 2.08333vw
}

@media (min-width:1440px) {
    .btn {
        font-size: 12px;
        line-height: 15px;
        height: 40px;
        padding: 14px 75px 14px 30px
    }
}

@media (max-width:767px) {
    .btn {
        font-size: 2.4vw;
        line-height: 1;
        height: 10.66667vw;
        padding: 4.66667vw 4vw;
        letter-spacing: .15em
    }
}

.btn .animate-text-expand {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    position: relative;
    z-index: 3;
    -webkit-transition: color 230ms ease;
    transition: color 230ms ease;
    letter-spacing: inherit;
    text-transform: uppercase;
    color: #fff;
    background-color: transparent
}

.btn .color-background-beneath,
.btn .colored-background {
    position: absolute;
    top: 0;
    right: 2.77778vw;
    bottom: 0;
    width: calc(100% - 2.77778vw);
    height: 100%
}

@media (min-width:1440px) {
    .btn .color-background-beneath,
    .btn .colored-background {
        right: 40px;
        width: calc(100% - 40px)
    }
}

@media (max-width:767px) {
    .btn .color-background-beneath,
    .btn .colored-background {
        right: 0;
        width: 100%
    }
}

.btn .colored-background {
    z-index: 2;
    -webkit-transition: width 230ms ease;
    transition: width 230ms ease
}

.btn .color-background-beneath {
    z-index: 1
}

.btn .arrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 2.77778vw;
    height: 100%;
    color: #fff;
    background-color: rgba(255, 255, 255, .3)
}

@media (min-width:1440px) {
    .btn .arrow {
        width: 40px
    }
}

@media (max-width:767px) {
    .btn .arrow {
        display: none
    }
}

.btn .arrow:before {
    font-size: 8px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn .arrow .arrow-background {
    position: relative;
    display: block;
    width: 0;
    height: 2.77778vw;
    -webkit-transition: width 240ms ease;
    transition: width 240ms ease
}

@media (min-width:1440px) {
    .btn .arrow .arrow-background {
        height: 40px
    }
}

@media (min-width:768px) {
    body.view-desktop .btn:hover .black-bg {
        color: #000
    }
    body.view-desktop .btn:hover .grey-bg {
        color: #f2f2f2
    }
    body.view-desktop .btn:hover .blue-bg {
        color: #06369d
    }
    body.view-desktop .btn:hover .darkgrey-bg {
        color: #37373f
    }
    body.view-desktop .btn:hover .white-bg {
        color: #fff
    }
    body.view-desktop .btn:hover .red-bg {
        color: #cd1231
    }
    body.view-desktop .btn:hover .green-bg {
        color: #0b6738
    }
    body.view-desktop .btn:hover .yellow-bg {
        color: #fed430
    }
    body.view-desktop .btn:hover .burgundy-bg {
        color: #72253c
    }
    body.view-desktop .btn:hover .cyan-bg {
        color: #9bcae8
    }
    body.view-desktop .btn:hover .dark-red-bg {
        color: #202029
    }
    body.view-desktop .btn:hover .dark-brown-bg {
        color: #1e1414
    }
    body.view-desktop .btn:hover .dark-blug-bg {
        color: #202029
    }
    body.view-desktop .btn:hover .arrow-background {
        width: 100%
    }
    body.view-desktop .btn:hover .colored-background {
        width: 0
    }
}

.view-mobile .home-carousel-container {
    position: static
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .view-mobile .home-carousel-container {
        height: 672px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .view-mobile .home-carousel-container {
        height: 928px
    }
}

.home-carousel-container {
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width:767px) {
    .home-carousel-container {
        position: static;
        z-index: auto
    }
    .hero-carousel {
        display: none
    }
}

.hero-carousel {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100%
}

.hero-carousel * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hero-carousel .hero-carousel-bar {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    left: 0;
    width: 0;
    height: 3px
}

.hero-carousel .hero-carousel-controls {
    position: absolute;
    z-index: 4;
    bottom: 3.81944vw;
    left: 4.16667vw;
    color: #fff
}

.hero-carousel .hero-carousel-controls span {
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.hero-carousel .hero-carousel-controls span.fade {
    opacity: .4
}

.hero-carousel .hero-carousel-controls span:last-child {
    display: inline-block;
    margin-left: .69444vw
}

@media (min-width:1440px) {
    .hero-carousel .hero-carousel-controls {
        bottom: 55px;
        left: 60px
    }
    .hero-carousel .hero-carousel-controls span:last-child {
        margin-left: 10px
    }
}

.hero-carousel .hero-carousel-controls .dash {
    position: relative;
    display: inline-block;
    width: .41667vw;
    height: .13889vw;
    margin-left: .69444vw;
    cursor: default;
    vertical-align: middle;
    background-color: #fff
}

@media (min-width:1440px) {
    .hero-carousel .hero-carousel-controls .dash {
        width: 6px;
        height: 2px;
        margin-left: 10px
    }
}

@media only screen and (device-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .hero-carousel .hero-carousel-controls .dash {
        margin-top: 4px
    }
}

.hero-carousel .hero-carousel-controls .dash:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background-color: #fff
}

.hero-carousel .hero-carousel-controls .dash.next:before {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.hero-carousel .hero-carousel-controls .dash.prev:before {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
}

.hero-carousel .slide {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    width: 0;
    height: 100%;
    margin: 0 auto
}

@media (min-width:1440px) {
    .hero-carousel .slide {
        width: 0
    }
}

.hero-carousel .slide.active-hero-slide {
    z-index: 3
}

.hero-carousel .slide.prev-hero-slide,
section.video__player .video__wrapper .video__control-bar .video__control__share:before {
    z-index: 2
}

.hero-carousel .slide .slide-container {
    position: relative;
    overflow: hidden;
    height: 100%
}

.hero-carousel .slide .slide-container .background {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}

@media (min-width:768px) {
    .hero-carousel .slide .slide-container .background {
        background: 0 0!important
    }
}

.hero-carousel .slide .slide-container .background img {
    z-index: -1;
    display: none;
    width: 100vw;
    max-width: 2880px;
    pointer-events: none
}

.hero-carousel .slide .slide-container .background .img-background {
    width: 100vw;
    max-width: 2880px;
    height: 100%
}

@media (max-width:767px) {
    .hero-carousel .slide .slide-container .background img {
        opacity: block
    }
    .hero-carousel .slide .slide-container .background .img-background {
        display: none
    }
}

.hero-carousel .slide .slide-container .background.move-bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hero-carousel .slide .slide-container .left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 0;
    max-width: 50%;
    height: 100%;
    padding-bottom: 12.84722vw;
    opacity: .95;
    background-color: #202029;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.hero-carousel .slide .slide-container .left.right {
    right: 50%;
    left: auto;
    overflow: hidden
}

.hero-carousel .slide .slide-container .copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-right: 9.72222vw;
    padding-left: 12.5vw;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

.hero-carousel .slide .slide-container .copy .eyebrow {
    margin-bottom: .34722vw;
    color: #06369d
}

@media (min-width:1440px) {
    .hero-carousel .slide .slide-container .left {
        width: 720px;
        padding-bottom: 185px
    }
    .hero-carousel .slide .slide-container .copy {
        padding-right: 140px;
        padding-left: 180px
    }
    .hero-carousel .slide .slide-container .copy .eyebrow {
        margin-bottom: 5px
    }
}

.hero-carousel .slide .slide-container .copy .title-hero {
    margin-bottom: 1.875vw;
    color: #fff
}

.hero-carousel .slide .slide-container .btn-container {
    display: inline-block;
    overflow: hidden;
    max-width: 0;
    margin-left: 12.5vw
}

@media (min-width:1440px) {
    .hero-carousel .slide .slide-container .copy .title-hero {
        margin-bottom: 27px
    }
    .hero-carousel .slide .slide-container .btn-container {
        margin-left: 180px
    }
}

.hero-carousel .slide .slide-container .btn .animate-text-expand,
.hero-carousel .slide .slide-container .btn .arrow {
    display: block;
    overflow: hidden;
    max-width: 0;
    white-space: nowrap
}

.hero-carousel .slide .slide-container .btn .arrow {
    overflow: hidden;
    max-width: 0
}

.carousel-mobile .slick-dots {
    font-size: 0;
    position: absolute;
    right: 0;
    bottom: 36px;
    left: 0;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.carousel-mobile .slick-dots li button,
.category-subnav.hide {
    display: none
}

.carousel-mobile .slick-dots li {
    width: .93333vw;
    height: .93333vw;
    margin: 0 2.13333vw;
    border: 3px solid #9d9d9d;
    border-radius: 50px;
    background-color: #9d9d9d
}

.carousel-mobile .slick-dots li.slick-active {
    border: 3px solid #000;
    background-color: #000
}

.category-subnav {
    position: absolute;
    z-index: 10;
    top: 4.44444vw;
    right: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 4.51389vw;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #fff
}

@media (min-width:1440px) {
    .category-subnav {
        top: 64px;
        height: 65px
    }
}

.category-subnav ul {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.category-subnav ul .eyebrow {
    margin-right: 2.77778vw;
    cursor: pointer;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: .4
}

@media (min-width:1440px) {
    .category-subnav ul .eyebrow {
        margin-right: 40px
    }
}

.category-subnav ul .eyebrow:hover {
    opacity: 1!important
}

.category-subnav ul .eyebrow:nth-child(1) {
    -webkit-transition: opacity .3s ease, -webkit-transform .29s cubic-bezier(.52, .01, .16, 1) 0s;
    transition: opacity .3s ease, -webkit-transform .29s cubic-bezier(.52, .01, .16, 1) 0s;
    transition: transform .29s cubic-bezier(.52, .01, .16, 1) 0s, opacity .3s ease;
    transition: transform .29s cubic-bezier(.52, .01, .16, 1) 0s, opacity .3s ease, -webkit-transform .29s cubic-bezier(.52, .01, .16, 1) 0s
}

.category-subnav ul .eyebrow:nth-child(2) {
    -webkit-transition: opacity .3s ease, -webkit-transform .47s cubic-bezier(.52, .01, .16, 1) .05s;
    transition: opacity .3s ease, -webkit-transform .47s cubic-bezier(.52, .01, .16, 1) .05s;
    transition: transform .47s cubic-bezier(.52, .01, .16, 1) .05s, opacity .3s ease;
    transition: transform .47s cubic-bezier(.52, .01, .16, 1) .05s, opacity .3s ease, -webkit-transform .47s cubic-bezier(.52, .01, .16, 1) .05s
}

.category-subnav ul .eyebrow:nth-child(3) {
    -webkit-transition: opacity .3s ease, -webkit-transform .65s cubic-bezier(.52, .01, .16, 1) .15s;
    transition: opacity .3s ease, -webkit-transform .65s cubic-bezier(.52, .01, .16, 1) .15s;
    transition: transform .65s cubic-bezier(.52, .01, .16, 1) .15s, opacity .3s ease;
    transition: transform .65s cubic-bezier(.52, .01, .16, 1) .15s, opacity .3s ease, -webkit-transform .65s cubic-bezier(.52, .01, .16, 1) .15s
}

.category-subnav ul .eyebrow:nth-child(4) {
    -webkit-transition: opacity .3s ease, -webkit-transform .75s cubic-bezier(.52, .01, .16, 1) .25s;
    transition: opacity .3s ease, -webkit-transform .75s cubic-bezier(.52, .01, .16, 1) .25s;
    transition: transform .75s cubic-bezier(.52, .01, .16, 1) .25s, opacity .3s ease;
    transition: transform .75s cubic-bezier(.52, .01, .16, 1) .25s, opacity .3s ease, -webkit-transform .75s cubic-bezier(.52, .01, .16, 1) .25s
}

.category-subnav ul .eyebrow:nth-child(5) {
    -webkit-transition: opacity .3s ease, -webkit-transform .85s cubic-bezier(.52, .01, .16, 1) .35s;
    transition: opacity .3s ease, -webkit-transform .85s cubic-bezier(.52, .01, .16, 1) .35s;
    transition: transform .85s cubic-bezier(.52, .01, .16, 1) .35s, opacity .3s ease;
    transition: transform .85s cubic-bezier(.52, .01, .16, 1) .35s, opacity .3s ease, -webkit-transform .85s cubic-bezier(.52, .01, .16, 1) .35s
}

.category-subnav ul .eyebrow:nth-child(6) {
    -webkit-transition: opacity .3s ease, -webkit-transform .95s cubic-bezier(.52, .01, .16, 1) .45s;
    transition: opacity .3s ease, -webkit-transform .95s cubic-bezier(.52, .01, .16, 1) .45s;
    transition: transform .95s cubic-bezier(.52, .01, .16, 1) .45s, opacity .3s ease;
    transition: transform .95s cubic-bezier(.52, .01, .16, 1) .45s, opacity .3s ease, -webkit-transform .95s cubic-bezier(.52, .01, .16, 1) .45s
}

.category-subnav ul .eyebrow:last-child {
    margin-right: 0
}

.category-subnav ul .eyebrow.active {
    opacity: 1
}

#footer {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000
}

#footer .footer-content {
    width: 100%;
    max-width: 1440px;
    height: 17.36111vw;
    margin: 0 auto;
    padding-top: 3.61111vw;
    padding-bottom: 2.36111vw;
    padding-left: 8.33333vw
}

#footer .footer-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#footer .footer-row .item {
    width: 29.16667vw;
    color: #fff
}

#footer .footer-row .item>header {
    margin-bottom: 2.43056vw
}

@media (min-width:1440px) {
    #footer .footer-content {
        height: 250px;
        padding-top: 52px;
        padding-bottom: 34px;
        padding-left: 120px
    }
    #footer .footer-row .item {
        width: 420px
    }
    #footer .footer-row .item>header {
        margin-bottom: 35px
    }
}

@media (max-width:767px) {
    #footer {
        position: relative;
        bottom: auto
    }
    #footer .footer-content {
        height: auto;
        padding: 10.66667vw 0 0
    }
    #footer .footer-row {
        display: block
    }
    #footer .footer-row .social-wrapper {
        height: 24vw;
        background-color: #151515;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #footer .footer-row .item {
        width: 100%;
        padding: 0 10.66667vw 1.6vw
    }
    #footer .footer-row .item:last-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-color: #151515
    }
    #footer .footer-row .item.large {
        padding-bottom: 9.33333vw
    }
    #footer .footer-row .item>header {
        margin-bottom: 0
    }
    #footer .footer-row .item>header .eyebrow {
        font-size: 3.2vw
    }
}

#footer .footer-row .item>header:after {
    display: block;
    width: 2.08333vw;
    height: .27778vw;
    margin-top: 1.38889vw;
    content: '';
    background-color: #fff
}

@media (min-width:1440px) {
    #footer .footer-row .item>header:after {
        width: 30px;
        height: 4px;
        margin-top: 20px
    }
}

#footer .footer-row .item>header .eyebrow {
    position: relative
}

#footer .footer-row .item>header span {
    font-size: 1.06667vw;
    position: absolute;
    top: .4vw;
    right: 0;
    display: none
}

#footer .footer-row .item ul:not(.social) {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}


@media (max-width:767px) {
    #footer .footer-row .item>header:after {
        display: none
    }
    #footer .footer-row .item>header span {
        display: block
    }
    #footer .footer-row .item ul:not(.social) {
        display: block;
        overflow: hidden;
        width: 100%;
        max-height: 0;
        -webkit-transition: max-height .3s ease;
        transition: max-height .3s ease
    }
}

#footer .footer-row .item ul:not(.social) li {
    display: table;
    margin-right: 4.16667vw
}

@media (max-width:767px) {
    #footer .footer-row .item ul:not(.social) li {
        margin-right: 0
    }
    #footer .footer-row .item ul:not(.social).show {
        max-height: 160px;
        margin-bottom: 5.33333vw
    }
}

@media (min-width:1440px) {
    #footer .footer-row .item ul:not(.social) li {
        margin-right: 60px
    }
}

#footer .footer-row .item .social li {
    margin-right: 1.80556vw
}

#footer .footer-row .item .social li a {
    font-size: 1.04167vw
}

@media (max-width:767px) {
    #footer .footer-row .item .social li a {
        font-size: 12px;
        color: #fff
    }
}

#footer .footer-row .item ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 5.69444vw
}

@media (min-width:1440px) {
    #footer .footer-row .item .social li {
        margin-right: 26px
    }
    #footer .footer-row .item .social li a {
        font-size: 15px
    }
    #footer .footer-row .item ul {
        height: 82px
    }
}

#footer .footer-row .item ul li a {
    font-size: .97222vw;
    line-height: 1.73611vw;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #777
}

#footer .footer-row .item ul li a:hover {
    color: #fff
}

@media (min-width:1440px) {
    #footer .footer-row .item ul li a {
        font-size: 14px;
        line-height: 25px
    }
}

@media (max-width:767px) {
    #footer .footer-row .item ul {
        height: auto
    }
    #footer .footer-row .item ul li {
        width: 50%
    }
    #footer .footer-row .item ul li a {
        font-family: tradeBold, sans-serif;
        font-size: 2.93333vw;
        line-height: 1;
        letter-spacing: .15em
    }
    #footer .copyright {
        display: none
    }
}

#footer .copyright {
    font-size: .625vw;
    padding-right: 4.16667vw;
    text-align: right;
    color: #777
}

body.ru-ru .footer-content .eyebrow {
    text-transform: none
}

.newsletter-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 10.41667vw;
    padding-bottom: 9.72222vw;
    padding-left: 20.83333vw;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width:1440px) {
    #footer .copyright {
        font-size: 9px;
        padding-right: 60px
    }
    .newsletter-block {
        padding-top: 150px;
        padding-bottom: 140px;
        padding-left: 300px
    }
}

@media (max-width:767px) {
    .newsletter-block {
        display: block;
        margin: 0;
        padding: 14.13333vw 10.66667vw 23.2vw
    }
}

.newsletter-block .copy {
    width: 25vw;
    padding-right: 4.16667vw
}

@media (min-width:1440px) {
    .newsletter-block .copy {
        width: 360px;
        padding-right: 60px
    }
}

@media (max-width:767px) {
    .newsletter-block .copy {
        width: 100%;
        margin-bottom: 6.13333vw;
        padding-right: 0
    }
}

.newsletter-block .copy .cta {
    margin-bottom: .34722vw
}

.newsletter-block .newsletter-form {
    position: relative;
    width: 29.16667vw;
    padding-bottom: .625vw
}

@media (min-width:1440px) {
    .newsletter-block .copy .cta {
        margin-bottom: 5px
    }
    .newsletter-block .newsletter-form {
        width: 420px;
        padding-bottom: 9px
    }
}

.newsletter-block .newsletter-form .newsletter-error,
.newsletter-block .newsletter-form .newsletter-success {
    position: absolute;
    top: 100%;
    left: 0
}

.newsletter-block .newsletter-form .newsletter-error {
    color: red
}

.newsletter-block .newsletter-form input[type=email] {
    font-family: tradeBold, sans-serif;
    font-size: .69444vw;
    font-weight: 700;
    width: 100%;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #000;
    background-color: #f2f2f2;
    padding: 1.11111vw 4.16667vw 1.18056vw 1.04167vw
}

@media (min-width:1440px) {
    .newsletter-block .newsletter-form input[type=email] {
        font-size: 10px;
        padding: 16px 60px 17px 15px
    }
}

@media (max-width:767px) {
    .newsletter-block .copy .cta {
        margin-bottom: 4vw
    }
    .newsletter-block .newsletter-form {
        width: 100%
    }
    .newsletter-block .newsletter-form input[type=email] {
        font-size: 2.4vw;
        line-height: 5.33333vw;
        height: 10.66667vw;
        padding: 4vw 15.46667vw 4vw 4vw
    }
}

.newsletter-block .newsletter-form .placeholder {
    font-family: tradeBold, sans-serif;
    font-size: .69444vw;
    position: absolute;
    top: 0;
    left: 1.80556vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - .625vw);
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #1d1d1d;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1440px) {
    .newsletter-block .newsletter-form .placeholder {
        font-size: 10px;
        left: 26px;
        height: calc(100% - 9px)
    }
}

.newsletter-block .newsletter-form .newsletter-submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3.125vw;
    height: 3.125vw;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    background-color: #000
}

.newsletter-block .newsletter-form .newsletter-submit:hover {
    color: #000;
    background-color: #fff
}

@media (min-width:1440px) {
    .newsletter-block .newsletter-form .newsletter-submit {
        width: 45px;
        height: 45px
    }
}

@media (max-width:767px) {
    .newsletter-block .newsletter-form .placeholder {
        font-size: 2.4vw;
        left: 4vw
    }
    .newsletter-block .newsletter-form .newsletter-submit {
        width: 10.66667vw;
        height: 10.66667vw
    }
}

.newsletter-block .newsletter-form .newsletter-submit:before {
    font-size: 8px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dropdown-wrapper {
    position: relative;
    color: #fff
}

.dropdown-wrapper select {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding-right: 5.33333vw;
    padding-left: 2.66667vw;
    cursor: pointer;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent
}

.mobile-site-header .close,
.mobile-site-header .top .shop-link {
    font-family: tradeBold, sans-serif;
    font-size: 2.4vw;
    letter-spacing: .15em
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 5.33333vw;
    height: 4vw
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    position: absolute;
    width: 5.33333vw;
    height: 2px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    border-radius: 4px;
    background-color: #fff
}

.hamburger-inner::after,
.hamburger-inner::before {
    display: block;
    content: ''
}

.hamburger-inner::before {
    top: -6px
}

.hamburger-inner::after {
    bottom: -6px
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top .1s .14s ease, opacity .1s ease;
    transition: top .1s .14s ease, opacity .1s ease
}

.hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.active .hamburger-inner {
    -webkit-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.hamburger--squeeze.active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top .1s ease, opacity .1s .14s ease;
    transition: top .1s ease, opacity .1s .14s ease;
    opacity: 0
}

.hamburger--squeeze.active .hamburger-inner::after {
    bottom: 0;
    -webkit-transition: bottom .1s ease, -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.mobile-site-header {
    position: relative;
    display: none;
    height: 18.26667vw;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    background-color: #202029
}

@media (max-width:767px) {
    .mobile-site-header {
        display: block
    }
}

.mobile-site-header.show {
    background-color: #000
}

.mobile-site-header .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-left: 5.33333vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-site-header .top .shop-link {
    line-height: 5.33333vw;
    width: 13.33333vw;
    text-transform: uppercase;
    color: #fff
}

.mobile-site-header .logo {
    width: 60.26667vw;
    padding: 0 22vw
}

.mobile-site-header .close {
    line-height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 21.33333vw;
    text-transform: uppercase;
    color: #fff;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mobile-site-header .close.nav-open .close-close {
    display: inline
}

.mobile-site-header .close .close-close,
.mobile-site-header .close.nav-open .close-menu {
    display: none
}

.mobile-site-header .close .close-close,
.mobile-site-header .close .close-menu {
    padding-top: .53333vw
}

.mobile-site-header .mobile-navigation-container {
    position: relative;
    overflow-y: scroll;
    height: calc(100vh - 18.26667vw);
    padding-bottom: 69px
}

.mobile-site-header .text-input-overlay {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 0;
    height: 100%;
    padding-top: 22.66667vw;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
    background-color: #151515
}

.mobile-site-header .text-input-overlay.show {
    width: 100%
}

.mobile-site-header .text-input-overlay .close-input-overlay,
.mobile-site-header .text-input-overlay .init-action {
    font-family: tradeBold, sans-serif;
    font-size: 2.4vw;
    line-height: 1;
    text-align: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff
}

.mobile-site-header .text-input-overlay form {
    margin: 24vw 10.66667vw 22vw;
    padding-bottom: 1.33333vw;
    border-bottom: 1px solid #242424
}

.mobile-site-header .text-input-overlay input {
    font-family: tradeLight, sans-serif;
    font-size: 5.33333vw;
    line-height: 1;
    color: #fff;
    border: 0;
    outline: 0;
    background-color: transparent;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    -webkit-font-smoothing: antialiased!important
}

.mobile-site-header .mobile-navigation {
    position: fixed;
    z-index: 5;
    top: 18vw;
    right: 0;
    width: 0;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
    background-color: #151515
}

.mobile-site-header .mobile-navigation.show {
    width: 100%
}

.mobile-site-header .mobile-navigation.show .btn,
.mobile-site-header .mobile-navigation.show .nav-item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.mobile-site-header .mobile-navigation .nav-item {
    margin-right: 10.66667vw;
    margin-left: 10.66667vw;
    padding-bottom: 4.4vw;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    opacity: 0;
    border-bottom: 1px solid #242424
}

.mobile-site-header .mobile-navigation .nav-item:nth-child(2) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.mobile-site-header .mobile-navigation .nav-item:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.mobile-site-header .mobile-navigation .nav-item:nth-child(4) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.mobile-site-header .mobile-navigation .nav-item:nth-child(5) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.mobile-site-header .mobile-navigation .nav-item:nth-child(6) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.mobile-site-header .mobile-navigation .nav-item:nth-child(7) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.mobile-site-header .mobile-navigation .nav-item>h3 {
    font-family: tradeLight, sans-serif;
    font-size: 5.33333vw;
    line-height: 1;
    padding-top: 10.4vw;
    color: #fff
}

.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .2s ease;
    transition: max-height .2s ease
}
.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list .mobile-nested-subnav-list{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .2s ease;
    transition: max-height .2s ease
}
.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list.show {
    max-height: 600px
}
.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list .mobile-nested-subnav-list.show {
    max-height: 600px;
}
.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list.show li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list .mobile-nested-subnav-list.show li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8.93333vw;
    -webkit-transition: all .18s ease-in;
    transition: all .18s ease-in;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    text-transform: uppercase;
    opacity: 0;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: top;
    -ms-flex-align: center;
    align-items: top
}

.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list li:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list li:nth-child(3) {
    -webkit-transition-delay: .12s;
    transition-delay: .12s
}

.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list li:nth-child(4) {
    -webkit-transition-delay: .14s;
    transition-delay: .14s
}

.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list li:nth-child(5) {
    -webkit-transition-delay: .16s;
    transition-delay: .16s
}

.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list li:nth-child(6) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list li:before,
.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list .mobile-nested-subnav-list li:before
{
    display: inline-block;
    width: 5.33333vw;
    height: .26667vw;
    margin-right: 5.33333vw;
    content: '';
    vertical-align: bottom;
    background-color: #242424
}

.mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list li a {
    font-family: tradeBold, sans-serif;
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: .15em
}

.mobile-site-header .mobile-navigation .btn {
    display: table;
    margin: 12.66667vw auto 12vw;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transition-delay: .4s;
    -webkit-transition-delay: .1s;
    transition-delay: .4s;
    transition-delay: .1s;
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    opacity: 0;
    color: #000
}

.mobile-site-header .mobile-navigation .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 32.4vw;
    background-color: #000
}

.mobile-site-header .mobile-navigation .bottom .left,
.mobile-site-header .mobile-navigation .bottom .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 100%;
    color: #fff
}

.mobile-site-header .mobile-navigation .bottom .left {
    flex-direction: column;
    padding-left: 10.66667vw;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile-site-header .mobile-navigation .bottom .left span {
    font-family: tradeBold, sans-serif;
    font-size: 2.4vw;
    line-height: 5.33333vw;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #434343
}

.mobile-site-header .mobile-navigation .bottom .left .value-text {
    font-family: tradeLight, sans-serif;
    font-size: 4vw;
    text-transform: capitalize;
    color: #fff
}

#mobileSearchSubmit {
    cursor: pointer
}

.ru-ru .mobile-site-header .mobile-navigation .nav-item .mobile-subnav-list.show li {
    text-transform: none
}

body.home .site-header,
body.page-template-template-about-page .site-header {
    z-index: 1100;
    right: 0;
    left: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    background-color: transparent
}

.site-header .nav-item-hover:hover .subnavigation .subnav-list,
.site-header .nav-item-hover:hover .subnavigation .subnav-list .nested-subnav-list,
.site-header .nav-item-hover:hover .subnavigation .subnav-wrapper .indicator {
    opacity: 1
}

body.home .site-header.shrink,
body.page-template-template-about-page .site-header.shrink {
    background-color: #0c0c0c
}

body.home .site-header .icon-logo,
body.home .site-header .nav-1,
body.home .site-header .nav-2,
body.page-template-template-about-page .site-header .icon-logo,
body.page-template-template-about-page .site-header .nav-1,
body.page-template-template-about-page .site-header .nav-2 {
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    color: #fff
}

body.home .site-header .nav-2 li:last-child .icon-down-arrow,
body.page-template-template-about-page .site-header .nav-2 li:last-child .icon-down-arrow {
    color: #fff
}

body.page-template-template-country-selector-page .site-content {
    padding-top: 0
}

.is-ie .site-header nav {
    max-width: 100%;
    -ms-flex: 0 1 auto
}

.is-ie .site-header nav .nav-1,
.is-ie .site-header nav .nav-2 {
    max-width: 100%
}

.site-header {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    background-color: #fff
}

@media (max-width:767px) {
    .site-header {
        position: static;
        display: none;
        height: 18.26667vw;
        background-color: #202029
    }
}

.site-header .header-wrapper,
.site-header nav {
    width: 100%
}

.site-header .header-wrapper {
    position: relative;
    display: flex;
    max-width: 1440px;
    height: 9.72222vw;
    margin: 0 auto;
    padding: 0 4.16667vw;
    -webkit-transition: height .2s ease;
    transition: height .2s ease;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.site-header .hamburger {
    display: none
}

@media (max-width:767px) {
    .site-header .hamburger {
        display: block
    }
}

.site-header nav {
    display: flex
}

.site-header .site-branding {
    width: 8.33333vw;
    margin-right: 2.77778vw
}

.site-header .site-branding .icon-logo {
    font-size: 2.70833vw
}

.site-header .nav-item-hover:hover .subnavigation {
    z-index: 20;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.site-header .nav-item-hover:hover .subnavigation .subnav-list li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.site-header .nav-item-hover:hover .subnavigation .subnav-list .nested-subnav-list li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.site-header .nav-1,
.site-header .nav-2 {
    color: #000
}

.site-header .nav-1>ul,
.site-header .nav-2>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.site-header .nav-1 li,
.site-header .nav-2 li {
    line-height: 1.52778vw;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.site-header .nav-1 li a,
.site-header .nav-2 li a {
    line-height: 1.52778vw
}

@media (min-width:1440px) {
    .site-header .header-wrapper {
        height: 140px;
        padding: 0 60px
    }
    .site-header .site-branding {
        width: 120px;
        margin-right: 40px
    }
    .site-header .site-branding .icon-logo {
        font-size: 39px
    }
    .site-header .nav-1 li,
    .site-header .nav-1 li a,
    .site-header .nav-2 li,
    .site-header .nav-2 li a {
        line-height: 22px
    }
}

.site-header .nav-1 li.fade,
.site-header .nav-2 li.fade {
    opacity: .4
}

.site-header .nav-1 li:not(:last-child),
.site-header .nav-2 li:not(:last-child) {
    margin-right: 2.77778vw
}

.site-header .nav-2 {
    margin-left: auto
}

.site-header .nav-2 li:last-child .icon-down-arrow {
    font-size: .41667vw;
    display: inline-block;
    padding-top: .13889vw;
    padding-left: .34722vw;
    vertical-align: text-top;
    color: #000
}

.site-header.shrink {
    background-color: #0c0c0c
}

.site-header.shrink .header-wrapper {
    height: 4.44444vw
}

@media (min-width:1440px) {
    .site-header .nav-1 li:not(: last-child), .site-header .nav-2 li:not(: last-child) {
        margin-right: 40px
    }
    .site-header .nav-2 li:last-child .icon-down-arrow {
        font-size: 6px;
        padding-top: 2px;
        padding-left: 5px
    }
    .site-header.shrink .header-wrapper {
        height: 64px
    }
}

.site-header.shrink .header-wrapper .icon-logo {
    font-size: 1.73611vw;
    color: #fff
}

.site-header.shrink .header-wrapper .nav-1,
.site-header.shrink .header-wrapper .nav-2,
.site-header.shrink .header-wrapper .nav-2 li:last-child .icon-down-arrow {
    color: #fff
}

.site-header.shrink .header-wrapper .subnavigation {
    top: 2.77778vw;
    padding-top: 1.66667vw
}

@media (min-width:1440px) {
    .site-header.shrink .header-wrapper .icon-logo {
        font-size: 25px
    }
    .site-header.shrink .header-wrapper .subnavigation {
        top: 40px;
        padding-top: 24px
    }
}

.site-header.shrink .category-subnav {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.site-header.shrink .category-subnav li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: .4
}

.site-header.shrink .category-subnav li.active {
    opacity: 1
}

#searchSubmit {
    cursor: pointer
}

.mobile-home-hero {
    display: none
}

@media (max-width:767px) {
    .mobile-home-hero {
        display: block
    }
}

.mobile-home-hero .image-wrapper {
    height: 108.4vw
}

.mobile-home-hero .image-wrapper .image {
    width: 100%;
    height: 108.4vw
}

.mobile-home-hero .copy-block {
    position: relative;
    top: -10vw;
    width: 89.33333vw;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    padding: 8.26667vw 6.66667vw 7.73333vw
}

.mobile-home-hero .copy-block .progress-bar-mobile {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    left: 0;
    width: 0;
    height: 1.06667vw
}

.mobile-home-hero .copy-block .controls {
    position: absolute;
    top: -11.86667vw;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mobile-home-hero .copy-block .controls .control {
    position: relative;
    width: 11.33333vw;
    height: 11.33333vw;
    color: #fff;
    background-color: #06369d
}

.mobile-home-hero .copy-block .controls .control:first-child {
    margin-right: .53333vw
}

.mobile-home-hero .copy-block .controls .control:before {
    font-size: 8px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mobile-home-hero .copy-block h1,
.mobile-home-hero .copy-block h5 {
    text-align: center
}

.mobile-home-hero .copy-block h5 {
    margin-bottom: 1.33333vw
}

.mobile-home-hero .copy-block h1 {
    margin-bottom: 5.86667vw
}

.mobile-home-hero .copy-block .btn {
    margin: 0 auto
}

.pull-quote:before {
    font-size: 1.73611vw;
    display: block;
    content: '"';
    letter-spacing: .35em
}

.pull-quote .quote {
    margin-bottom: 1.73611vw
}

.pull-quote .share-quote {
    position: relative;
    left: -1.73611vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pull-quote .share-quote:before {
    width: 3.47222vw;
    height: .20833vw;
    margin-right: 1.73611vw;
    content: '';
    background-color: #000
}

.pull-quote .share-quote .icon-twitter {
    padding-right: .69444vw
}

@media (min-width:1440px) {
    .pull-quote:before {
        font-size: 25px
    }
    .pull-quote .quote {
        margin-bottom: 25px
    }
    .pull-quote .share-quote {
        left: -25px
    }
    .pull-quote .share-quote:before {
        width: 50px;
        height: 3px;
        margin-right: 25px
    }
    .pull-quote .share-quote .icon-twitter {
        padding-right: 10px
    }
}

@media (max-width:767px) {
    .pull-quote .quote {
        font-size: 4vw;
        line-height: 8.66667vw;
        margin-bottom: 2.93333vw;
        letter-spacing: .35em
    }
    .pull-quote .share-quote {
        left: -5.46667vw
    }
    .pull-quote .share-quote:before {
        width: 16.26667vw;
        height: .93333vw;
        margin-right: 6vw
    }
    .pull-quote .share-quote .icon-twitter {
        padding-right: 2.4vw
    }
}

.pull-quote .quote-author {
    font-size: .90278vw;
    margin-top: 3.75vw;
    color: #1f1f1f
}

.pull-quote .quote-author:before {
    display: inline-block;
    width: .27778vw;
    height: 1px;
    margin-right: .34722vw;
    content: '';
    vertical-align: middle;
    background-color: #1f1f1f
}

.scroll-indicator {
    position: absolute;
    z-index: 4;
    right: 4.16667vw;
    bottom: 3.81944vw;
    display: flex;
    color: #fff
}

@media (min-width:1440px) {
    .pull-quote .quote-author {
        font-size: 13px;
        margin-top: 54px
    }
    .pull-quote .quote-author:before {
        width: 4px;
        margin-right: 5px
    }
    .scroll-indicator {
        right: 60px;
        bottom: 55px
    }
}

@media (max-width:767px) {
    .pull-quote .quote-author {
        font-size: 3.06667vw;
        margin-top: 10.66667vw
    }
    .pull-quote .quote-author:before {
        width: 7px;
        margin-right: 10px
    }
    .scroll-indicator {
        display: none
    }
}

.scroll-indicator .scroll-dots {
    position: relative;
    display: block;
    margin-left: 1.11111vw;
    padding-top: 2px
}

.scroll-indicator .scroll-dots ul {
    position: absolute;
    right: 0;
    bottom: -22px;
    left: 0;
    display: flex;
    flex-direction: column;
    padding-top: 7px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.scroll-indicator .scroll-dots ul li {
    width: 2px;
    height: 2px;
    margin-bottom: 3px;
    -webkit-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite;
    opacity: 0;
    border-radius: 50%;
    background-color: #fff
}

.scroll-indicator .scroll-dots ul li:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.scroll-indicator .scroll-dots ul li:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.scroll-indicator .scroll-dots ul li:nth-child(3) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.scroll-indicator .circle {
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 10px;
    background-color: transparent
}

.scroll-indicator.bottom {
    bottom: 1.73611vw;
    cursor: pointer;
    color: #000
}

.scroll-indicator.bottom .circle {
    border: 2px solid #000
}

.scroll-indicator.bottom .scroll-dots ul {
    bottom: 10px;
    padding-top: 0
}

.scroll-indicator.bottom .scroll-dots ul li {
    background-color: #000
}

@-webkit-keyframes circlebounce {
    0%,
    100%,
    40%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20%,
    30%,
    60%,
    70% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@keyframes circlebounce {
    0%,
    100%,
    40%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20%,
    30%,
    60%,
    70% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@-webkit-keyframes loadingFade {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: .8
    }
}

@keyframes loadingFade {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: .8
    }
}

.subnavigation.show .subnav-list,
.subnavigation.show .subnav-list .nested-subnav-list, 
.subnavigation.show .subnav-wrapper .indicator {
    opacity: 1
}

.subnavigation {
    position: absolute;
    top: 5.06944vw;
    right: 4.16667vw;
    left: 4.16667vw;
    padding-top: 4.16667vw;
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media (min-width:1440px) {
    .scroll-indicator .scroll-dots {
        margin-left: 16px
    }
    .subnavigation {
        top: 73px;
        right: 60px;
        left: 60px;
        padding-top: 60px
    }
}

.subnavigation.show {
    z-index: 20;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.subnavigation.show .subnav-list li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.subnavigation.show .subnav-list .nested-subnav-list li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.subnavigation.hide {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.subnavigation .subnav-wrapper {
    position: relative
}

.subnavigation .subnav-wrapper .indicator {
    position: absolute;
    top: -.13889vw;
    width: 4.44444vw;
    height: .20833vw;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    background-color: #fff
}

.subnavigation.first .indicator {
    left: 10.13889vw
}

@media (min-width:1440px) {
    .subnavigation .subnav-wrapper .indicator {
        top: -2px;
        width: 64px;
        height: 3px
    }
    .subnavigation.first .indicator {
        left: 146px
    }
    .subnavigation.second .indicator {
        letter-spacing: 254px
    }
}

.subnavigation.second .indicator {
    left: 17.63889vw
}

.subnavigation.third .indicator {
    left: 25vw
}

.subnavigation.search .subnav-wrapper {
    height: 6.25vw;
    padding: 0 4.16667vw;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1440px) {
    .subnavigation.third .indicator {
        left: 360px
    }
    .subnavigation.search .subnav-wrapper {
        height: 90px;
        padding: 0 60px
    }
}

.show .subnavigation.search .subnav-wrapper {
    opacity: 1
}

.subnavigation.search .subnav-wrapper form {
    position: relative;
    height: 100%
}

.subnavigation.search .subnav-wrapper form .placeholder {
    font-family: tradeLight, sans-serif;
    font-size: 2.08333vw;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    color: #010101;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1440px) {
    .subnavigation.search .subnav-wrapper form .placeholder {
        font-size: 30px;
        height: 100%
    }
}

.subnavigation.search .subnav-wrapper form input[type=text] {
    font-family: tradeLight, sans-serif;
    font-size: 2.08333vw;
    line-height: 3.125vw;
    width: 100%;
    height: 100%
}

@media (min-width:1440px) {
    .subnavigation.search .subnav-wrapper form input[type=text] {
        font-size: 30px;
        line-height: 45px
    }
}

.subnavigation.search .subnav-wrapper form input[type=text]::-webkit-input-placeholder {
    font-family: tradeLight;
    font-size: 2.08333vw;
    color: #010101
}

@media (min-width:1440px) {
    .subnavigation.search .subnav-wrapper form input[type=text]::-webkit-input-placeholder {
        font-size: 30px
    }
}

.subnavigation.search .subnav-wrapper form input[type=text]:-moz-placeholder {
    font-family: tradeLight;
    font-size: 2.08333vw;
    color: #010101
}

@media (min-width:1440px) {
    .subnavigation.search .subnav-wrapper form input[type=text]:-moz-placeholder {
        font-size: 30px
    }
}

.subnavigation.search .subnav-wrapper form input[type=text]::-moz-placeholder {
    font-family: tradeLight;
    font-size: 2.08333vw;
    color: #010101
}

@media (min-width:1440px) {
    .subnavigation.search .subnav-wrapper form input[type=text]::-moz-placeholder {
        font-size: 30px
    }
}

.subnavigation.search .subnav-wrapper form input[type=text]:-ms-input-placeholder {
    font-family: tradeLight;
    font-size: 2.08333vw;
    color: #010101
}

.subnavigation.search .subnav-wrapper form .icon-search {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.subnavigation.search .indicator {
    right: 5.83333vw;
    left: auto;
    width: 3.40278vw
}

.subnavigation .subnav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*height: 6.25vw;*/
    height: auto;
    padding: 0 4.16667vw;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;
    -webkit-align-items: center;*/
    /*-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between*/
}

@media (min-width:1440px) {
    .subnavigation.search .subnav-wrapper form input[type=text]:-ms-input-placeholder {
        font-size: 30px
    }
    .subnavigation.search .indicator {
        right: 84px;
        width: 49px
    }
    .subnavigation .subnav-list {
        height: auto;
        padding: 0 60px
    }
}

.subnavigation .subnav-list li {
    font-family: tradeBold, sans-serif;
    font-size: .90278vw;
    line-height: 3.47222vw;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    letter-spacing: .15em;
    text-transform: uppercase;
    opacity: 0;
    margin-right: 3.77778vw !important;
}

.subnavigation .subnav-list .nested-subnav-list li {
    font-family: tradeBold, sans-serif;
    line-height: 28px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    text-transform: uppercase;
    opacity: 0;
    letter-spacing: .15em;
}
.subnavigation .subnav-list li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.subnavigation .subnav-list li:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.subnavigation .subnav-list li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

.subnavigation .subnav-list li:nth-child(5) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.subnavigation .subnav-list li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

.subnavigation .subnav-list li:nth-child(7) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.subnavigation .subnav-list li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}

.subnavigation .subnav-list>li>a:after {
    position: absolute;
    top: 37px;
    left: 0;
    display: block;
    width: 1.38889vw;
    height: .07944vw;
    content: '';
    font-weight: bold !important;
    background-color: #000
}


/*.subnavigation .subnav-list .nested-subnav-list li:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    background: none;
}*/
.subnavigation .subnav-list .nested-subnav-list li:not(.fade) {
    opacity: 1!important;
    color: #000 !important;
}

.subnavigation .subnav-list li.fade {
    opacity: .6!important
}
.subnavigation .subnav-list .nested-subnav-list li.fade {
    opacity: .6!important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.subnavigation .subnav-list li a {
    padding: .69444vw 0;
    color: #000
}
.subnavigation .subnav-list .nested-subnav-list li a {
    padding: .69444vw 0;
    color: #000
}

@media (min-width:1440px) {
    .subnavigation .subnav-list li {
        font-size: 13px;
        line-height: 50px
    }
    .subnavigation .subnav-list li:after {
        bottom: 11px;
        width: 20px;
        height: 1px
    }
    .subnavigation .subnav-list li a {
        padding: 10px 0
    }
}

.ru-ru .subnavigation .subnav-list li,
.ru-ru .video-bg .btn-video-play .text {
    text-transform: none
}

.view-mobile .video-bg .icon-play:before {
    font-size: 1.6vw;
    bottom: 2vw
}

.video-bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-bg:hover .background {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.video-bg .background {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media (max-width:767px) {
    .video-bg .background {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
    .video-bg .background.fade {
        opacity: 0
    }
}

.video-bg .btn-video-play {
    position: relative;
    width: 11.11111vw;
    height: 11.11111vw;
    cursor: pointer;
    -webkit-transition: border .2s ease-in;
    transition: border .2s ease-in;
    border: .69444vw solid rgba(250, 250, 250, .4);
    border-radius: 50%;
    background-color: transparent
}

@media (min-width:1440px) {
    .video-bg .btn-video-play {
        width: 160px;
        height: 160px;
        border: 10px solid rgba(250, 250, 250, .4)
    }
}

@media (max-width:767px) {
    .video-bg .btn-video-play {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 18.66667vw;
        height: 18.66667vw;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        border: none;
        background-color: #fff;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .video-bg .btn-video-play.fade {
        opacity: 0
    }
}

@media (min-width:768px) {
    .video-bg .btn-video-play:hover {
        border: .41667vw solid rgba(250, 250, 250, .4)
    }
}

@media (min-width:768px) and (min-width:1440px) {
    .video-bg .btn-video-play:hover {
        border: 6px solid rgba(250, 250, 250, .4)
    }
}

.video-bg .btn-video-play.animating-border {
    border: .69444vw solid rgba(250, 250, 250, .4)
}

@media (min-width:1440px) {
    .video-bg .btn-video-play.animating-border {
        border: 10px solid rgba(250, 250, 250, .4)
    }
}

.video-bg .btn-video-play .text {
    font-family: tradeBold, sans-serif;
    font-size: .69444vw;
    font-weight: 700;
    line-height: 1.04167vw;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-bg .icon-play:before {
    position: absolute;
    z-index: 1;
    bottom: 2.98611vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #cd1231
}

@media (min-width:1440px) {
    .video-bg .btn-video-play .text {
        font-size: 10px;
        line-height: 15px
    }
    .video-bg .icon-play:before {
        bottom: 43px
    }
}

@media (max-width:767px) {
    .video-bg .btn-video-play .text {
        display: none
    }
    .video-bg .icon-play:before {
        position: static;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

section.video__player {
    position: fixed;
    z-index: 1101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    opacity: 0;
    background-color: rgba(255, 255, 255, .9);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.video__player.open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.video__player .video__wrapper {
    position: relative;
    width: 62.5vw;
    margin: 0
}

section.video__player .video__wrapper .video__control__close {
    position: absolute;
    z-index: 1;
    top: -27px;
    right: 16px;
    cursor: pointer;
    color: #000
}

@media (min-width:1440px) {
    section.video__player .video__wrapper {
        width: 900px
    }
    section.video__player .video__wrapper .video__control__close {
        font-size: 12px
    }
}

section.video__player .video__wrapper .video__control__close span {
    font-size: .76389vw;
    padding-left: 5px
}

section.video__player .video__wrapper .video__wrapper-inner {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%
}

section.video__player .video__wrapper .video__wrapper-inner embed,
section.video__player .video__wrapper .video__wrapper-inner iframe,
section.video__player .video__wrapper .video__wrapper-inner object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section.video__player .video__wrapper .mini-progressbar {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    width: 0;
    height: .41667vw;
    max-height: 0;
    -webkit-transition: max-height .5s ease;
    transition: max-height .5s ease;
    background-color: #fff
}

section.video__player .video__wrapper .mini-progressbar.show {
    max-height: 6px
}

section.video__player .video__wrapper .video__control-bar {
    position: absolute;
    right: 5px;
    bottom: .34722vw;
    left: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 10px);
    height: 3.26389vw;
    max-height: 47px;
    margin-top: -1px;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
    background-color: transparent
}

section.video__player .video__wrapper .video__control-bar.hide {
    overflow-x: hidden;
    max-height: 0
}

section.video__player .video__wrapper .video__control-bar>div {
    cursor: pointer
}

section.video__player .video__wrapper .video__control-bar .video__control__play-pause {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5.27778vw;
    background-color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.video__player .video__wrapper .video__control-bar .video__control__play-pause>button {
    cursor: pointer
}

@media (min-width:1440px) {
    section.video__player .video__wrapper .video__control__close span {
        font-size: 11px
    }
    section.video__player .video__wrapper .video__control-bar {
        height: 47px
    }
    section.video__player .video__wrapper .video__control-bar .video__control__play-pause {
        width: 76px
    }
}

section.video__player .video__wrapper .video__control-bar .video__control__scrubber-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 50vw;
    max-width: 720px;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.video__player .video__wrapper .video__control-bar .video__control__scrubber-wrapper #progressBar {
    overflow: hidden;
    width: 100%;
    height: 3.26389vw;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .1)
}

@media (min-width:1440px) {
    section.video__player .video__wrapper .video__control-bar .video__control__scrubber-wrapper #progressBar {
        width: 720px;
        height: 47px
    }
}

section.video__player .video__wrapper .video__control-bar .video__control__scrubber-wrapper #progressBar div {
    position: relative;
    overflow: visible!important;
    width: 0;
    height: 100%;
    background-color: #fff
}

.country-selector,
body.single-category #page {
    overflow-y: hidden
}

section.video__player .video__wrapper .video__control-bar .time-remaining {
    color: #000
}

section.video__player .video__wrapper .video__control-bar .video__control__share {
    font-size: .83333vw;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 3.26389vw;
    cursor: pointer;
    border-right: 1px solid #000;
    background-color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1440px) {
    section.video__player .video__wrapper .video__control-bar .video__control__share {
        font-size: 12px;
        width: 47px
    }
}

section.video__player .video__wrapper .video__control-bar .video__control__share .share-hidden {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.video__player .video__wrapper .video__control-bar .video__control__share .share-hidden:before {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

section.video__player .video__wrapper .video__control-bar .video__control__share:hover .share-hidden:first-child:before,
section.video__player .video__wrapper .video__control-bar .video__control__share:hover .share-hidden:last-child:before {
    opacity: 1
}

section.video__player .video__wrapper .video__control-bar .video__control__share .share-hidden:first-child:hover {
    color: #3b5998
}

section.video__player .video__wrapper .video__control-bar .video__control__share .share-hidden:last-child:hover {
    color: #1da1f2
}

section.video__player .video__wrapper .video__control-bar .video__control__share:hover .share-hidden:first-child {
    -webkit-transform: translateY(-3.26389vw);
    transform: translateY(-3.26389vw)
}

@media (min-width:1440px) {
    section.video__player .video__wrapper .video__control-bar .video__control__share:hover .share-hidden:first-child {
        -webkit-transform: translateY(-48px);
        transform: translateY(-48px)
    }
}

section.video__player .video__wrapper .video__control-bar .video__control__share:hover .share-hidden:last-child {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transform: translateY(-6.52778vw);
    transform: translateY(-6.52778vw)
}

section.video__player .video__wrapper .video__control-bar .video__control__fullscreen {
    font-size: .83333vw;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 3.26389vw;
    cursor: pointer;
    background-color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1440px) {
    section.video__player .video__wrapper .video__control-bar .video__control__share:hover .share-hidden:last-child {
        -webkit-transform: translateY(-96px);
        transform: translateY(-96px)
    }
    section.video__player .video__wrapper .video__control-bar .video__control__fullscreen {
        font-size: 12px;
        width: 47px
    }
}

button.ytp-button {
    border: 0 solid;
    outline: 0;
    background: 0 0
}

.ytp-play-button {
    padding-right: 0;
    opacity: .85;
    fill: #000
}

body.desktop .ytp-play-button:hover {
    cursor: pointer;
    opacity: 1
}

.youtube-mobile {
    position: relative;
    display: none;
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%
}

.youtube-mobile iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#about-page .hero {
    position: relative;
    width: 100%;
    height: 27.77778vw
}

@media (min-width:1440px) {
    #about-page .hero {
        height: 400px
    }
}

@media (max-width:767px) {
    .init-video {
        display: none
    }
    #about-page .hero {
        height: 44.4vw
    }
}

#about-page .hero .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#about-page .hero .hero-highlight {
    position: relative;
    width: 47.22222vw;
    margin: 0 auto;
    padding-top: 13.88889vw;
    text-align: center;
    color: #fff
}

#about-page .timeline {
    padding-bottom: 6.94444vw;
    background-color: #f2f2f2
}

@media (min-width:1440px) {
    #about-page .hero .hero-highlight {
        width: 680px;
        padding-top: 200px
    }
    #about-page .timeline {
        padding-bottom: 100px
    }
}

#about-page .timeline .mobile-date-picker {
    display: none;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 11.33333vw 11.2vw 16vw
}

@media (max-width:767px) {
    #about-page .hero .hero-highlight {
        font-size: 5.33333vw;
        width: 88vw
    }
    #about-page .timeline .mobile-date-picker {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

#about-page .timeline .mobile-date-picker .date-select {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .8vw;
    border-bottom: 2px solid #000;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

#about-page .timeline .mobile-date-picker .date-select .icon-down-arrow {
    font-size: 1.06667vw;
    margin-top: .8vw;
    margin-left: 14.66667vw
}

#about-page .timeline .mobile-date-picker .date-select select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

#about-page .timeline .dates {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 10.41667vw;
    padding: 0 4.16667vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1440px) {
    #about-page .timeline .dates {
        height: 150px;
        padding: 0 60px
    }
}

@media (max-width:767px) {
    #about-page .timeline .dates {
        display: none;
        height: auto
    }
    #about-page .timeline .history .drag-cta-wrapper {
        display: none
    }
}

#about-page .timeline .dates .eyebrow {
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

#about-page .timeline .dates .eyebrow:hover {
    color: #cd1231
}

#about-page .timeline .dates .indicator {
    position: absolute;
    width: .34722vw;
    height: .34722vw;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    border-radius: 50%;
    background-color: #cd1231
}

@media (min-width:1440px) {
    #about-page .timeline .dates .indicator {
        width: 5px;
        height: 5px
    }
}

#about-page .timeline .dates .indicator.show {
    -webkit-transform: scale(1);
    transform: scale(1)
}

#about-page .timeline .history {
    position: relative
}

#about-page .timeline .history:hover {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

#about-page .timeline .history.grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

#about-page .timeline .history .drag-cta-wrapper {
    position: absolute;
    z-index: 2;
    top: 9.23611vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#about-page .timeline .history .drag-cta-wrapper.hide {
    display: none
}

#about-page .timeline .history .drag-cta-wrapper .drag-cta-outer {
    padding: .34722vw;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 50%
}

#about-page .timeline .history .drag-cta-wrapper .drag-cta-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 10.625vw;
    height: 10.625vw;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#about-page .timeline .history .drag-cta-wrapper .drag-cta-inner .hand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#about-page .timeline .history .drag-cta-wrapper .drag-cta-inner .hand .icon-triangle-left,
#about-page .timeline .history .drag-cta-wrapper .drag-cta-inner .hand .icon-triangle-right {
    font-size: .48611vw
}

@media (min-width:1440px) {
    #about-page .timeline .history .drag-cta-wrapper .drag-cta-inner {
        width: 153px;
        height: 153px
    }
    #about-page .timeline .history .drag-cta-wrapper .drag-cta-inner .hand {
        margin-bottom: 18px
    }
    #about-page .timeline .history .drag-cta-wrapper .drag-cta-inner .hand .icon-triangle-left,
    #about-page .timeline .history .drag-cta-wrapper .drag-cta-inner .hand .icon-triangle-right {
        font-size: 7px
    }
}

#about-page .timeline .history .drag-cta-wrapper .drag-cta-inner .hand .icon-hand {
    font-size: 1.52778vw;
    padding: 0 .69444vw
}

@media (min-width:1440px) {
    #about-page .timeline .history .drag-cta-wrapper .drag-cta-inner .hand .icon-hand {
        font-size: 22px;
        padding: 0 10px
    }
}

#about-page .timeline .history .drag-cta-wrapper .drag-cta-inner .cta-hint {
    width: 60%;
    text-align: center
}

#about-page .timeline .history .item {
    position: relative;
    display: inline-block;
    width: 45.83333vw;
    margin-top: .83333vw;
    padding-left: 4.16667vw
}

@media (min-width:1440px) {
    #about-page .timeline .history .item {
        width: 660px;
        margin-top: 12px;
        padding-left: 60px
    }
}

@media (min-width:1670px) {
    #about-page .timeline .history .item {
        margin-top: 20px
    }
}

#about-page .timeline .history .item .year {
    font-family: tradeExtend;
    font-size: 3.125vw;
    position: absolute;
    z-index: 1;
    top: -.97222vw;
    left: 6.59722vw;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (min-width:1440px) {
    #about-page .timeline .history .item .year {
        top: -14px;
        left: 95px
    }
}

@media (max-width:767px) {
    #about-page .timeline .history .item {
        width: 83.33333vw;
        margin-top: 3.33333vw;
        padding-left: 5.33333vw
    }
    #about-page .timeline .history .item .year {
        font-size: 8vw;
        top: -.8vw;
        left: 10.93333vw
    }
}

#about-page .timeline .history .item .year.fade {
    opacity: 0
}

#about-page .timeline .history .item .image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 27.77778vw
}

@media (min-width:1440px) {
    #about-page .timeline .history .item .image {
        height: 400px
    }
}

@media (max-width:767px) {
    #about-page .timeline .history .item .image {
        height: 48.93333vw
    }
}

#about-page .timeline .history .item .image .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

#about-page .timeline .history .item .image .background.grow-bg {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

#about-page .timeline .history .item .copy {
    padding-top: 2.43056vw;
    padding-right: 1.38889vw;
    padding-left: 1.38889vw;
    white-space: initial
}

#about-page .timeline .history .item .copy .subtitle {
    margin-bottom: 1.11111vw
}

@media (min-width:1440px) {
    #about-page .timeline .history .item .copy {
        padding-top: 35px;
        padding-right: 20px;
        padding-left: 20px
    }
    #about-page .timeline .history .item .copy .subtitle {
        margin-bottom: 16px
    }
}

@media (max-width:767px) {
    #about-page .timeline .history .item .copy {
        padding: 5.33333vw 0 0
    }
    #about-page .timeline .history .item .copy .subtitle {
        margin-bottom: 3.33333vw
    }
}

#about-page .column-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: 9.72222vw
}

#about-page .column-2 .left {
    width: 50vw;
    padding-top: 7.77778vw;
    padding-left: 8.33333vw
}

@media (min-width:1440px) {
    #about-page .column-2 {
        padding-bottom: 140px
    }
    #about-page .column-2 .left {
        width: 720px;
        padding-top: 112px;
        padding-left: 120px
    }
}

@media (max-width:767px) {
    #about-page .column-2 {
        display: block
    }
    #about-page .column-2 .left {
        width: 78.66667vw;
        margin: 0 auto;
        padding: 12vw 0 0
    }
}

#about-page .column-2 .left .item {
    margin-bottom: 4.02778vw
}

#about-page .column-2 .left .item:last-child {
    margin-bottom: 0
}

@media (min-width:1440px) {
    #about-page .column-2 .left .item {
        margin-bottom: 58px
    }
}

@media (max-width:767px) {
    #about-page .column-2 .left .item {
        margin-bottom: 16vw
    }
}

#about-page .column-2 .left .item .subtitle {
    margin-bottom: 2.43056vw
}

#about-page .column-2 .right {
    width: 50vw;
    padding-top: 10.41667vw;
    padding-left: 4.16667vw
}

@media (min-width:1440px) {
    #about-page .column-2 .left .item .subtitle {
        margin-bottom: 35px
    }
    #about-page .column-2 .right {
        width: 720px;
        padding-top: 150px;
        padding-left: 60px
    }
}

@media (max-width:767px) {
    #about-page .column-2 .left .item .subtitle {
        margin-bottom: 9.86667vw
    }
    #about-page .column-2 .right {
        display: none
    }
}

#about-page .column-2 .right .poster {
    margin-bottom: 6.94444vw
}

@media (min-width:1440px) {
    #about-page .column-2 .right .poster {
        margin-bottom: 100px
    }
}

body.single-category .site-content {
    max-width: none
}

body.single-category .background-line {
    z-index: auto
}

body.single-category .background-line-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto
}

body.single-category .background-line-wrapper .bg-line-4 {
    left: 66.31944vw
}

#category-page .carousel-wrapper {
    max-width: 1440px;
    margin: 0 auto
}

@media (max-width:767px) {
    body.single-category .background-line-wrapper {
        position: static
    }
    #category-page .carousel-wrapper {
        margin-right: 0;
        margin-left: 0
    }
}

#category-page .category-carousel {
    position: relative
}

#category-page .category-carousel .slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40.27778vw;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width:1440px) {
    body.single-category .background-line-wrapper .bg-line-4 {
        left: 964px
    }
    #category-page .category-carousel .slide {
        height: 580px
    }
}

@media (max-width:767px) {
    #category-page .category-carousel .slide {
        height: 62.66667vw
    }
    #category-page .category-carousel .copy {
        display: none
    }
}

#category-page .category-carousel .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#category-page .category-carousel .copy {
    position: relative;
    width: 22.91667vw;
    margin-bottom: 3.47222vw;
    margin-left: 4.16667vw;
    color: #fff
}

@media (min-width:1440px) {
    #category-page .category-carousel .copy {
        width: 330px;
        margin-bottom: 50px;
        margin-left: 60px
    }
}

#category-page .category-carousel .copy .eyebrow {
    margin-bottom: .27778vw
}

@media (min-width:1440px) {
    #category-page .category-carousel .copy .eyebrow {
        margin-bottom: 4px
    }
}

#category-page .category-carousel .copy .title-hero {
    margin-bottom: 1.52778vw
}

#category-page .category-carousel .slick-dots {
    font-size: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2.5vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1440px) {
    #category-page .category-carousel .copy .title-hero {
        margin-bottom: 22px
    }
    #category-page .category-carousel .slick-dots {
        left: -36px
    }
}

#category-page .category-carousel .slick-dots li {
    width: 1.86667vw;
    height: .26667vw;
    margin: 0 auto .55556vw;
    cursor: pointer;
    -webkit-transition: width .2s linear;
    -webkit-transition: -webkit-transform .2s ease;
    transition: width .2s linear;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    background-color: #f2f2f2
}

@media (min-width:1440px) {
    #category-page .category-carousel .slick-dots li {
        width: 14px;
        height: 2px;
        margin: 0 auto 8px
    }
}

#category-page .category-carousel .slick-dots li.slick-active {
    width: .97222vw;
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #000
}

@media (min-width:1440px) {
    #category-page .category-carousel .slick-dots li.slick-active {
        width: 14px
    }
}

#category-page .category-carousel .slick-dots li button {
    display: none
}

#category-page .carousel-copy-mobile {
    position: relative;
    display: none;
    padding-top: 10vw;
    padding-right: 50vw;
    padding-left: 10.66667vw
}

@media (max-width:767px) {
    #category-page .category-carousel .slick-dots {
        display: none
    }
    #category-page .carousel-copy-mobile {
        display: block
    }
}

#category-page .carousel-copy-mobile .controls {
    position: absolute;
    top: .53333vw;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#category-page .carousel-copy-mobile .controls .control {
    position: relative;
    width: 11.33333vw;
    height: 11.33333vw;
    color: #fff;
    background-color: #000
}

#category-page .carousel-copy-mobile .controls .control:first-child {
    margin-right: .53333vw
}

#category-page .carousel-copy-mobile .controls .control:before {
    font-size: 8px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#category-page .carousel-copy-mobile .eyebrow {
    padding-bottom: 1.6vw
}

#category-page .carousel-copy-mobile .title {
    padding-bottom: 6.66667vw
}

#category-page .category-list .category-block {
    padding: 7.36111vw 3.47222vw 11.11111vw 8.33333vw
}

@media (min-width:1440px) {
    #category-page .category-list .category-block {
        padding: 106px 0 160px
    }
}

@media (max-width:767px) {
    #category-page .category-list .category-block {
        padding: 18vw 0 32vw
    }
}

#category-page .category-list .category-block:nth-child(odd) {
    background-color: #fff
}

#category-page .category-list .category-block:nth-child(even),
#category-page .category-list .category-block:nth-child(odd) .product-grid .product .image .background {
    background-color: #f2f2f2
}

#category-page .category-list .category-block:nth-child(even) .product-grid .product .image .background {
    background-color: #fff
}

#category-page .category-list header {
    position: relative;
    margin-bottom: 5.13889vw;
    text-align: center
}

@media (min-width:1440px) {
    #category-page .category-list header {
        margin-bottom: 74px
    }
}

#category-page .category-list header .title-hero {
    font-family: trade, sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 5.20833vw;
    letter-spacing: .35em;
    text-transform: uppercase
}

#category-page .category-list header .title-hero:after {
    position: absolute;
    bottom: -1.59722vw;
    left: -1.11111vw;
    display: block;
    width: 3.47222vw;
    height: 2px;
    content: '';
    background-color: #000
}

#category-page .category-list .product-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:1440px) {
    #category-page .category-list header .title-hero {
        margin-bottom: 75px
    }
    #category-page .category-list header .title-hero:after {
        bottom: -23px;
        left: -16px;
        width: 50px
    }
    #category-page .category-list .product-grid {
        padding-right: 48px;
        padding-left: 110px
    }
}

#category-page .category-list .product-grid.reveal .product {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

#category-page .category-list .product-grid .product {
    position: relative;
    width: 33.33%;
    margin-bottom: 5.13889vw;
    padding-right: 4.02778vw;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

@media (min-width:1440px) {
    #category-page .category-list .product-grid .product {
        margin-bottom: 74px;
        padding-right: 58px
    }
}

@media (max-width:1077px) {
    #category-page .category-list .product-grid .product {
        width: 29.09722vw
    }
}

@media (max-width:937px) {
    #category-page .category-list .product-grid .product {
        width: 28.95833vw
    }
}

@media (max-width:767px) {
    #category-page .category-list .product-grid .product {
        width: 77.33333vw
    }
}

#category-page .category-list .product-grid .product:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

#category-page .category-list .product-grid .product:nth-child(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

#category-page .category-list .product-grid .product:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#category-page .category-list .product-grid .product:nth-child(5) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

#category-page .category-list .product-grid .product:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

#category-page .category-list .product-grid .product:nth-child(7) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

#category-page .category-list .product-grid .product:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

#category-page .category-list .product-grid .product:nth-child(9) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

#category-page .category-list .product-grid .product:nth-child(10) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

#category-page .category-list .product-grid .product .image {
    position: relative;
    display: block;
    width: 100%;
    height: 15.97222vw;
    margin-bottom: 1.52778vw
}

@media (min-width:1440px) {
    #category-page .category-list .product-grid .product .image {
        height: 230px;
        margin-bottom: 22px
    }
}

@media (max-width:767px) {
    #category-page .category-list .product-grid .product .image {
        height: auto
    }
    #category-page .category-list .product-grid .product .cta-alt {
        font-size: 3.06667vw;
        line-height: 4.8vw
    }
}

#category-page .category-list .product-grid .product .image .background {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#category-page .category-list .product-grid .product .image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    -webkit-transition: opacity .7s ease;
    transition: opacity .7s ease
}

#category-page .category-list .product-grid .product .image img.hover-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0
}

#category-page .category-list .product-grid .product .image:hover img.default {
    opacity: 0
}

#category-page .category-list .product-grid .product .image:hover img.hover-image {
    opacity: 1
}

#category-page .category-list .product-grid .product .cta-alt:hover span {
    -webkit-transform: translateX(7px);
    transform: translateX(7px)
}

#category-page .category-list .product-grid .product .cta-alt span {
    font-size: .55556vw;
    display: inline-block;
    margin-left: 10px;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    vertical-align: middle
}

body.ru-ru #category-page .category-list header .title-hero,
body.ru-ru .category-carousel .title-hero {
    text-transform: none
}

#contact-page .intro {
    width: 47.91667vw;
    margin-bottom: 4.86111vw;
    padding-left: 8.33333vw
}

@media (min-width:1440px) {
    #category-page .category-list .product-grid .product .cta-alt span {
        font-size: 8px
    }
    #contact-page .intro {
        width: 690px;
        margin-bottom: 70px;
        padding-left: 120px
    }
}

@media (max-width:767px) {
    #category-page .category-list .product-grid .product .cta-alt span {
        font-size: 8px;
        margin-left: 6px
    }
    #category-page .category-list .product-grid .slick-dots {
        bottom: -10.66667vw
    }
    #contact-page .intro {
        width: auto;
        margin-bottom: 10.66667vw;
        padding: 6.66667vw 10.66667vw 0
    }
}

#contact-page .intro .eyebrow {
    margin-bottom: 1.38889vw
}

@media (min-width:1440px) {
    #contact-page .intro .eyebrow {
        margin-bottom: 20px
    }
}

#contact-page .intro header {
    margin-bottom: 2.43056vw
}

#contact-page .gform_wrapper .gform_body,
#contact-page .gform_wrapper form {
    display: block;
    width: 100%
}

#contact-page .gform_wrapper ul.gform_fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8.33333vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:1440px) {
    #contact-page .intro header {
        margin-bottom: 35px
    }
    #contact-page .gform_wrapper ul.gform_fields {
        padding: 0 120px
    }
}

#contact-page .gform_wrapper ul.gform_fields li.gfield {
    position: relative;
    width: 39.58333vw;
    margin-bottom: 4.16667vw
}

@media (min-width:1440px) {
    #contact-page .gform_wrapper ul.gform_fields li.gfield {
        width: 570px;
        margin-bottom: 60px
    }
}

@media (max-width:767px) {
    #contact-page .gform_wrapper ul.gform_fields {
        display: block;
        padding: 0 10.66667vw
    }
    #contact-page .gform_wrapper ul.gform_fields li.gfield {
        width: 78.66667vw;
        margin-bottom: 8vw
    }
}

#contact-page .gform_wrapper ul.gform_fields li.gfield.gfield_error {
    margin-bottom: 18px!important;
    padding: 0;
    border: 0;
    background-color: transparent
}

#contact-page .gform_wrapper ul.gform_fields li.gfield.gfield_error div.ginput_container {
    margin-top: 8px
}

#contact-page .gform_wrapper ul.gform_fields li.gfield.gfield_error div.ginput_container input,
#contact-page .gform_wrapper ul.gform_fields li.gfield.gfield_error div.ginput_container textarea {
    background-color: rgba(255, 223, 224, .5)
}

#contact-page .gform_wrapper ul.gform_fields li.gfield .validation_message.gfield_description {
    padding-top: 5px
}

#contact-page .gform_wrapper ul.gform_fields li.gfield input[type=email],
#contact-page .gform_wrapper ul.gform_fields li.gfield input[type=text] {
    background-color: transparent
}

#contact-page .gform_wrapper ul.gform_fields li.gfield .selected-text,
#contact-page .gform_wrapper ul.gform_fields li.gfield input {
    font-size: 1.38889vw;
    display: block;
    width: 100%;
    padding: 0 0 .69444vw;
    border: none;
    border-bottom: 2px solid #000
}

#contact-page .gform_wrapper ul.gform_fields li.gfield .selected-text:focus,
#contact-page .gform_wrapper ul.gform_fields li.gfield input:focus {
    outline: 0
}

@media (min-width:1440px) {
    #contact-page .gform_wrapper ul.gform_fields li.gfield .selected-text,
    #contact-page .gform_wrapper ul.gform_fields li.gfield input {
        font-size: 20px;
        padding: 0 0 10px
    }
}

@media (max-width:767px) {
    #contact-page .gform_wrapper ul.gform_fields li.gfield .selected-text,
    #contact-page .gform_wrapper ul.gform_fields li.gfield input {
        font-size: 3.33333vw
    }
}

#contact-page .gform_wrapper ul.gform_fields li.gfield label {
    font-size: 1.38889vw;
    font-weight: 400;
    position: absolute;
    top: .69444vw;
    left: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    pointer-events: none;
    color: #171717
}

@media (min-width:1440px) {
    #contact-page .gform_wrapper ul.gform_fields li.gfield label {
        font-size: 20px;
        top: 10px
    }
}

@media (max-width:767px) {
    #contact-page .gform_wrapper ul.gform_fields li.gfield label {
        font-size: 3.33333vw
    }
}

#contact-page .gform_wrapper ul.gform_fields li.gfield input:focus~label,
#contact-page .gform_wrapper ul.gform_fields li.gfield input:valid~label {
    font-size: .83333vw;
    top: -1.38889vw;
    color: #202029
}

@media (min-width:1440px) {
    #contact-page .gform_wrapper ul.gform_fields li.gfield input:focus~label,
    #contact-page .gform_wrapper ul.gform_fields li.gfield input:valid~label {
        font-size: 12px;
        top: -20px
    }
}

@media (max-width:767px) {
    #contact-page .gform_wrapper ul.gform_fields li.gfield input:focus~label,
    #contact-page .gform_wrapper ul.gform_fields li.gfield input:valid~label {
        font-size: 2.4vw;
        top: -4vw
    }
}

#contact-page .gform_wrapper ul.gform_fields .ginput_container_select label {
    top: 0
}

#contact-page .gform_wrapper ul.gform_fields .ginput_container_select .selected-text {
    min-height: 2.08333vw
}

#contact-page .gform_wrapper ul.gform_fields .ginput_container_select .selected-text .icon-down-arrow {
    font-size: .55556vw;
    position: absolute;
    right: 1.11111vw
}

@media (min-width:1440px) {
    #contact-page .gform_wrapper ul.gform_fields .ginput_container_select .selected-text {
        min-height: 30px
    }
    #contact-page .gform_wrapper ul.gform_fields .ginput_container_select .selected-text .icon-down-arrow {
        font-size: 8px;
        right: 16px
    }
}

@media (max-width:767px) {
    #contact-page .gform_wrapper ul.gform_fields .ginput_container_select .selected-text {
        min-height: 4.8vw
    }
    #contact-page .gform_wrapper ul.gform_fields .ginput_container_select .selected-text .icon-down-arrow {
        font-size: 1.6vw
    }
}

#contact-page .gform_wrapper ul.gform_fields .ginput_container_select select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

#contact-page .gform_wrapper ul.gform_fields li.gfield.focused label {
    font-size: .83333vw;
    top: -1.38889vw;
    left: 0;
    color: #202029
}

@media (min-width:1440px) {
    #contact-page .gform_wrapper ul.gform_fields li.gfield.focused label {
        font-size: 12px;
        top: -20px
    }
}

@media (max-width:767px) {
    #contact-page .gform_wrapper ul.gform_fields li.gfield.focused label {
        font-size: 2.4vw;
        top: -4vw
    }
}

#contact-page .gform_wrapper ul.gform_fields .ginput_container_textarea {
    position: relative
}

#contact-page .gform_wrapper ul.gform_fields .ginput_container_textarea .gfield_label {
    position: absolute;
    z-index: 1;
    top: 2.22222vw;
    left: 2.22222vw;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#contact-page .gform_wrapper ul.gform_fields .ginput_container_textarea textarea {
    font-family: trade, sans-serif;
    font-size: 1.38889vw;
    line-height: 1.73611vw;
    width: 83.33333vw;
    height: 16.38889vw;
    padding: 2.22222vw;
    resize: none;
    color: #000;
    border: 0;
    outline: 0;
    background-color: #f2f2f2
}

.country-selector,
.country-selector>header h1,
body.page-template-template-country-selector-page #page .site-header .icon-logo {
    color: #fff
}

@media (min-width:1440px) {
    #contact-page .gform_wrapper ul.gform_fields .ginput_container_textarea .gfield_label {
        top: 32px;
        left: 32px
    }
    #contact-page .gform_wrapper ul.gform_fields .ginput_container_textarea textarea {
        font-size: 20px;
        line-height: 25px;
        width: 1200px;
        height: 236px;
        padding: 32px
    }
}

@media (max-width:767px) {
    #contact-page .gform_wrapper ul.gform_fields .ginput_container_textarea .gfield_label {
        top: 5.33333vw;
        left: 5.33333vw
    }
    #contact-page .gform_wrapper ul.gform_fields .ginput_container_textarea textarea {
        font-size: 3.33333vw;
        line-height: 13.33333vw;
        width: 78.66667vw;
        height: 53.33333vw;
        padding: 5.33333vw
    }
}

#contact-page .btn-container {
    margin-top: 2.29167vw;
    margin-left: auto;
    padding: 0 8.33333vw 7.98611vw;
    text-align: right
}

@media (min-width:1440px) {
    #contact-page .btn-container {
        margin-top: 33px;
        padding: 0 120px 115px
    }
}

@media (max-width:767px) {
    #contact-page .btn-container {
        width: 38.4vw;
        margin: 8.53333vw auto 13.33333vw;
        padding: 0
    }
    #contact-page .btn-container .btn {
        width: 100%;
        text-align: center
    }
}

.country-selector {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    padding-top: 13.88889vw;
    padding-right: 2.08333vw;
    padding-left: 12.5vw;
    background-color: #000
}

@media (min-width:1440px) {
    .country-selector {
        padding-top: 200px;
        padding-right: 30px;
        padding-left: 180px
    }
}

@media (max-width:767px) {
    .country-selector {
        display: block;
        margin-top: -18.26667vw;
        padding: 30.26667vw 0 0
    }
}

.country-selector>header {
    width: 29.16667vw;
    padding-right: 13.88889vw
}

@media (min-width:1440px) {
    .country-selector>header {
        width: 420px;
        padding-right: 200px
    }
}

@media (max-width:767px) {
    .country-selector>header {
        width: 100%;
        margin-bottom: 13.33333vw;
        margin-left: 5.33333vw;
        padding: 0 10.66667vw
    }
}

.country-selector>header:after {
    display: block;
    width: 3.47222vw;
    height: .13889vw;
    margin-top: 1.04167vw;
    content: '';
    background-color: #fff
}

@media (min-width:1440px) {
    .country-selector>header:after {
        width: 50px;
        height: 2px;
        margin-top: 15px
    }
}

@media (max-width:767px) {
    .country-selector>header:after {
        position: relative;
        left: -5.33333vw;
        width: 16.66667vw;
        height: .93333vw;
        margin-top: 4.53333vw
    }
}

.country-selector .country-selector-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 45.13889vw;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:1440px) {
    .country-selector .country-selector-grid {
        height: 650px
    }
}

@media (max-width:767px) {
    .country-selector .country-selector-grid {
        display: block;
        height: auto;
        padding: 0 10.66667vw
    }
}

.country-selector .country-selector-grid .list {
    width: 18.75vw;
    padding-bottom: 5.13889vw
}

.country-selector .country-selector-grid .list .subtitle {
    margin-bottom: 2.77778vw
}

@media (min-width:1440px) {
    .country-selector .country-selector-grid .list {
        width: 270px;
        padding-bottom: 74px
    }
    .country-selector .country-selector-grid .list .subtitle {
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .country-selector .country-selector-grid .list {
        width: 100%;
        padding-bottom: 7.33333vw
    }
    .country-selector .country-selector-grid .list .subtitle {
        position: relative
    }
}

.country-selector .country-selector-grid .list .subtitle .icon-down-arrow {
    font-size: 1.06667vw;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.country-selector .country-selector-grid .list .eyebrow {
    margin-bottom: 1.38889vw
}

@media (min-width:1440px) {
    .country-selector .country-selector-grid .list .eyebrow {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .country-selector .country-selector-grid .list .subtitle .icon-down-arrow {
        display: block
    }
    .country-selector .country-selector-grid .list ul {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height .3s ease;
        transition: max-height .3s ease
    }
    .country-selector .country-selector-grid .list .eyebrow {
        margin-bottom: 2.13333vw
    }
}

.country-selector .country-selector-grid .list .eyebrow:before {
    display: inline-block;
    width: 1.04167vw;
    height: .06944vw;
    margin-right: 1.04167vw;
    content: '';
    background-color: #424242
}

body.page-template-template-country-selector-page,
body.page-template-template-country-selector-page #page .site-header {
    background-color: #000
}

@media (min-width:1440px) {
    .country-selector .country-selector-grid .list .eyebrow:before {
        width: 15px;
        height: 1px;
        margin-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .country-selector .country-selector-grid .list .eyebrow:before {
        display: none
    }
    .country-selector .country-selector-grid .list .eyebrow a {
        line-height: 3.2vw
    }
}

.country-selector .country-selector-grid .list.show .icon-down-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:767px) {
    .country-selector .country-selector-grid .list .eyebrow:before {
        width: 4vw;
        height: .4vw;
        margin-right: 4.4vw
    }
    .country-selector .country-selector-grid .list .eyebrow:first-child {
        padding-top: 2.66667vw
    }
    .country-selector .country-selector-grid .list.show:first-child ul {
        max-height: 100vw
    }
    .country-selector .country-selector-grid .list.show:nth-child(2) ul {
        max-height: 26.66667vw
    }
    .country-selector .country-selector-grid .list.show:nth-child(3) ul {
        max-height: 100vw
    }
    .country-selector .country-selector-grid .list.show:nth-child(4) ul,
    .country-selector .country-selector-grid .list.show:nth-child(5) ul {
        max-height: 80vw
    }
    .country-selector.global.open {
        max-width: 100%
    }
}

.country-selector.global {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.country-selector.global.open {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

body.page-template-template-country-selector-page #page {
    margin: 0
}

body.page-template-template-country-selector-page #page .mobile-site-header .top {
    padding-left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-not-found .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 9.72222vw);
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

.page-not-found .wrapper .messaging {
    position: relative;
    margin-bottom: 2.08333vw
}

@media (max-width:767px) {
    .country-selector.global.open .list {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    .country-selector.global {
        top: 18.26667vw;
        left: auto;
        overflow-x: hidden;
        max-width: 0;
        -webkit-transition: max-width .3s ease;
        transition: max-width .3s ease;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    .country-selector.global .list {
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
    .country-selector.global .list:nth-child(2) {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }
    .country-selector.global .list:nth-child(3) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
    .country-selector.global .list:nth-child(4) {
        -webkit-transition-delay: .25s;
        transition-delay: .25s
    }
    .country-selector.global .list:nth-child(5) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
    .country-selector.global .list:nth-child(6) {
        -webkit-transition-delay: .35s;
        transition-delay: .35s
    }
    .page-not-found .wrapper .messaging {
        width: 100%
    }
}

.page-not-found .wrapper .messaging .background {
    font-size: 19.16667vw;
    -webkit-transition: -webkit-transform 5s ease;
    transition: -webkit-transform 5s ease;
    transition: transform 5s ease;
    transition: transform 5s ease, -webkit-transform 5s ease;
    text-align: center;
    letter-spacing: .35em;
    opacity: .1
}

.page-not-found .wrapper .messaging .background span {
    line-height: 1;
    position: relative;
    left: 3.88889vw;
    text-align: center
}

@media (min-width:1440px) {
    .page-not-found .wrapper {
        height: calc(100vh - 140px)
    }
    .page-not-found .wrapper .messaging {
        margin-bottom: 30px
    }
    .page-not-found .wrapper .messaging .background {
        font-size: 276px
    }
    .page-not-found .wrapper .messaging .background span {
        left: 56px
    }
}

.page-not-found .wrapper .messaging .background.top {
    overflow: hidden;
    height: 6.25vw
}

@media (min-width:1440px) {
    .page-not-found .wrapper .messaging .background.top {
        height: 90px
    }
}

@media (max-width:767px) {
    .page-not-found .wrapper .messaging .background {
        font-size: 30.26667vw
    }
    .page-not-found .wrapper .messaging .background.top {
        height: 10.66667vw
    }
}

.page-not-found .wrapper .messaging .background.top span {
    position: relative;
    top: .27778vw
}

.page-not-found .wrapper .messaging .background.bottom {
    overflow: hidden;
    height: 8.33333vw
}

@media (min-width:1440px) {
    .page-not-found .wrapper .messaging .background.top span {
        top: 4px
    }
    .page-not-found .wrapper .messaging .background.bottom {
        height: 120px
    }
}

.page-not-found .wrapper .messaging .background.bottom span {
    position: relative;
    top: -5.97222vw;
    display: block
}

@media (min-width:1440px) {
    .page-not-found .wrapper .messaging .background.bottom span {
        top: -86px
    }
}

.page-not-found .wrapper .messaging.flex .top {
    -webkit-transform: translateX(2.98611vw);
    transform: translateX(2.98611vw)
}

@media (max-width:767px) {
    .page-not-found .wrapper .messaging .background.bottom {
        height: 12vw
    }
    .page-not-found .wrapper .messaging .background.bottom span {
        top: -10.4vw
    }
    .page-not-found .wrapper .messaging.flex .top {
        -webkit-transform: translateX(5.6vw);
        transform: translateX(5.6vw)
    }
}

.page-not-found .wrapper .messaging.flex .bottom {
    -webkit-transform: translateX(-2.77778vw);
    transform: translateX(-2.77778vw)
}

@media (max-width:767px) {
    .page-not-found .wrapper .messaging.flex .bottom {
        -webkit-transform: translateX(-4.53333vw);
        transform: translateX(-4.53333vw)
    }
    .page-not-found .wrapper .messaging .hero-highlight {
        font-size: 6.66667vw
    }
}

.page-not-found .wrapper .messaging .hero-highlight {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.page-not-found .wrapper p {
    margin-bottom: 5.41667vw
}

@media (min-width:1440px) {
    .page-not-found .wrapper p {
        margin-bottom: 78px
    }
}

.page-not-found .wrapper .btn-container {
    margin-bottom: 2.77778vw
}

.view-desktop #home-page {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    will-change: auto
}

#home-page {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

@media (max-width:767px) {
    #home-page {
        padding-top: 0;
        opacity: 1;
        background-color: #f2f2f2
    }
}

#home-page.show {
    opacity: 1
}

#home-page .grid-1 {
    padding-top: 6.94444vw
}

#home-page .grid-1 .row-1 {
    display: flex;
    padding-left: 4.16667vw
}

@media (min-width:1440px) {
    .page-not-found .wrapper .btn-container {
        margin-bottom: 40px
    }
    #home-page .grid-1 {
        padding-top: 100px
    }
    #home-page .grid-1 .row-1 {
        padding-left: 60px
    }
}

@media (max-width:767px) {
    #home-page .grid-1 .row-1 {
        flex-direction: column-reverse;
        padding-right: 5.33333vw;
        padding-bottom: 10.26667vw;
        padding-left: 5.33333vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse
    }
}

#home-page .grid-1 .row-1 .col-1,
#magazine-post .next-post,
.b2b-login form,
.magazine-carousel-wrapper .right .slick-dots {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

#home-page .grid-1 .row-1 .col-1 {
    display: flex;
    flex-direction: column;
    width: 45.83333vw;
    padding-top: 6.80556vw;
    padding-right: 4.16667vw;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:1440px) {
    #home-page .grid-1 .row-1 .col-1 {
        width: 660px;
        padding-top: 98px;
        padding-right: 60px
    }
}

#home-page .grid-1 .row-1 .col-1 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    #home-page .grid-1 .row-1 .col-1 {
        width: 89.33333vw;
        padding-top: 8vw;
        padding-right: 0
    }
    #home-page .grid-1 .row-1 .col-1 .row {
        display: block
    }
}

#home-page .grid-1 .row-1 .col-1 .row .image {
    width: 12.5vw
}

@media (min-width:1440px) {
    #home-page .grid-1 .row-1 .col-1 .row .image {
        width: 180px
    }
}

#home-page .grid-1 .row-1 .col-1 .row .image img {
    height: 100%
}

#home-page .grid-1 .row-1 .col-1 .row .copy {
    width: 29.16667vw;
    padding-left: 2.08333vw
}

@media (min-width:1440px) {
    #home-page .grid-1 .row-1 .col-1 .row .copy {
        width: 420px;
        padding-left: 30px
    }
}

@media (max-width:767px) {
    #home-page .grid-1 .row-1 .col-1 .row .copy {
        width: 89.33333vw;
        padding: 0 5.6vw
    }
}

#home-page .grid-1 .row-1 .col-1 .row .copy .cta {
    display: inline-block;
    padding-top: 1.66667vw
}

#home-page .grid-1 .row-1 .col-1 .row .copy .cta span {
    font-size: .55556vw;
    display: inline-block;
    margin-left: 10px;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    vertical-align: middle
}

#home-page .grid-1 .row-1 .col-1 .row .copy .cta:hover span {
    -webkit-transform: translateX(7px);
    transform: translateX(7px)
}

#home-page .grid-1 .row-1 .line {
    margin-bottom: 2.5vw;
    padding-left: 4.16667vw
}

#home-page .grid-1 .row-1 .line:after {
    margin-top: 2.22222vw
}

@media (min-width:1440px) {
    #home-page .grid-1 .row-1 .col-1 .row .copy .cta {
        padding-top: 24px
    }
    #home-page .grid-1 .row-1 .col-1 .row .copy .cta span {
        font-size: 8px
    }
    #home-page .grid-1 .row-1 .line {
        margin-bottom: 36px;
        padding-left: 60px
    }
    #home-page .grid-1 .row-1 .line:after {
        margin-top: 32px
    }
}

@media (max-width:767px) {
    #home-page .grid-1 .row-1 .col-1 .row .copy .cta span {
        font-size: 8px;
        margin-left: 6px
    }
    #home-page .grid-1 .row-1 .line {
        margin-bottom: 6.93333vw;
        padding-left: 0;
        text-align: center
    }
    #home-page .grid-1 .row-1 .line:after {
        display: none
    }
}

#home-page .grid-1 .row-1 .line .eyebrow {
    margin-bottom: .90278vw
}

#home-page .grid-1 .row-1 .col-2 {
    position: relative;
    width: 50vw;
    height: 36.80556vw
}

@media (min-width:1440px) {
    #home-page .grid-1 .row-1 .line .eyebrow {
        margin-bottom: 13px
    }
    #home-page .grid-1 .row-1 .col-2 {
        width: 720px;
        height: 530px
    }
}

@media (max-width:767px) {
    #home-page .grid-1 .row-1 .col-2 {
        width: 89.33333vw;
        height: 62.66667vw;
        margin: 0 auto
    }
}

#home-page .grid-1 .row-1 .col-2 .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#home-page .grid-1 .row-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4.51389vw;
    padding-top: 9.72222vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#home-page .grid-1 .row-2 * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#home-page .grid-1 .row-2.reveal .item {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

#home-page .grid-1 .row-2 .item {
    width: 33.33333vw;
    padding-left: 4.16667vw;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

#home-page .grid-1 .row-2 .item:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

#home-page .grid-1 .row-2 .item:nth-child(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

@media (min-width:1440px) {
    #home-page .grid-1 .row-2 {
        margin-bottom: 65px;
        padding-top: 140px
    }
    #home-page .grid-1 .row-2 .item {
        width: 480px;
        padding-left: 60px
    }
}

@media (max-width:767px) {
    #home-page .grid-1 .row-2 {
        position: relative;
        margin-bottom: 0;
        padding-top: 26.93333vw;
        padding-bottom: 22.93333vw;
        background-color: #fff
    }
    #home-page .grid-1 .row-2 .item {
        width: 77.33333vw
    }
}

#home-page .grid-1 .row-2 .item .cta-hint,
#home-page .grid-1 .row-2 .item .subtitle {
    width: 20.83333vw
}

@media (min-width:1440px) {
    #home-page .grid-1 .row-2 .item .cta-hint,
    #home-page .grid-1 .row-2 .item .subtitle {
        width: 300px
    }
}

@media (max-width:767px) {
    #home-page .grid-1 .row-2 .item .cta-hint,
    #home-page .grid-1 .row-2 .item .subtitle {
        width: auto;
        padding-right: 5.33333vw;
        padding-left: 5.33333vw
    }
}

#home-page .grid-1 .row-2 .item .cta-hint {
    margin-bottom: .20833vw
}

@media (min-width:1440px) {
    #home-page .grid-1 .row-2 .item .cta-hint {
        margin-bottom: 3px
    }
}

#home-page .grid-1 .row-2 .item .subtitle {
    margin-bottom: 1.38889vw
}

#home-page .grid-1 .row-2 .item .image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 18.40278vw
}

@media (min-width:1440px) {
    #home-page .grid-1 .row-2 .item .subtitle {
        margin-bottom: 20px
    }
    #home-page .grid-1 .row-2 .item .image {
        height: 265px
    }
}

@media (max-width:767px) {
    #home-page .grid-1 .row-2 .item .image {
        height: 48.93333vw
    }
}

#home-page .grid-1 .row-2 .item .image:hover .background {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#home-page .grid-1 .row-2 .item .image .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

#home-page .grid-1 .row-2 .slick-dots {
    font-size: 0;
    position: absolute;
    right: 0;
    bottom: 36px;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#home-page .grid-1 .row-2 .slick-dots li {
    width: .93333vw;
    height: .93333vw;
    margin: 0 2.13333vw;
    border: 3px solid #f2f2f2;
    border-radius: 50px;
    background-color: #f2f2f2
}

#home-page .grid-1 .row-2 .slick-dots li.slick-active {
    border: 3px solid #000;
    background-color: #000
}

#home-page .grid-1 .row-2 .slick-dots li button {
    display: none
}

#home-page .cta-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 36.80556vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#home-page .cta-block .copy {
    text-align: center;
    color: #fff
}

#home-page .cta-block .copy .title-hero {
    font-family: trade, sans-serif;
    line-height: 4.16667vw;
    margin-bottom: 4.02778vw;
    letter-spacing: .35em;
    text-transform: uppercase
}

.ru-ru #home-page .cta-block .copy .title-hero {
    text-transform: none
}

#magazine-landing {
    position: relative
}

#magazine-landing .letters-group {
    font-size: 14.44444vw;
    position: absolute;
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    letter-spacing: .35em;
    pointer-events: none;
    opacity: .1;
    color: #000
}

#magazine-landing .letters-group.lg-1 {
    top: 43.40278vw;
    left: -.90278vw
}

@media (min-width:1440px) {
    #home-page .cta-block {
        width: 1440px;
        height: 530px
    }
    #home-page .cta-block .copy .title-hero {
        line-height: 60px;
        margin-bottom: 58px
    }
    #magazine-landing .letters-group {
        font-size: 208px
    }
    #magazine-landing .letters-group.lg-1 {
        top: 625px;
        left: -13px
    }
}

#magazine-landing .letters-group.lg-2 {
    top: 23.26389vw;
    left: 7.56944vw
}

@media (min-width:1440px) {
    #magazine-landing .letters-group.lg-2 {
        top: 335px;
        left: 109px
    }
}

#magazine-landing .letters-group.lg-3 {
    top: 124.30556vw;
    left: 38.61111vw
}

@media (min-width:1440px) {
    #magazine-landing .letters-group.lg-3 {
        top: 1790px;
        left: 556px
    }
}

#magazine-landing .letters-group.lg-4 {
    top: 104.79167vw;
    left: 47.08333vw
}

@media (min-width:1440px) {
    #magazine-landing .letters-group.lg-4 {
        top: 1509px;
        left: 678px
    }
}

#magazine-landing .letters-group.lg-mobile {
    font-size: 42.4vw;
    top: 138.4vw;
    left: -154.66667vw;
    display: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (max-width:767px) {
    #home-page .cta-block {
        width: 100%;
        height: 80.26667vw
    }
    #home-page .cta-block .copy .title-hero {
        line-height: 9.33333vw;
        margin-bottom: 5.06667vw
    }
    #home-page .newsletter-block {
        background-color: #fff
    }
    #magazine-landing .letters-group {
        display: none
    }
    #magazine-landing .letters-group.lg-mobile {
        display: block
    }
}

.magazine-carousel-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 11.80556vw
}

@media (max-width:767px) {
    .magazine-carousel-wrapper {
        display: block
    }
}

.magazine-carousel-wrapper .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 41.66667vw;
    padding-right: 4.16667vw;
    padding-left: 8.33333vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1440px) {
    .magazine-carousel-wrapper {
        margin-bottom: 170px
    }
    .magazine-carousel-wrapper .left {
        width: 600px;
        padding-right: 60px;
        padding-left: 120px
    }
}

@media (max-width:767px) {
    .magazine-carousel-wrapper .left {
        width: 100%;
        margin-bottom: .66667vw;
        padding-top: 6.66667vw;
        padding-right: 5.55556vw;
        padding-left: 5.55556vw
    }
}

.magazine-carousel-wrapper .left .title-hero {
    margin-top: .97222vw;
    margin-bottom: 3.75vw
}

@media (max-width:767px) {
    .magazine-carousel-wrapper .left .title-hero {
        font-size: 5.33333vw;
        line-height: 6.66667vw;
        margin-top: 14px;
        margin-bottom: 5.46667vw
    }
    .magazine-carousel-wrapper .left .eyebrow {
        margin-bottom: 1.6vw
    }
    .magazine-carousel-wrapper .left .btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 32.93333vw;
        height: 10.66667vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.magazine-carousel-wrapper .left .btn .animate-text-expand {
    font-family: tradeBold, sans-serif
}

.magazine-carousel-wrapper .left .btn .arrow {
    background-color: #ccc
}

.magazine-carousel-wrapper .right {
    width: 58.33333vw
}

@media (min-width:1440px) {
    .magazine-carousel-wrapper .right {
        width: 840px
    }
}

@media (max-width:767px) {
    .magazine-carousel-wrapper .right {
        position: relative;
        width: 100%
    }
}

.magazine-carousel-wrapper .right .controls {
    position: absolute;
    top: -11.86667vw;
    right: 0;
    display: none
}

.magazine-carousel-wrapper .right .controls .control {
    position: relative;
    width: 11.33333vw;
    height: 11.33333vw;
    color: #fff;
    background-color: #000
}

.magazine-carousel-wrapper .right .controls .control:first-child {
    margin-right: .53333vw
}

.magazine-carousel-wrapper .right .controls .control:before {
    font-size: 8px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.magazine-carousel-wrapper .right .slide {
    position: relative;
    width: 58.33333vw;
    height: 40vw
}

@media (min-width:1440px) {
    .magazine-carousel-wrapper .right .slide {
        width: 840px;
        height: 576px
    }
}

@media (max-width:767px) {
    .magazine-carousel-wrapper .right .controls {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .magazine-carousel-wrapper .right .slide {
        width: 100%;
        height: 62.66667vw
    }
}

.magazine-carousel-wrapper .right .slide .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.magazine-carousel-wrapper .right .slick-dots {
    font-size: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2.5vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:767px) {
    .magazine-carousel-wrapper .right .slick-dots {
        display: none
    }
}

.magazine-carousel-wrapper .right .slick-dots li {
    width: 1.86667vw;
    height: 2px;
    margin: 0 auto .55556vw;
    cursor: pointer;
    -webkit-transition: width .2s linear;
    -webkit-transition: -webkit-transform .2s ease;
    transition: width .2s linear;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    background-color: #f2f2f2
}

@media (min-width:1440px) {
    .magazine-carousel-wrapper .right .slick-dots {
        left: -36px
    }
    .magazine-carousel-wrapper .right .slick-dots li {
        width: 14px;
        margin: 0 auto 8px
    }
}

.magazine-carousel-wrapper .right .slick-dots li.slick-active {
    width: .97222vw;
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #000
}

.magazine-carousel-wrapper .right .slick-dots li button {
    display: none
}

.magazine-post-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 3.47222vw;
    padding-left: 8.33333vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:1440px) {
    .magazine-carousel-wrapper .right .slick-dots li.slick-active {
        width: 14px
    }
    .magazine-post-grid {
        padding-right: 50px;
        padding-left: 120px
    }
}

@media (max-width:767px) {
    .magazine-post-grid {
        padding: 0
    }
}

.magazine-post-grid .item {
    position: relative;
    width: 33.33333%;
    margin-bottom: 7.15278vw;
    padding-right: 4.16667vw;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

.magazine-post-grid .item:nth-child(3n+2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.magazine-post-grid .item:nth-child(3n) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

@media (min-width:1440px) {
    .magazine-post-grid .item {
        width: 420px;
        margin-bottom: 103px;
        padding-right: 60px
    }
}

@media (max-width:1077px) {
    .magazine-post-grid .item {
        width: 29.09722vw
    }
}

@media (max-width:937px) {
    .magazine-post-grid .item {
        width: 28.95833vw
    }
}

@media (max-width:767px) {
    .magazine-post-grid .item {
        width: 78.66667vw;
        margin: 0 auto 13.33333vw;
        padding-left: 0
    }
}

.magazine-post-grid .item.reveal {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

.magazine-post-grid .item .eyebrow {
    margin-bottom: .41667vw
}

@media (min-width:1440px) {
    .magazine-post-grid .item .eyebrow {
        margin-bottom: 6px
    }
}

@media (max-width:767px) {
    .magazine-post-grid .item .eyebrow {
        margin-bottom: 2.13333vw
    }
}

.magazine-post-grid .item .subtitle {
    margin-bottom: 1.25vw
}

.magazine-post-grid .item a:not(.cta-alt) {
    display: block;
    height: 18.40278vw
}

.magazine-post-grid .item .cta-alt {
    display: block;
    margin-top: 1.38889vw
}

.magazine-post-grid .item .cta-alt span {
    font-size: .55556vw;
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    padding-left: .97222vw;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    vertical-align: middle
}

@media (min-width:1440px) {
    .magazine-post-grid .item .subtitle {
        margin-bottom: 18px
    }
    .magazine-post-grid .item a:not(.cta-alt) {
        height: 265px
    }
    .magazine-post-grid .item .cta-alt {
        margin-top: 20px
    }
    .magazine-post-grid .item .cta-alt span {
        font-size: 8px;
        padding-left: 14px
    }
}

@media (max-width:767px) {
    .magazine-post-grid .item .subtitle {
        margin-bottom: 5.06667vw
    }
    .magazine-post-grid .item a:not(.cta-alt) {
        height: 48.93333vw
    }
    .magazine-post-grid .item .cta-alt span {
        font-size: 1.6vw
    }
}

.magazine-post-grid .item .cta-alt:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.loader-wrapper {
    position: relative;
    display: none;
    margin-bottom: 6.25vw;
    padding: 9.02778vw 0 0
}

@media (min-width:1440px) {
    .loader-wrapper {
        margin-bottom: 90px;
        padding: 130px 0 120px
    }
}

.loader-wrapper .text {
    font-size: .76389vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #616161
}

@media (max-width:767px) {
    .loader-wrapper {
        margin-top: 16vw;
        margin-bottom: 33.6vw;
        padding: 0
    }
    .loader-wrapper .text {
        font-size: 2vw
    }
}

.loader {
    position: relative;
    top: 50%;
    left: 50%;
    display: block;
    width: 11.80556vw;
    height: 11.80556vw;
    margin: -5.90278vw;
    cursor: pointer;
    -webkit-animation: spin 1.8s linear infinite;
    animation: spin 1.8s linear infinite;
    border: 1px solid transparent;
    border-top-color: #9d9d9d;
    border-left-color: #9d9d9d;
    border-radius: 500px
}

@media (min-width:1440px) {
    .loader {
        width: 170px;
        height: 170px;
        margin: -85px
    }
}

@media (max-width:767px) {
    .loader {
        width: 29.33333vw;
        height: 29.33333vw;
        margin: -14.66667vw
    }
}

.loader:after {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: '';
    -webkit-animation: spin-reverse 1.2s linear infinite;
    animation: spin-reverse 1.2s linear infinite;
    border: 1px solid transparent;
    border-top-color: #9d9d9d;
    border-left-color: #9d9d9d;
    border-radius: 50%
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

body.single-post .scroll-indicator.bottom {
    display: none
}

#magazine-post .header {
    display: flex;
    margin-bottom: 3.125vw;
    padding-right: 6.94444vw;
    padding-left: 8.33333vw;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

#magazine-post .header .left {
    width: 41.66667vw
}

@media (min-width:1440px) {
    #magazine-post .header {
        margin-bottom: 45px;
        padding-right: 100px;
        padding-left: 120px
    }
    #magazine-post .header .left {
        width: 600px
    }
}

@media (max-width:767px) {
    #magazine-post .header {
        display: block;
        margin-top: 6vw;
        margin-bottom: 4.26667vw;
        padding: 0 10.66667vw
    }
    #magazine-post .header .left {
        width: 100%;
        margin-bottom: 7.73333vw
    }
    #magazine-post .header .left .title-hero {
        font-size: 5.33333vw;
        line-height: 6.66667vw
    }
}

#magazine-post .header .meta {
    margin-bottom: 1.38889vw
}

#magazine-post .header .meta .date:after {
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: .41667vw;
    margin-left: .55556vw;
    content: '';
    vertical-align: middle;
    background-color: #000
}

#magazine-post .header .right {
    display: flex;
    margin-left: auto;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

#magazine-post .header .right .social-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#magazine-post .header .right .social-row a,
#magazine-post .header .right .social-row span {
    cursor: pointer
}

#magazine-post .header .right .social-row span:not(a) {
    padding-right: 1.04167vw
}

#magazine-post .header .right .cta-hint {
    margin-right: 1.38889vw
}

#magazine-post .post {
    padding-bottom: 4.72222vw
}

@media (min-width:1440px) {
    #magazine-post .header .meta {
        margin-bottom: 20px
    }
    #magazine-post .header .right .social-row span:not(a) {
        padding-right: 15px
    }
    #magazine-post .header .right .cta-hint {
        margin-right: 20px
    }
    #magazine-post .post {
        padding-bottom: 68px
    }
}

#magazine-post .post>ol,
#magazine-post .post>ul {
    margin-bottom: 1.80556vw;
    padding-left: 10.41667vw;
    list-style-position: inside;
    list-style-type: disc
}

@media (min-width:1440px) {
    #magazine-post .post>ol,
    #magazine-post .post>ul {
        margin-bottom: 26px;
        padding-left: 150px
    }
}

@media (max-width:767px) {
    #magazine-post .header .right .social-row {
        display: none
    }
    #magazine-post .post>ol,
    #magazine-post .post>ul {
        margin-bottom: 9.33333vw
    }
}

#magazine-post .post>ol li,
#magazine-post .post>ul li {
    margin-bottom: .55556vw
}

@media (min-width:1440px) {
    #magazine-post .post>ol li,
    #magazine-post .post>ul li {
        margin-bottom: 8px
    }
}

#magazine-post .post>.btn-container,
#magazine-post .post>.subtitle,
#magazine-post .post>p {
    width: 50vw;
    margin-bottom: 1.80556vw;
    padding-left: 8.33333vw
}

@media (min-width:1440px) {
    #magazine-post .post>.btn-container,
    #magazine-post .post>.subtitle,
    #magazine-post .post>p {
        width: 720px;
        margin-bottom: 26px;
        padding-left: 120px
    }
}

@media (max-width:767px) {
    #magazine-post .post>.btn-container,
    #magazine-post .post>.subtitle,
    #magazine-post .post>p {
        width: 100%;
        margin-bottom: 9.33333vw;
        padding: 0 10.66667vw
    }
}

#magazine-post .post p {
    font-size: 13px
}

#magazine-post .post p a {
    font-family: tradeBold, sans-serif;
    color: #cd1231
}

#magazine-post .post .magazine-post-carousel {
    position: relative;
    width: 91.66667vw;
    height: 40.06944vw;
    margin: 0 auto 6.45833vw
}

@media (min-width:1440px) {
    #magazine-post .post .magazine-post-carousel {
        width: 1320px;
        height: 577px;
        margin: 0 auto 93px
    }
}

@media (max-width:767px) {
    #magazine-post .post .magazine-post-carousel {
        width: 100%;
        height: 62.66667vw;
        margin: 0 0 17.6vw
    }
}

#magazine-post .post .magazine-post-carousel .mpc-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 3.125vw;
    height: 2.77778vw;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #000;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1440px) {
    #magazine-post .post .magazine-post-carousel .mpc-arrow {
        width: 45px;
        height: 40px
    }
}

@media (max-width:767px) {
    #magazine-post .post .magazine-post-carousel .mpc-arrow {
        top: auto;
        right: 6.94444vw;
        bottom: -5.90278vw;
        width: 5.90278vw;
        height: 5.55556vw;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

#magazine-post .post .magazine-post-carousel .mpc-arrow.next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

#magazine-post .post .magazine-post-carousel .mpc-arrow:before {
    font-size: .55556vw;
    color: #fff
}

@media (min-width:1440px) {
    #magazine-post .post .magazine-post-carousel .mpc-arrow:before {
        font-size: 8px
    }
}

@media (max-width:767px) {
    #magazine-post .post .magazine-post-carousel .mpc-arrow.next {
        right: .66667vw;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    #magazine-post .post .magazine-post-carousel .mpc-arrow:before {
        font-size: 1.6vw
    }
}

#magazine-post .post .magazine-post-carousel .slide-title-mobile {
    position: absolute;
    right: auto;
    bottom: -5.86667vw;
    left: 5.33333vw;
    display: none;
    background-color: transparent
}

#magazine-post .post .magazine-post-carousel .slide-title-mobile .slide-title {
    font-family: tradeBold, sans-serif;
    font-size: 3.06667vw;
    color: #000
}

#magazine-post .post .magazine-post-carousel .slide-title-mobile .slide-title .icon-right-arrow {
    font-size: 1.6vw;
    margin-left: .53333vw
}

#magazine-post .post .magazine-post-carousel .slide {
    position: relative;
    width: 91.66667vw;
    height: 40.06944vw
}

#magazine-post .post .magazine-post-carousel .slide .slide-title {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .90278vw 1.38889vw;
    color: #fff;
    background-color: #000
}

@media (min-width:1440px) {
    #magazine-post .post .magazine-post-carousel .slide {
        width: 1320px;
        height: 577px
    }
    #magazine-post .post .magazine-post-carousel .slide .slide-title {
        padding: 13px 20px
    }
}

@media (max-width:767px) {
    #magazine-post .post .magazine-post-carousel .slide-title-mobile {
        display: block
    }
    #magazine-post .post .magazine-post-carousel .slide {
        width: 100vw;
        height: 62.66667vw
    }
    #magazine-post .post .magazine-post-carousel .slide .slide-title {
        display: none
    }
}

#magazine-post .post .magazine-post-carousel .slide .slide-title span {
    font-size: .55556vw;
    display: inline-block;
    padding-left: .27778vw;
    vertical-align: middle;
    color: #fff
}

@media (min-width:1440px) {
    #magazine-post .post .magazine-post-carousel .slide .slide-title span {
        font-size: 8px;
        padding-left: 4px
    }
}

#magazine-post .post .image-quote-video {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4.86111vw;
    padding-left: 8.33333vw
}

#magazine-post .post .image-quote-video .left .image-bg,
#magazine-post .post .image-quote-video .left .video-bg {
    position: relative;
    width: 50vw;
    height: 36.80556vw
}

@media (min-width:1440px) {
    #magazine-post .post .image-quote-video {
        margin-bottom: 70px;
        padding-left: 120px
    }
    #magazine-post .post .image-quote-video .left .image-bg,
    #magazine-post .post .image-quote-video .left .video-bg {
        width: 720px;
        height: 530px
    }
}

@media (max-width:767px) {
    #magazine-post .post .magazine-post-carousel .slide .slide-title span {
        font-size: 1.6vw
    }
    #magazine-post .post .image-quote-video {
        display: block;
        padding-left: 10.66667vw
    }
    #magazine-post .post .image-quote-video .left .image-bg,
    #magazine-post .post .image-quote-video .left .video-bg {
        width: 78.66667vw;
        height: 48.93333vw
    }
}

#magazine-post .post .image-quote-video .left .image-bg .background,
#magazine-post .post .image-quote-video .left .video-bg .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#magazine-post .post .image-quote-video .right {
    padding-top: 4.16667vw;
    padding-left: 4.16667vw
}

@media (min-width:1440px) {
    #magazine-post .post .image-quote-video .right {
        padding-top: 60px;
        padding-left: 60px
    }
}

@media (max-width:767px) {
    #magazine-post .post .image-quote-video .right {
        padding-top: 12vw;
        padding-right: 10.66667vw;
        padding-left: 5.33333vw
    }
    #magazine-post .post .btn-container {
        display: block
    }
}

#magazine-post .post .btn-container .arrow {
    background-color: #ccc
}

#magazine-post .next-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 18.54167vw;
    cursor: pointer;
    background-color: #f2f2f2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

@media (min-width:768px) {
    #magazine-post .next-post:hover .icon-down-arrow {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

#magazine-post .next-post .eyebrow {
    margin-bottom: .83333vw
}

@media (min-width:1440px) {
    #magazine-post .next-post {
        height: 267px
    }
    #magazine-post .next-post .eyebrow {
        margin-bottom: 12px
    }
}

@media (max-width:767px) {
    #magazine-post .next-post {
        height: 53.33333vw;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    #magazine-post .next-post .eyebrow {
        margin-bottom: 4vw;
        padding-left: 10.66667vw
    }
}

#magazine-post .next-post .subtitle {
    margin-bottom: 2.77778vw
}

#magazine-post .next-post .icon-down-arrow {
    font-size: .55556vw;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media (min-width:1440px) {
    #magazine-post .next-post .subtitle {
        margin-bottom: 40px
    }
    #magazine-post .next-post .icon-down-arrow {
        font-size: 8px
    }
}

@media (max-width:767px) {
    #magazine-post .next-post .subtitle {
        margin-bottom: 11.33333vw;
        padding-right: 10.66667vw;
        padding-left: 10.66667vw
    }
    #magazine-post .next-post .icon-down-arrow {
        font-size: 1.6vw;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
}

body.product-template-default .site-content {
    padding-top: 9.72222vw
}

body.product-template-default .background-line-wrapper .bg-line-4,
body.product-template-default .background-line-wrapper .bg-line-5 {
    z-index: 2
}

#product-page .copy-row {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8.61111vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#product-page .copy-row .item {
    width: 33.33333vw;
    padding-left: 6.25vw;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

#product-page .copy-row .item:nth-child(3n+2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

#product-page .copy-row .item:nth-child(3n) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

@media (min-width:1440px) {
    body.product-template-default .site-content {
        padding-top: 140px
    }
    #product-page .copy-row {
        margin-bottom: 124px
    }
    #product-page .copy-row .item {
        width: 480px;
        padding-left: 90px
    }
}

@media (max-width:767px) {
    #product-page .copy-row {
        display: block;
        margin-bottom: 26.13333vw
    }
    #product-page .copy-row .item {
        width: 100%;
        margin-bottom: 16vw;
        padding-left: 16vw
    }
    #product-page .copy-row .item:last-child {
        margin-bottom: 0
    }
}

#product-page .copy-row .item.reveal {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

#product-page .copy-row .item .hero-highlight {
    margin-bottom: 2.63889vw
}

#product-page .copy-row .item .hero-highlight:after {
    position: relative;
    left: -2.08333vw;
    display: block;
    width: 3.47222vw;
    height: .13889vw;
    margin-top: .97222vw;
    content: '';
    background-color: #000
}

@media (min-width:1440px) {
    #product-page .copy-row .item .hero-highlight {
        margin-bottom: 38px
    }
    #product-page .copy-row .item .hero-highlight:after {
        left: -30px;
        width: 50px;
        height: 2px;
        margin-top: 14px
    }
}

@media (max-width:767px) {
    #product-page .copy-row .item .hero-highlight {
        margin-bottom: 6vw;
        padding-left: 5.6vw
    }
    #product-page .copy-row .item .hero-highlight:after {
        left: -5.6vw;
        width: 16.26667vw;
        height: .93333vw;
        margin-top: 5.86667vw
    }
}

#product-page .copy-row .item p {
    width: 20.83333vw;
    padding-left: 3.47222vw
}

@media (min-width:1440px) {
    #product-page .copy-row .item p {
        width: 300px;
        padding-left: 50px
    }
}

@media (max-width:767px) {
    #product-page .copy-row .item p {
        width: 100%;
        padding-right: 22.66667vw;
        padding-left: 0
    }
    #product-page .related {
        margin-bottom: 10.66667vw
    }
}

#product-page .related>.eyebrow {
    margin-bottom: 3.47222vw;
    text-align: center
}

@media (min-width:1440px) {
    #product-page .related>.eyebrow {
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    #product-page .related>.eyebrow {
        margin-bottom: 5.33333vw;
        padding-left: 8.53333vw;
        text-align: left
    }
}

#product-page .related .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 8.33333vw;
    padding-left: 4.16667vw
}

@media (min-width:1440px) {
    #product-page .related .row {
        padding-right: 120px;
        padding-left: 60px
    }
}

#product-page .related .row .item {
    position: relative;
    width: 29.16667vw;
    padding-left: 4.16667vw
}

@media (min-width:1440px) {
    #product-page .related .row .item {
        width: 420px;
        padding-left: 60px
    }
}

@media (max-width:767px) {
    #product-page .related .row .item {
        width: 77.33333vw
    }
    #product-page .related .row .item .cta-alt {
        font-size: 3.06667vw;
        line-height: 4.8vw
    }
}

#product-page .related .row .item .image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1.52778vw
}

@media (min-width:1440px) {
    #product-page .related .row .item .image {
        margin-bottom: 22px
    }
}

#product-page .related .row .item .image:hover .background {
    background-size: 105%!important
}

#product-page .related .row .item .image img {
    opacity: 0
}

#product-page .related .row .item .image .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-size .3s ease;
    transition: background-size .3s ease
}

#product-page .related .row .item .background {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2
}

#product-page .related .row .item .cta-alt:hover span {
    -webkit-transform: translateX(7px);
    transform: translateX(7px)
}

#product-page .related .row .item .cta-alt span {
    font-size: .55556vw;
    display: inline-block;
    margin-left: 2px;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    vertical-align: middle
}

@media (max-width:767px) {
    #product-page .related .row .item .cta-alt span {
        font-size: 8px;
        margin-left: 6px
    }
    #product-page .related .slick-dots {
        bottom: -8vw
    }
}

.product-gallery {
    max-width: 1440px;
    margin: 0 auto 9.375vw
}

@media (min-width:1440px) {
    .product-gallery {
        margin: 0 auto 135px
    }
}

@media (max-width:767px) {
    .product-gallery {
        margin-bottom: 21.2vw;
        padding-top: 6.66667vw
    }
}

.product-gallery>.underline {
    margin-bottom: 7.2vw;
    padding-left: 10.66667vw
}

.product-gallery .wrapper {
    position: relative
}

.product-gallery .wrapper .image {
    width: 58.33333vw;
    height: 40vw;
    -webkit-transition: background-size .3s ease;
    transition: background-size .3s ease;
    background-size: 100%
}

.product-gallery .wrapper .image:hover {
    background-size: 105%!important
}

@media (min-width:1440px) {
    .product-gallery .wrapper .image {
        width: 840px;
        height: 576px
    }
}

@media (max-width:767px) {
    .product-gallery>.underline {
        margin-bottom: 5.6vw;
        padding-right: 30.66667vw;
        padding-left: 10.66667vw
    }
    .product-gallery .wrapper .product-carousel {
        margin-bottom: 5.06667vw
    }
    .product-gallery .wrapper .image {
        width: 88.8vw;
        height: 56vw;
        margin-right: 5.33333vw
    }
    .product-gallery .wrapper .single .image {
        width: 100vw;
        margin-right: 0
    }
}

.product-gallery .wrapper .product-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 41.66667vw;
    height: 100%
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info {
        width: 600px
    }
}

@media (width:1440px) {
    .product-gallery .wrapper .product-info {
        width: 585px
    }
}

@media (width:1024px) {
    .product-gallery .wrapper .product-info {
        width: 427px
    }
}

@media (max-width:767px) {
    .product-gallery .wrapper .product-info {
        position: static;
        width: 100%;
        padding-right: 10.66667vw;
        padding-left: 10.66667vw
    }
}

.product-gallery .wrapper .product-info.on-next .left {
    width: 36.11111vw
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info.on-next .left {
        width: 520px
    }
}

.product-gallery .wrapper .product-info.on-next .right {
    width: 5.55556vw;
    background-color: rgba(32, 32, 41, .9)
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info.on-next .right {
        width: 80px
    }
}

.product-gallery .wrapper .product-info .left {
    width: 37.5vw;
    padding-top: 1.66667vw;
    padding-left: 4.16667vw;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
    background-color: #fff
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left {
        width: 540px;
        padding-top: 24px;
        padding-left: 60px
    }
}

@media (max-width:767px) {
    .product-gallery .wrapper .product-info .left {
        width: 100%;
        padding-top: 6vw;
        padding-left: 0
    }
    .product-gallery .wrapper .product-info .left header {
        display: none
    }
}

.product-gallery .wrapper .product-info .left>div,
.product-gallery .wrapper .product-info .left>header,
.product-gallery .wrapper .product-info .left>p {
    position: relative;
    z-index: 3
}

.product-gallery .wrapper .product-info .left header {
    width: 23.61111vw;
    margin-bottom: 3.05556vw
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left header {
        width: 340px;
        margin-bottom: 44px
    }
}

.product-gallery .wrapper .product-info .left header:after {
    display: block;
    width: 8.33333vw;
    height: .55556vw;
    margin-top: 2.22222vw;
    content: '';
    background-color: #000
}

.product-gallery .wrapper .product-info .left .eyebrow {
    margin-bottom: .83333vw
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left header:after {
        width: 120px;
        height: 8px;
        margin-top: 32px
    }
    .product-gallery .wrapper .product-info .left .eyebrow {
        margin-bottom: 12px
    }
}

.product-gallery .wrapper .product-info .left p {
    width: 30.55556vw;
    margin-bottom: 2.22222vw
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left p {
        width: 440px;
        margin-bottom: 32px
    }
}

@media (max-width:767px) {
    .product-gallery .wrapper .product-info .left p {
        width: 100%;
        margin-bottom: 5.6vw
    }
}

.product-gallery .wrapper .product-info .left .product-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4.44444vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left .product-meta {
        margin-bottom: 64px
    }
}

@media (max-width:767px) {
    .product-gallery .wrapper .product-info .left .product-meta {
        margin-bottom: 6.66667vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-gallery .wrapper .product-info .left .product-meta .colors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2.08333vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left .product-meta .colors {
        margin-right: 30px
    }
}

@media (max-width:767px) {
    .product-gallery .wrapper .product-info .left .product-meta .colors {
        margin-right: 7.2vw
    }
}

.product-gallery .wrapper .product-info .left .product-meta .colors .cta-hint {
    margin-right: .97222vw
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left .product-meta .colors .cta-hint {
        margin-right: 14px
    }
}

.product-gallery .wrapper .product-info .left .product-meta .colors .circle {
    display: block;
    width: 1.52778vw;
    height: 1.52778vw;
    margin-right: .27778vw;
    border-radius: 50%
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left .product-meta .colors .circle {
        width: 22px;
        height: 22px;
        margin-right: 4px
    }
}

@media (max-width:767px) {
    .product-gallery .wrapper .product-info .left .product-meta .colors .circle {
        width: 5.33333vw;
        height: 5.33333vw;
        margin-right: 1.06667vw
    }
    .product-gallery .wrapper .product-info .left .product-meta>.cta-hint:not(:last-child) {
        display: none
    }
}

.product-gallery .wrapper .product-info .left .product-meta>.cta-hint:not(:last-child) {
    margin-right: 2.08333vw
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left .product-meta>.cta-hint:not(: last-child) {
        margin-right: 30px
    }
}

.product-gallery .wrapper .product-info .left .product-meta>.cta-hint {
    position: relative;
    cursor: pointer
}

.product-gallery .wrapper .product-info .left .product-meta>.cta-hint span:first-child {
    margin-right: .69444vw
}

.product-gallery .wrapper .product-info .left .product-meta>.cta-hint .cta-share-text {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 1.38889vw;
    overflow: hidden;
    width: 6.94444vw;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
    background-color: #fff
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left .product-meta>.cta-hint span:first-child {
        margin-right: 10px
    }
    .product-gallery .wrapper .product-info .left .product-meta>.cta-hint .cta-share-text {
        left: 20px;
        width: 100px
    }
}

@media (max-width:767px) {
    .product-gallery .wrapper .product-info .left .product-meta>.cta-hint .cta-share-text {
        left: 5.06667vw;
        width: 9.33333vw
    }
}

.product-gallery .wrapper .product-info .left .product-meta>.cta-hint .share-icon-wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 1.38889vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 0
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .left .product-meta>.cta-hint .share-icon-wrapper {
        left: 20px
    }
}

@media (max-width:767px) {
    .product-gallery .wrapper .product-info .left .product-meta>.cta-hint .share-icon-wrapper {
        top: 2px;
        left: 5.06667vw;
        width: 9.33333vw
    }
    .product-gallery .wrapper .product-info .left .product-meta>.cta-hint .share-icon-wrapper .icon-facebook {
        margin-right: 2vw
    }
    .product-gallery .wrapper .product-info .left .btn-container {
        text-align: center
    }
}

.product-gallery .wrapper .product-info .left .product-meta>.cta-hint.open .cta-share-text {
    width: 0
}

.product-gallery .wrapper .product-info .left .product-meta>.cta-hint.open .share-icon-wrapper {
    opacity: 1
}

@media (max-width:767px) {
    .product-gallery .wrapper .product-info .left .btn-container .btn {
        width: 44.66667vw;
        height: 10.66667vw;
        text-align: center
    }
}

.product-gallery .wrapper .product-info .left .btn-container .arrow {
    background-color: #ccc
}

.product-gallery .wrapper .product-info .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 4.16667vw;
    cursor: pointer;
    -webkit-transition: width .2s ease, background-color .2s ease;
    transition: width .2s ease, background-color .2s ease;
    color: #fff;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1440px) {
    .product-gallery .wrapper .product-info .right {
        width: 60px
    }
}

.product-gallery .product-thumbnail-row {
    overflow: hidden;
    width: 58.33333vw;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

@media (min-width:1440px) {
    .product-gallery .product-thumbnail-row {
        width: 840px
    }
}

.product-gallery .product-thumbnail-row .thumbnail {
    position: relative;
    width: 12.5vw;
    height: 5.55556vw;
    cursor: pointer
}

@media (min-width:1440px) {
    .product-gallery .product-thumbnail-row .thumbnail {
        width: 180px;
        height: 80px
    }
}

.product-gallery .product-thumbnail-row .thumbnail:hover .overlay {
    width: 100%
}

.product-gallery .product-thumbnail-row .thumbnail .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
    background-color: rgba(255, 255, 255, .1)
}

.search-page {
    padding-bottom: 2.77778vw
}

.search-page .btn-container,
.search-page .page-header,
.search-page .related-results,
.search-page .results-list,
.search-page form {
    margin-left: 8.33333vw
}

.search-page .results-list {
    margin-bottom: 6.11111vw
}


@media (min-width:1440px) {
    .search-page {
        padding-bottom: 40px
    }
    .search-page .btn-container,
    .search-page .page-header,
    .search-page .related-results,
    .search-page .results-list,
    .search-page form {
        margin-left: 120px
    }
    .search-page .results-list {
        margin-bottom: 88px
    }
}

.search-page .page-header {
    margin-top: 6.04167vw;
    margin-bottom: 4.375vw
}

@media (min-width:1440px) {
    .search-page .page-header {
        margin-top: 87px;
        margin-bottom: 63px
    }
}

.search-page .page-header .eyebrow {
    margin-bottom: 1.45833vw
}

@media (min-width:1440px) {
    .search-page .page-header .eyebrow {
        margin-bottom: 21px
    }
}

@media (max-width:767px) {
    .product-gallery .product-thumbnail-row,
    .product-gallery .wrapper .product-info .right {
        display: none
    }
    .search-page .btn-container,
    .search-page .page-header,
    .search-page .related-results,
    .search-page .results-list,
    .search-page form {
        margin-left: 10.66667vw
    }
    .search-page .page-header {
        margin-top: 5.6vw
    }
    .search-page .page-header .eyebrow {
        margin-bottom: .8vw
    }
}

.search-page form {
    font-size: 1.38889vw;
    line-height: 1.73611vw;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 39.58333vw;
    margin-bottom: 6.25vw;
    border-bottom: 1px solid #000
}

@media (min-width:1440px) {
    .search-page form {
        width: 570px;
        margin-bottom: 90px
    }
}

@media (max-width:767px) {
    .search-page form {
        font-size: 3.33333vw;
        width: 78vw;
        margin-bottom: 12vw
    }
    .search-page form input {
        padding-bottom: 1.33333vw
    }
}

.search-page form input {
    width: 95%
}

.search-page form .icon-search {
    font-size: .83333vw;
    position: absolute;
    top: 0;
    right: .83333vw
}

.search-page .result {
    display: flex;
    margin-bottom: 2.91667vw
}

.search-page .result .image-container {
    display: block;
    width: 12.5vw;
    margin-right: 2.08333vw
}

.search-page .result.post .copy,
.search-page .result.product .copy {
    padding-top: 1.11111vw
}

@media (min-width:1440px) {
    .search-page form .icon-search {
        font-size: 12px;
        right: 12px
    }
    .search-page .result {
        margin-bottom: 42px
    }
    .search-page .result .image-container {
        width: 180px;
        margin-right: 30px
    }
    .search-page .result.post .copy,
    .search-page .result.product .copy {
        padding-top: 16px
    }
}

@media (max-width:767px) {
    .search-page form .icon-search {
        font-size: 2.4vw;
        right: 1.6vw
    }
    .search-page .result {
        display: block;
        margin-bottom: 14.13333vw
    }
    .search-page .result .image-container {
        width: 56vw
    }
    .search-page .result.post .copy,
    .search-page .result.product .copy {
        padding-top: 10.66667vw;
        padding-right: 10.66667vw
    }
    .search-page .result.post .copy .subtitle,
    .search-page .result.product .copy .subtitle {
        margin-bottom: 1.86667vw
    }
}

.search-page .no-results p {
    font-size: 1.38889vw;
    line-height: 1.73611vw
}

.search-page .no-results p:first-child {
    margin-bottom: 7.63889vw
}

@media (min-width:1440px) {
    .search-page .no-results p {
        font-size: 20px;
        line-height: 25px
    }
    .search-page .no-results p:first-child {
        margin-bottom: 110px
    }
}

.search-page .no-results p:nth-child(2) {
    margin-bottom: 2.43056vw
}

@media (min-width:1440px) {
    .search-page .no-results p:nth-child(2) {
        margin-bottom: 35px
    }
}

.search-page .no-results .related-results {
    margin-bottom: 6.59722vw
}

.search-page .no-results .related-results>a {
    font-family: tradeBold, sans-serif;
    font-size: 1.11111vw;
    line-height: 1.73611vw;
    display: table
}

@media (min-width:1440px) {
    .search-page .no-results .related-results {
        margin-bottom: 95px
    }
    .search-page .no-results .related-results>a {
        font-size: 16px;
        line-height: 25px
    }
}

.search-page .no-results .related-results>a span {
    font-size: .55556vw;
    display: inline-block;
    margin-left: 2px;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    vertical-align: middle
}

@media (max-width:767px) {
    .search-page .no-results .related-results>a span {
        font-size: 8px;
        margin-left: 6px
    }
}

.search-page .no-results .related-results>a:hover span {
    -webkit-transform: translateX(7px);
    transform: translateX(7px)
}

.search-page .pagination {
    display: flex;
    margin: 0 3.125vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1440px) {
    .search-page .pagination {
        margin: 0 45px
    }
}

@media (max-width:767px) {
    .search-page .pagination {
        margin: 0 20px
    }
}

.search-page .pagination .next,
.search-page .pagination .prev {
    font-size: .83333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 3.125vw;
    height: 2.77778vw;
    margin: -.34722vw .34722vw 0;
    cursor: pointer;
    color: #fff;
    background-color: #000;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1440px) {
    .search-page .pagination .next,
    .search-page .pagination .prev {
        font-size: 12px;
        width: 45px;
        height: 40px;
        margin: -5px 5px 0
    }
}

@media (max-width:767px) {
    .search-page .pagination .next,
    .search-page .pagination .prev {
        font-size: 8px;
        width: 20px;
        height: 20px;
        margin: -5px 5px 0
    }
}

.search-page .pagination .next.inactive,
.search-page .pagination .prev.inactive {
    cursor: initial;
    opacity: .1
}

.search-page .pagination a:not(.next):not(.prev),
.search-page .pagination span {
    font-size: 1.38889vw;
    line-height: 1.66667vw;
    display: inline-block;
    margin: 0 .83333vw;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #838383
}

.search-page .pagination a:not(.next):not(.prev).current,
.search-page .pagination a:not(.next):not(.prev):hover,
.search-page .pagination span.current,
.search-page .pagination span:hover {
    color: #000
}

.tertiary-page {
    padding: 6.04167vw 8.33333vw 9.72222vw
}
.conformity-page {
    padding: 6.04167vw 8.33333vw 9.72222vw
}

@media (min-width:1440px) {
    .search-page .pagination a:not(.next):not(.prev),
    .search-page .pagination span {
        font-size: 20px;
        line-height: 24px;
        margin: 0 12px
    }
    .tertiary-page {
        padding: 87px 120px 140px
    }
    .conformity-page {
        padding: 30px 120px 140px
    }
}

@media (max-width:767px) {
    .search-page .pagination a:not(.next):not(.prev),
    .search-page .pagination span {
        font-size: 14px;
        line-height: 18px;
        margin: 0 8px
    }
    .tertiary-page {
        padding: 6.66667vw 10.66667vw 19.2vw
    }
    .conformity-page {
        padding: 6.66667vw 10.66667vw 19.2vw
    }
}

.tertiary-page>header {
    margin-bottom: 4.86111vw
}
.conformity-page>header {
    margin-bottom: 4.86111vw
}


@media (min-width:1440px) {
    .tertiary-page>header {
        margin-bottom: 70px
    }
    .conformity-page>header {
        margin-bottom: 70px
    }
}

.tertiary-page>header .eyebrow {
    margin-bottom: 1.38889vw;
    text-transform: uppercase
}
.conformity-page>header .eyebrow {
    margin-bottom: 1.38889vw;
    text-transform: uppercase
}

@media (min-width:1440px) {
    .tertiary-page>header .eyebrow {
        margin-bottom: 20px
    }
    .conformity-page>header .eyebrow {
        margin-bottom: 20px
    }
}

.tertiary-page .item {
    margin-bottom: 2.22222vw
}
.conformity-page .item {
    margin-bottom: 2.22222vw
}

@media (min-width:1440px) {
    .tertiary-page .item {
        margin-bottom: 32px
    }
    .conformity-page .item {
        margin-bottom: 32px
    }
}

@media (max-width:767px) {
    .tertiary-page .item {
        margin-bottom: 6.66667vw
    }
    .conformity-page .item {
        margin-bottom: 6.66667vw
    }
}

.tertiary-page .item .subtitle {
    margin-bottom: 1.25vw;
    text-transform: uppercase
}
.conformity-page .item .subtitle {
    margin-bottom: 1.25vw;
    text-transform: uppercase
}

.tertiary-page .btn-container {
    margin-top: 3.88889vw
}
.conformity-page .btn-container {
    margin-top: 3.88889vw
}

@media (min-width:1440px) {
    .tertiary-page .item .subtitle {
        margin-bottom: 18px
    }
    .tertiary-page .btn-container {
        margin-top: 56px
    }
    .conformity-page .item .subtitle {
        margin-bottom: 18px
    }
    .conformity-page .btn-container {
        margin-top: 56px
    }
}

@media (max-width:767px) {
    .tertiary-page .item .subtitle,
    .tertiary-page .item p {
        font-size: 3.06667vw;
        line-height: 4.8vw
    }
    .tertiary-page .item .subtitle {
        margin-bottom: 5.2vw
    }
    .tertiary-page .btn-container {
        margin-top: 18.66667vw;
        text-align: center
    }
    .conformity-page .item .subtitle,
    .conformity-page .item p {
        font-size: 3.06667vw;
        line-height: 4.8vw
    }
    .conformity-page .item .subtitle {
        margin-bottom: 5.2vw
    }
    .conformity-page .btn-container {
        margin-top: 18.66667vw;
        text-align: center
    }
}

.b2b-login {
    height: calc(100vh - 140px);
    background-color: #202029
}

.b2b-login form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.b2b-login .input-wrapper {
    position: relative;
    width: 39.58333vw;
    margin-bottom: 4.16667vw
}

@media (min-width:1440px) {
    .b2b-login .input-wrapper {
        width: 570px;
        margin-bottom: 60px
    }
}

@media (max-width:767px) {
    .b2b-login .input-wrapper {
        width: 78.66667vw;
        margin-bottom: 8vw
    }
}

.b2b-login .input-wrapper input[type=email],
.b2b-login .input-wrapper input[type=text] {
    background-color: transparent
}

.b2b-login .input-wrapper .selected-text,
.b2b-login .input-wrapper input {
    font-size: 1.38889vw;
    display: block;
    width: 100%;
    padding: 0 0 .69444vw;
    color: #d2d2d4;
    border: none;
    border-bottom: 2px solid #d2d2d4;
    background-color: transparent
}

.b2b-login .input-wrapper .selected-text:focus,
.b2b-login .input-wrapper input:focus {
    outline: 0
}

@media (min-width:1440px) {
    .b2b-login .input-wrapper .selected-text,
    .b2b-login .input-wrapper input {
        font-size: 20px;
        padding: 0 0 10px
    }
}

@media (max-width:767px) {
    .b2b-login .input-wrapper .selected-text,
    .b2b-login .input-wrapper input {
        font-size: 3.33333vw
    }
}

.b2b-login .input-wrapper label {
    font-size: 1.38889vw;
    font-weight: 400;
    position: absolute;
    top: .69444vw;
    left: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    pointer-events: none;
    color: #d2d2d4
}

@media (min-width:1440px) {
    .b2b-login .input-wrapper label {
        font-size: 20px;
        top: 10px
    }
}

@media (max-width:767px) {
    .b2b-login .input-wrapper label {
        font-size: 3.33333vw
    }
}

.b2b-login .input-wrapper input:focus+label,
.b2b-login .input-wrapper input:valid+label {
    font-size: .83333vw;
    top: -1.38889vw;
    color: #d2d2d4
}

@media (min-width:1440px) {
    .b2b-login .input-wrapper input:focus+label,
    .b2b-login .input-wrapper input:valid+label {
        font-size: 12px;
        top: -20px
    }
}

.approach-copy {
    position: relative;
    left: 33.33333vw;
    max-width: 33.33333vw;
    margin-top: 90px;
    margin-bottom: 110px
}

@media (max-width:767px) {
    .b2b-login .input-wrapper input:focus+label,
    .b2b-login .input-wrapper input:valid+label {
        font-size: 2.4vw;
        top: -4vw
    }
    .approach-copy {
        position: static;
        max-width: auto;
        padding: 0 5.33333vw
    }
}

.approach-copy.reveal .hidden {
    max-height: 1000px
}

.approach-copy.reveal .vertical {
    display: none
}

.approach-copy header {
    position: relative;
    text-align: left
}

.approach-copy header .title-hero {
    font-family: trade, sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 3.88889vw;
    letter-spacing: .35em;
    text-transform: uppercase
}

.approach-copy header .title-hero:after {
    position: absolute;
    bottom: -1.59722vw;
    display: block;
    width: 3.47222vw;
    height: 2px;
    content: '';
    background-color: #000
}

@media (min-width:1440px) {
    .approach-copy {
        left: 480px;
        max-width: 480px
    }
    .approach-copy header .title-hero {
        margin-bottom: 56px
    }
    .approach-copy header .title-hero:after {
        bottom: -23px;
        width: 50px
    }
}

.approach-copy p {
    font-family: trade, sans-serif;
    font-size: .90278vw;
    font-weight: 400;
    line-height: 1.38889vw;
    margin-bottom: 2.08333vw;
    padding: 0 4.16667vw
}

@media (min-width:1440px) {
    .approach-copy p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 30px;
        padding: 0 60px
    }
}

@media (max-width:767px) {
    .approach-copy p {
        font-size: 3.06667vw;
        line-height: 4.8vw
    }
}

.approach-copy p.hidden {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .2s ease;
    transition: max-height .2s ease
}

.approach-copy .circle-wrapper {
    cursor: pointer
}

.approach-copy .circle-wrapper .circle {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 26px;
    height: 26px;
    margin: 0 auto;
    border: 2px solid #000;
    border-radius: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.approach-copy .circle-wrapper .horizontal {
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #000
}

.approach-copy .circle-wrapper .vertical {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 11px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-left: 2px solid #000
}