@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
footer,
header,
nav,
section {
    display: block
}
h1 {
    margin: .67em 0;
    font-size: 2em
}
figcaption,
figure,
main {
    display: block
}
figure {
    margin: 1em 40px
}
hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    font-size: 1em;
    font-family: monospace, monospace
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
a:active,
a:hover {
    outline-width: 0
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: inherit
}
b,
strong {
    font-weight: bolder
}
code,
kbd,
samp {
    font-size: 1em;
    font-family: monospace, monospace
}
dfn {
    font-style: italic
}
mark {
    background-color: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
audio,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-size: 100%;
    font-family: sans-serif;
    line-height: 1.15
}
button,
input {
    overflow: visible
}
button,
select {
    text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}
button {
    border-radius: 0
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}
legend {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    max-width: 100%;
    color: inherit;
    white-space: normal
}
progress {
    display: inline-block;
    vertical-align: baseline
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}
details,
menu {
    display: block
}
summary {
    display: list-item
}
canvas {
    display: inline-block
}
template {
    display: none
}
[hidden] {
    display: none
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
[hidden],
template {
    display: none
}
*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
address {
    font-style: inherit
}
cite,
dfn,
em,
i {
    font-style: italic
}
b,
strong {
    font-weight: 700
}
a {
    text-decoration: none
}
a svg {
    pointer-events: none
}
[tabindex],
a,
area,
button,
input,
label,
select,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
[hreflang]>abbr[title] {
    text-decoration: none
}
table {
    border-spacing: 0;
    border-collapse: collapse
}
hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}
audio:not([controls]) {
    display: none;
    height: 0
}
img,
svg {
    max-width: 100%;
    height: auto
}
img[height],
img[width],
svg[height],
svg[width] {
    max-width: none
}
img {
    font-style: italic
}
svg {
    fill: currentColor
}
input,
select,
textarea {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: none transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
select {
    text-transform: none
}
select::-ms-expand {
    display: none
}
select::-ms-value {
    background: 0 0;
    color: inherit
}
textarea {
    overflow: auto;
    resize: vertical
}
.o-button,
button {
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: none transparent;
    color: inherit;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    font: inherit;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.o-button:focus,
.o-button:hover,
button:focus,
button:hover {
    text-decoration: none
}
html {
    overflow-y: scroll;
    min-height: 100%;
    color: #222;
    font-size: 1em;
    line-height: 1.5;
    font-family: "Microsoft YaHei", sans-serif
}
@media (max-width:1599px) {
    html {
        /*font-size: 16px*/
        font-size: 18px
    }
}
@media (min-width:1600px) {
    html {
        font-size: 18px
    }
}
html.has-smooth-scroll {
    height: 100%;
    overflow: hidden
}
html:not(.has-smooth-scroll) {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}
html[data-template=jobs] {
    background-color: #edeaea
}
html[data-theme=dark] {
    background-color: #000
}
html[data-theme=dark] .o-page {
    color: #fff
}
.has-smooth-scroll .o-page,
.has-smooth-scroll .o-scroll,
.has-smooth-scroll body,
.has-smooth-scroll main {
    height: 100%;
    overflow: hidden
}
::-moz-selection {
    background-color: #222325;
    color: #fff;
    text-shadow: none
}
::selection {
    background-color: #222325;
    color: #fff;
    text-shadow: none
}
.o-link,
a {
    color: #000;
    -webkit-transition: color .3s cubic-bezier(.4, 0, 0, 1);
    transition: color .3s cubic-bezier(.4, 0, 0, 1)
}
.o-link:hover,
a:hover {
    color: #000
}
.o-link.-underline,
a.-underline {
    color: #222;
    text-decoration: underline
}
.o-link.-underline:hover,
a.-underline:hover {
    color: #222
}
.o-link.-white,
a.-white {
    color: #fff
}
.o-link.-white:hover,
a.-white:hover {
    color: #fff
}
.o-horizontal {
    position: relative
}
.o-horizontal.-margin {
    margin-left: 10rem
}
.has-smooth-scroll .o-horizontal {
    height: 100vh
}
figure {
    margin: 0
}
.o-h,
.o-h1,
.o-h2,
.o-h3,
.o-h4,
.o-h5,
.o-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    line-height: 1.5
}
.o-h1,
h1 {
    font-size: 6.25rem;
    font-weight: 700;
    line-height: 1.1
}
.o-h2,
h2 {
    font-size: 6.25rem;
    font-weight: 700;
    line-height: 1.1
}
.o-h3,
h3 {
    font-size: 2.5rem;
    line-height: 1.1
}
.o-h4,
h4 {
    font-size: 1.5rem;
    margin: 1.875rem 0;
    line-height: 1.2
}
.o-h5,
h5 {
    font-size: 1.125rem
}
.o-h6,
h6 {
    font-size: 1rem
}
.autoplay-not-allowed .o-background_video {
    display: none
}
.o-background_fallback {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    background-position: center center
}
.o-background_fallback::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2)
}
.o-barba_wrapper {
    height: 100%;
    overflow: hidden;
    min-height: 100vh
}
.o-barba_container {
    height: 100%;
    overflow: hidden
}
.has-smooth-scroll .o-scroll {
    height: 100%;
    position: relative;
    overflow: hidden
}
.has-smooth-scroll .o-horizontal .o-scroll {
    max-height: 100vh
}
.has-smooth-scroll .o-horizontal .o-scroll_list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    margin-left: 0;
    white-space: nowrap;
    height: 100%;
    position: relative
}
.scroll-content {
    height: 100%
}
[data-scrollbar],
[scrollbar],
scrollbar {
    position: relative;
    display: block
}
[data-scrollbar] .scroll-content,
[scrollbar] .scroll-content,
scrollbar .scroll-content {
    width: 100%
}
[data-scrollbar].sticky .scrollbar-track,
[scrollbar].sticky .scrollbar-track,
scrollbar.sticky .scrollbar-track {
    background: rgba(255, 255, 255, .3)
}
[data-scrollbar] .scrollbar-track,
[scrollbar] .scrollbar-track,
scrollbar .scrollbar-track {
    position: absolute;
    z-index: 1;
    -webkit-transition: opacity .5s ease-out, background .5s ease-out;
    transition: opacity .5s ease-out, background .5s ease-out;
    background: 0 0;
    visibility: hidden
}
.o-scroll .scrollbar-track {
    visibility: visible
}
[data-scrollbar] .scrollbar-track.show,
[data-scrollbar] .scrollbar-track:hover,
[scrollbar] .scrollbar-track.show,
[scrollbar] .scrollbar-track:hover,
scrollbar .scrollbar-track.show,
scrollbar .scrollbar-track:hover {
    opacity: 1
}
[data-scrollbar] .scrollbar-track:hover,
[scrollbar] .scrollbar-track:hover,
scrollbar .scrollbar-track:hover {
    background: rgba(255, 255, 255, .3)
}
[data-scrollbar] .scrollbar-track-x,
[scrollbar] .scrollbar-track-x,
scrollbar .scrollbar-track-x {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    visibility: hidden
}
[data-scrollbar] .scrollbar-track-y,
[scrollbar] .scrollbar-track-y,
scrollbar .scrollbar-track-y {
    top: 0;
    right: 0;
    width: 5px;
    height: 100%
}
[data-scrollbar] .scrollbar-thumb,
[scrollbar] .scrollbar-thumb,
scrollbar .scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 8px;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 2s;
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 2s
}
.dom-is-loaded [data-scrollbar] .scrollbar-thumb,
.dom-is-loaded [scrollbar] .scrollbar-thumb,
.dom-is-loaded scrollbar .scrollbar-thumb {
    opacity: 1
}
.dom-is-reloaded [data-scrollbar] .scrollbar-thumb,
.dom-is-reloaded [scrollbar] .scrollbar-thumb,
.dom-is-reloaded scrollbar .scrollbar-thumb {
    opacity: 1
}
.dom-is-loading [data-scrollbar] .scrollbar-thumb,
.dom-is-loading [scrollbar] .scrollbar-thumb,
.dom-is-loading scrollbar .scrollbar-thumb {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
[data-scrollbar] .overscroll-glow,
[scrollbar] .overscroll-glow,
scrollbar .overscroll-glow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.c-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10rem;
    z-index: 900
}
.c-nav_text {
    position: absolute;
    right: 0;
    bottom: 4rem;
    left: 0;
    font-size: .75rem;
    padding: 2.5rem;
    padding-right: 1.25rem;
    font-weight: 500;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1)
}
.dom-is-loaded .c-nav_text {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}
.dom-is-loading .c-nav_text {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.dom-is-animated .c-nav_text {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}
.c-nav_text.-big {
    font-size: 12px;
    color: #808080;
    width: 450px;
    right: auto;
    bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: -.625rem;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.c-nav_text.-big a{
    color: #808080;
}
.c-nav_text.-big a:hover{
    color: #ffffff;
    border-bottom:1px solid #808080;
    cursor: pointer;
}

.dom-is-loaded .c-nav_text.-big {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}
[data-template=home].dom-is-loaded .has-logo-big .c-nav_text.-big {
    opacity: 1;
    visibility: visible;
}
/*.has-nav-open .c-nav_text.-big
{
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	opacity: 1
}*/
.dom-is-loading .c-nav_text.-big {
    opacity: 0
}
.dom-is-animated .c-nav_text.-big {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.c-nav_burger {
    position: absolute;
    z-index: 3;
    bottom: 50%;
    width: 3.125rem;
    height: 3.125rem;
    line-height: 1;
    padding-top: 2px;
    margin-bottom: -1.5625rem;
    opacity: 0;
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1), bottom 0.5s ease;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1), bottom 0.5s ease;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1), bottom 0.5s ease;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1), bottom 0.5s ease;
}
.dom-is-loaded .c-nav_burger,
.dom-is-loading .c-nav_burger {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    /*-webkit-transition-delay: 2.2s;*/
    /*transition-delay: 2.2s*/
}
.has-nav-open .c-nav_burger {
    bottom: 7%;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.has-scroll .c-nav_burger {
    bottom: 7%;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.c-nav_burger::after,
.c-nav_burger::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, 0, 1);
    transition: -webkit-transform .3s cubic-bezier(.4, 0, 0, 1);
    transition: transform .3s cubic-bezier(.4, 0, 0, 1);
    transition: transform .3s cubic-bezier(.4, 0, 0, 1), -webkit-transform .3s cubic-bezier(.4, 0, 0, 1)
}
.c-nav_burger::before {
    background-color: #edeaea
}
.c-nav_burger::after {
    background-color: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}
.c-nav_burger:hover::before {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.has-nav-open .c-nav_burger::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.has-nav-open .c-nav_burger:hover::after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.c-nav_burger {
    left: 3.4375rem
}
.c-nav_burger_lines {
    position: relative;
    display: inline-block;
    width: 2px;
    height: 18px;
    background-color: #000;
    z-index: 2;
    -webkit-transition: background-color .3s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: background-color .3s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: background-color .3s cubic-bezier(.4, 0, 0, 1), transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: background-color .3s cubic-bezier(.4, 0, 0, 1), transform .45s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1)
}
.c-nav_burger_lines::after,
.c-nav_burger_lines::before {
    content: "";
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    -webkit-transition: background-color .3s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: background-color .3s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: background-color .3s cubic-bezier(.4, 0, 0, 1), transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: background-color .3s cubic-bezier(.4, 0, 0, 1), transform .45s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}
.c-nav_burger_lines::before {
    right: -6px
}
.c-nav_burger_lines::after {
    left: -6px
}
.has-nav-open .c-nav_burger_lines {
    background-color: transparent;
    -webkit-transform: rotate(180deg) translateY(-2px);
    -ms-transform: rotate(180deg) translateY(-2px);
    transform: rotate(180deg) translateY(-2px)
}
.has-nav-open .c-nav_burger_lines::after,
.has-nav-open .c-nav_burger_lines::before {
    background-color: #000
}
.has-nav-open .c-nav_burger_lines::before {
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg)
}
.has-nav-open .c-nav_burger_lines::after {
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}
.c-nav-button {
    position: fixed;
    right: 0;
    color: #fff;
    z-index: 800;
    text-align: center;
    letter-spacing: .02em;
    font-size: 0
}
.c-nav-button::before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}
.c-nav-button>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-family: 'Reznor';
}

.c-nav-button.-top span {
    padding-left: 20px;
    padding-top: 2px;
    background: url(../images/icon3.png) left center no-repeat;
}
.c-nav-button.-bottom span {
    padding-left: 45px;
    background: url(../images/icon4.png) left center no-repeat;
}
.c-nav-button:hover {
    color: #fff
}
.c-nav-button.-top {
    top: 0;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.dom-is-loaded .c-nav-button.-top {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s;
    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1)
}
[data-transition=BetweenBrandsTransition] .c-nav-button.-top {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s;
    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1)
}
[data-template=brand-details] .c-nav-button.-top,
[data-template=jobs] .c-nav-button.-top,
[data-template=story] .c-nav-button.-top {
    color: #000
}
[data-template=contact] .c-nav-button.-top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.c-nav-button {
    width: 13.75625rem
}
.c-nav-button {
    height: 7.5rem
}
.c-logo {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4011%;
    z-index: 850;
    overflow: hidden;
    min-width: 40rem;
    pointer-events: none
}
.c-logo_wrap {
    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.645, .045, .355, 1), -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    padding-top: 0;
    pointer-events: auto;
    opacity: 0;
    background-color: #000
}
.c-logo_wrap::after,
.c-logo_wrap::before {
    position: absolute;
    display: block;
    content: "";
    right: 0;
    left: 0;
    background-color: #262626;
    height: 40.6875rem
}
.c-logo_wrap::before {
    top: -8rem;
    height: 8rem;
}
.c-logo_wrap::after {
    top: 16rem;
    height: 475vh
}
.c-logo_wrap svg {
    fill: #fff;
    width: 45rem;
    height: 19.6875rem
}
.c-logo_wrap {
    width: 45rem;
    -webkit-transform: translateY(1.5rem) scale(.22222);
    -ms-transform: translateY(1.5rem) scale(.22222);
    transform: translateY(1.5rem) scale(.22222)
}
.dom-is-loaded .c-logo_wrap {
    -webkit-transform: translateY(1.5rem) scale(.22222);
    -ms-transform: translateY(1.5rem) scale(.22222);
    transform: translateY(1.5rem) scale(.22222);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 1
}
.dom-is-loading .c-logo_wrap {
    -webkit-transform: translateY(1.5rem) scale(.22222);
    -ms-transform: translateY(1.5rem) scale(.22222);
    transform: translateY(1.5rem) scale(.22222);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1
}
[ data-template=home] .has-logo-big .c-logo_wrap {
    -webkit-transform: translateY(8rem) scale(1);
    -ms-transform: translateY(8rem) scale(1);
    transform: translateY(8rem) scale(1)
}
.has-logo-big .c-logo_wrap {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}
.dom-is-animated .c-logo_wrap {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
[data-template=home] .c-logo_wrap {
    /*background-color: transparent*/
}
.c-logo_target {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 99vw;
    z-index: -1
}
.c-home-section {
    position: relative;
    min-width: 100%;
    color: #fff;
    font-size: 0;
    display: block;
    overflow: hidden;
    background-color: #444444;
}
.c-home-section::before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle
}
.c-home-section>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem
}
.c-home-section.-stats .o-background {
    left: 50vw
}
.c-home-section {
    display: inline-block;
    height: 100vh;
    white-space: nowrap
}
.c-home-section.-smaller {
    width: calc(100vw - 13.75rem)
}
.c-home-section.-bigger {
    width: calc(140vw)
}
.c-home-section.-xbigger {
    width: calc(140vw)
}
.c-home-section .o-background {
    /*opacity: .5*/
}
.c-home-section_video {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1) .3s;
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) .3s
}
.dom-is-loaded .c-home-section_video {
    opacity: 1
}
.dom-is-loaded .c-home-section_video:before {
    content: '';
    position: absolute;
    width: 105%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .3);
    backface-visibility: hidden;
    display: none;
}
.c-home-section_content {
    position: relative;
    white-space: normal
}
.c-home-section:first-child .c-home-section_content {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: transform .6s cubic-bezier(.645, .045, .355, 1), -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.c-home-section:first-child .c-home-section_content {
    padding-left: 18rem
}
[ data-template=home] .has-logo-big .c-home-section:first-child .c-home-section_content {
    -webkit-transform: translateX(30rem);
    -ms-transform: translateX(30rem);
    transform: translateX(30rem)
}
.c-home-section_content {
    display: inline-block;
    width: 80vw;
    padding-left: 10rem;
    padding-right: 2rem
}
.c-home-section_heading {
    position: relative;
    color: #fff;
    font-family: 'Arial';
    font-size: 52px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.1;
    margin: 0;
}
.c-home-section_heading .fz {
    font-size: 60px;
    font-family: 'Microsoft YaHei';
}
.c-home-section_heading_line {
    display: block;
    margin: 30px 0;
}
.c-home-section_heading_line_inner {
    display: inline-block;
    position: relative
}
/*.c-home-section_heading_line_inner::after
{
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	background-color: #fff;
	opacity: 0
}
*/
.c-home-section_heading_line_inner.is-displayed::after {
    opacity: 1
}
.c-home_section_intro {
    margin-top: 7.5rem
}
.c-action {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 1rem;
    padding-left: 0;
    position: relative;
    width: 36vw;
    height: 100%;
    color: #fff;
    white-space: normal
}
.c-action video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.c-action:nth-of-type(even) .o-background:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.2);
    z-index: 2;
}
.c-action:hover {
    color: #fff
}
[data-transition=BrandTransition] .c-action {
    z-index: 10
}
.c-action.is-clicked-link {
    z-index: 11
}
.c-action:not(.is-clicked-link) {
    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1)
}
.dom-is-loading .c-action:not(.is-clicked-link) {
    opacity: 0;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}
.c-action:last-child {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: overflow 0s .6s, -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: overflow 0s .6s, -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: transform .45s cubic-bezier(.4, 0, 0, 1), overflow 0s .6s;
    transition: transform .45s cubic-bezier(.4, 0, 0, 1), overflow 0s .6s, -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
}
.c-action:last-child:hover {
    overflow: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-action_wrap {
    position: relative;
    height: 100%;
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: transform .45s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1)
}
.c-action:hover .c-action_wrap {
    -webkit-transform: translateX(-5vw);
    -ms-transform: translateX(-5vw);
    transform: translateX(-5vw)
}
.c-action:hover+.c-action .c-action_wrap {
    -webkit-transform: translateX(5vw);
    -ms-transform: translateX(5vw);
    transform: translateX(5vw)
}
[ data-transition=BrandTransition] .c-action.is-clicked-link .c-action_wrap {
    -webkit-transform: translateX(-5vw);
    -ms-transform: translateX(-5vw);
    transform: translateX(-5vw)
}
.c-action_inner {
    font-size: 0;
    height: 100%;
    display: block
}
.c-action_inner::before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle
}
.c-action_inner>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem
}
.c-action_inner>div {
    position: absolute;
    top: 49%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.c-action_background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: left .5s cubic-bezier(.645, .045, .355, 1), right .5s cubic-bezier(.645, .045, .355, 1), -webkit-filter .6s cubic-bezier(.215, .61, .355, 1);
    transition: left .5s cubic-bezier(.645, .045, .355, 1), right .5s cubic-bezier(.645, .045, .355, 1), -webkit-filter .6s cubic-bezier(.215, .61, .355, 1);
    transition: filter .6s cubic-bezier(.215, .61, .355, 1), left .5s cubic-bezier(.645, .045, .355, 1), right .5s cubic-bezier(.645, .045, .355, 1);
    transition: filter .6s cubic-bezier(.215, .61, .355, 1), left .5s cubic-bezier(.645, .045, .355, 1), right .5s cubic-bezier(.645, .045, .355, 1), -webkit-filter .6s cubic-bezier(.215, .61, .355, 1)
}
[ data-transition=BrandTransition] .c-action.is-clicked-link .c-action_background {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
[ data-transition=BrandTransition] .c-action.is-clicked-link .c-action_background .o-background {
    -webkit-transform: translateX(5vw);
    -ms-transform: translateX(5vw);
    transform: translateX(5vw)
}
@media (min-width:1400px) {
    [ data-transition=BrandTransition] .c-action.is-clicked-link .c-action_background {
        right: calc((-64vw + 13.75rem + 10rem)/ 2);
        left: calc((-64vw + 13.75rem + 10rem)/ 2)
    }
}
@media screen and (max-width:1399px) {
    [ data-transition=BrandTransition] .c-action.is-clicked-link .c-action_background {
        right: calc((-64vw + 11.25rem + 10rem)/ 2);
        left: calc((-64vw + 11.25rem + 10rem)/ 2)
    }
}
.c-action_background {
    /*-webkit-filter: grayscale(1);*/
    /*filter: grayscale(1);*/
    right: -11vw
}
.c-action:last-child .c-action_background {
    right: 0;
}
.c-action_background .o-background {
    left: -5vw;
    right: 5vw;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: transform .45s cubic-bezier(.4, 0, 0, 1);
    transition: transform .45s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1)
}
.c-action:last-child .c-action_background .o-background{
    right: 0;
}
.c-action:hover+.c-action .c-action_background .o-background {
    -webkit-transform: translateX(-5vw);
    -ms-transform: translateX(-5vw);
    transform: translateX(-5vw)
}
.c-action:nth-of-type(5):hover+.c-action .c-action_background .o-background{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)

}
.c-action:hover .c-action_background .o-background {
    -webkit-transform: translateX(5vw);
    -ms-transform: translateX(5vw);
    transform: translateX(5vw)
}
.c-action:hover .c-action_background {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.c-action_heading {
    position: relative;
    display: block;
    font-size: 60px;
    font-family: 'Arial';
    line-height: 1.1
}
.c-action_heading {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.c-action_heading_line {
    display: block;
    margin-bottom: 1.875rem
}
.c-action_heading_line.-offset {
    margin-left: 10vw
}
.c-action_heading_line_inner {
    display: inline-block;
    position: relative
}
.c-action_heading_line_inner a {
    color: #fff;
    font-weight: normal;
}
.c-action_heading_line_inner a p{
    font-size: 20px;
    line-height: 1;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: -20px;
    white-space: nowrap;
}
.c-action_heading_line_inner::after {
    content: "";
    display: block;
    width: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}
.c-action_heading_line_inner::after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    height: 8px;
    margin: 8px 0;
}
.c-action:hover .c-action_heading_line_inner::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
.c-action:hover .c-action_heading_line:nth-child(1) .c-action_heading_line_inner::after {
    -webkit-transition-delay: .19s;
    transition-delay: .19s
}
.c-action:hover .c-action_heading_line:nth-child(2) .c-action_heading_line_inner::after {
    -webkit-transition-delay: .28s;
    transition-delay: .28s
}
[data-transition=BrandTransition] .c-action.is-clicked-link .c-action_heading_line_inner::after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}
.c-action_heading_line_inner>* {
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1)
}
[data-transition=BrandTransition] .c-action.is-clicked-link .c-action_heading_line_inner>* {
    opacity: 0;
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px)
}
.c-action_heading_line_inner>* {
    opacity: 1;
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px)
}
.c-action:hover .c-action_heading_line_inner>* {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.c-action_heading_line_inner>:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}
.c-action_heading_line_inner>:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
.c-action_heading_line_slice {
    display: block;
    position: absolute;
    top: 0;
    left: -5px;
    height: 50%;
    overflow: hidden
}
.c-action_heading_line_base {
    display: block;
    position: relative
}
.c-action_heading_line_base {
    -webkit-clip-path: polygon(0 53%, 100% 53%, 100% 100%, 0 100%);
    clip-path: polygon(0 53%, 100% 53%, 100% 100%, 0 100%)
}
.c-action_header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}
.c-action_header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: transform .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1)
}
.c-action:hover .c-action_header::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
[data-transition=BrandTransition] .c-action.is-clicked-link .c-action_header::before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}
.c-action_header {
    width: calc(100% + 80px);
    margin: 7.5rem 2.5rem
}
.c-action:last-child .c-action_header{
    width: auto;
}
.c-action_header_label {
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1)
}
.c-action:hover .c-action_header_label{
    opacity: 1;
}
[data-transition=BrandTransition] .c-action.is-clicked-link .c-action_header_label {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}
.c-action_header_count {
    margin: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .3s;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .3s;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1) .3s;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1) .3s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .3s
}
.c-action_header_count {
    font-size: 3.75rem
}
.c-action:hover .c-action_header_count {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
[data-transition=BrandTransition] .c-action.is-clicked-link .c-action_header_count {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-glitch_content {
    font-size: 46px;
    letter-spacing: 6px;
    display: block;
    transition: all 300ms ease;
    opacity: 0
}
.c-glitch_content p {
    margin: 0;
    font-size: 40px;
    font-family: 'Arial';
    color: #666;
    opacity: .4;
    letter-spacing: 0;
}
.c-glitch.is-displayed .c-glitch_content {
    opacity: 1
}
.is-edge .c-glitch_content,
.is-trident .c-glitch_content {
    opacity: 1
}
.c-loader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    height: 0;
    -webkit-transition: height 0s 1.2s, z-index 0s 1.2s, opacity .6s 0s;
    transition: height 0s 1.2s, z-index 0s 1.2s, opacity .6s 0s;
    background-color: #fff;
    opacity: 0
}
.dom-is-first-loading .c-loader,
.dom-is-loading .c-loader {
    z-index: 700;
    height: 100vh;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1
}
@media (min-width:1400px) {
    [ data-transition=BetweenBrandsTransition] .c-loader {
        right: 13.75rem
    }
}
@media screen and (max-width:1399px) {
    [ data-transition=BetweenBrandsTransition] .c-loader {
        right: 11.25rem
    }
}
[data-transition=BrandTransition] .c-loader {
    opacity: 0
}
.c-loader_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 148px;
    height: 38px;
    overflow: hidden
}
.u-float-left {
    float: left!important
}
.u-float-right {
    float: right!important
}
.u-text-center {
    text-align: center!important
}
.u-text-left {
    text-align: left!important
}
.u-text-right {
    text-align: right!important
}
.u-align-baseline {
    vertical-align: baseline!important
}
.u-align-bottom {
    vertical-align: bottom!important
}
.u-align-middle {
    vertical-align: middle!important
}
.u-align-top {
    vertical-align: top!important
}
.u-vertical-center {
    font-size: 0
}
.u-vertical-center::before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle
}
.u-vertical-center>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem
}
[aria-busy=true] {
    cursor: progress
}
[aria-controls] {
    cursor: pointer
}
[aria-disabled] {
    cursor: default
}
.is-visible {
    visibility: visible!important;
    opacity: 1!important
}
.is-invisible {
    visibility: hidden!important;
    opacity: 0!important
}
.is-hidden {
    display: none!important;
    visibility: hidden!important
}
@media not print {
    .is-hidden\@screen {
        display: none!important;
        visibility: hidden!important
    }
}
@media print {
    .is-hidden\@print {
        display: none!important;
        visibility: hidden!important
    }
}
.u-1\/1 {
    width: 100%!important
}
.u-1\/2 {
    width: 50%!important
}
.u-2\/2 {
    width: 100%!important
}
.u-1\/3 {
    width: 33.3333333333%!important
}
.u-2\/3 {
    width: 66.6666666667%!important
}
.u-3\/3 {
    width: 100%!important
}
.u-1\/4 {
    width: 25%!important
}
.u-2\/4 {
    width: 50%!important
}
.u-3\/4 {
    width: 75%!important
}
.u-4\/4 {
    width: 100%!important
}
.u-1\/5 {
    width: 20%!important
}
.u-2\/5 {
    width: 40%!important
}
.u-3\/5 {
    width: 60%!important
}
.u-4\/5 {
    width: 80%!important
}
.u-5\/5 {
    width: 100%!important
}
.u-1\/6 {
    width: 16.6666666667%!important
}
.u-2\/6 {
    width: 33.3333333333%!important
}
.u-3\/6 {
    width: 50%!important
}
.u-4\/6 {
    width: 66.6666666667%!important
}
.u-5\/6 {
    width: 83.3333333333%!important
}
.u-6\/6 {
    width: 100%!important
}
@media (min-width:1000px) {
    .u-1\/2\@from-medium {
        width: 50%
    }
}
@media (min-width:700px) {
    .u-1\/2\@from-small {
        width: 50%
    }
}
@media (min-width:1000px) {
    .u-1\/3\@from-medium {
        width: 33.3333333333%
    }
}
@media (min-width:1000px) {
    .u-2\/3\@from-medium {
        width: 66.6666666667%
    }
}
@media (min-width:1000px) {
    .u-1\/4\@from-medium {
        width: 25%
    }
}
@media (min-width:700px) {
    .u-1\/3\@from-small {
        width: 33.3333333333%
    }
}
@media (max-width:999px) {
    .u-1\/2\@to-medium {
        width: 50%
    }
}



@media screen and (max-width: 1500px){
	.c-action_header{margin: 4rem 2.5rem;}
	.c-action_heading{font-size: 36px;}
    .c-action_heading_line_inner a p{font-size: 16px;}
	.c-home-section_heading .fz{font-size: 36px;}
    .c-home-section_heading_line{margin: 10px 0;}
    .c-home-section_heading_line:nth-of-type(2){font-weight: normal;}
    .c-glitch_content{font-size: 32px;}
	.c-glitch_content p{font-size: 24px;}
	.c-action_header{width: calc(100% + 40px);}
	.c-nav-button{height: 4.5rem;}
    .c-action_heading_line_inner::after{height: 4px;}
}
@media screen and (max-width: 1200px){
	.c-logo{min-width: 32rem;}
	.c-logo_wrap{
		width: 32rem;
        -webkit-transform: translateY(1.5rem) scale(.3125);
        -ms-transform: translateY(1.5rem) scale(.3125);
        transform: translateY(1.5rem) scale(.3125)}
	.c-logo_wrap::after{top: 12rem;}	
    .dom-is-loaded .c-logo_wrap {
        -webkit-transform: translateY(1.5rem) scale(.3125);
        -ms-transform: translateY(1.5rem) scale(.3125);
        transform: translateY(1.5rem) scale(.3125);
    }
    .dom-is-loading .c-logo_wrap {
        -webkit-transform: translateY(1.5rem) scale(.3125);
        -ms-transform: translateY(1.5rem) scale(.3125);
        transform: translateY(1.5rem) scale(.3125);
    }
    .c-action_header_count{font-size: 40px;}
    .c-action_heading{font-size: 30px;}
    .c-action_heading_line_inner::after{height: 4px;}
}