::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-border-radius:10px;border-radius:10px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(51, 51, 51, 0.8);-webkit-box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.5);box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.5);}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(51, 51, 51, 0.8);}


@font-face {
    font-family: This;
    src: url(../fonts/This-Regular.woff) format("woff"), 
         url(../fonts/This-Regular.woff2) format("woff2");
    font-weight: 400
}
@font-face {
    font-family: Bandon_Bold;
    src: url(../fonts/brandon_bld-webfont.woff) format("woff"), 
         url(../fonts/brandon_bld-webfont.woff2) format("woff2");
    font-weight: 400
}
@font-face {
    font-family: Brown_Regular;
    src: url(../fonts/lineto-brown-light.woff) format("woff"), 
         url(../fonts/lineto-brown-light.woff2) format("woff2");
    font-weight: 400
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    line-height: 1;
    background: #fff
}

blockquote {
    quotes: none
}

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

ul {
    list-style-type: none
}

address {
    font-style: normal
}

a:active,
a:hover,
button,
input,
select,
textarea {
    outline: 0
}

svg {
    width: 100%;
    height: 100%
}

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

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

input:first-line,
select:first-line {
    display: inline-block
}

button,
html,
input,
select,
textarea {
    font-family: inherit;
    color: #222;
    font-size: 100%;
    line-height: 1
}

button,
input,
label,
option,
select,
textarea {
    vertical-align: baseline;
    *vertical-align: middle;
    cursor: pointer;
    border-radius: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    *overflow: visible
}

input[type=text]:active,
input[type=text]:focus,
textarea:active,
textarea:focus {
    cursor: text
}

input[type=email],
input[type=password],
input[type=tel],
input[type=text],
textarea {
    background-clip: padding-box
}

button[disabled],
input[disabled] {
    cursor: default
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

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

[hidden] {
    display: none
}

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

.broser-outdated {
    margin: 1em 0;
    background-color: #b00;
    color: #fff;
    padding: 1em 0;
    text-align: center
}

.broser-outdated a {
    color: #fff
}

.cf:after,
.cf:before {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.container {
    max-width: 160.4rem;
    margin-left: auto;
    margin-right: auto
}

.colGutters {
    padding-left: 1rem;
    padding-right: 1rem
}

.gutters {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.grid {
    font-size: 0;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.grid--pulled {
    margin-left: -6.225rem;
    margin-right: -6.225rem
}

.grid>* {
    font-size: medium
}

.grid__col {
    display: inline-block;
    padding-left: .5rem;
    padding-right: .5rem;
    vertical-align: top
}

.grid__col--padded {
    padding-left: 6.225rem;
    padding-right: 6.225rem
}

.flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gridlines {
    bottom: 0;
    left: 4.8rem;
    opacity: .2;
    pointer-events: none;
    position: fixed;
    right: 4.8rem;
    top: 0;
    z-index: 999999999
}

.gridlines span {
    background-color: #80a1a7;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px
}

.gridlines span:first-of-type {
    right: 0
}

.gridlines span:nth-of-type(2) {
    right: 1rem
}

.gridlines span:nth-of-type(3) {
    right: 13.45rem
}

.gridlines span:nth-of-type(4) {
    right: 14.45rem
}

.gridlines span:nth-of-type(5) {
    right: 26.9rem
}

.gridlines span:nth-of-type(6) {
    right: 27.9rem
}

.gridlines span:nth-of-type(7) {
    right: 40.35rem
}

.gridlines span:nth-of-type(8) {
    right: 41.35rem
}

.gridlines span:nth-of-type(9) {
    right: 53.8rem
}

.gridlines span:nth-of-type(10) {
    right: 54.8rem
}

.gridlines span:nth-of-type(11) {
    right: 67.25rem
}

.gridlines span:nth-of-type(12) {
    right: 68.25rem
}

.gridlines span:nth-of-type(13) {
    right: 80.7rem
}

.gridlines span:nth-of-type(14) {
    right: 81.7rem
}

.gridlines span:nth-of-type(15) {
    right: 94.15rem
}

.gridlines span:nth-of-type(16) {
    right: 95.15rem
}

.gridlines span:nth-of-type(17) {
    right: 107.6rem
}

.gridlines span:nth-of-type(18) {
    right: 108.6rem
}

.gridlines span:nth-of-type(19) {
    right: 121.05rem
}

.gridlines span:nth-of-type(20) {
    right: 122.05rem
}

.gridlines span:nth-of-type(21) {
    right: 134.5rem
}

.gridlines span:nth-of-type(22) {
    right: 135.5rem
}

.gridlines span:nth-of-type(23) {
    right: 147.95rem
}

.gridlines span:nth-of-type(24) {
    right: 148.95rem
}

.gridlines span:nth-of-type(25) {
    right: 161.4rem
}

.gridlines span:nth-of-type(26) {
    right: 162.4rem
}

.overflow {
    overflow: hidden
}

html {
    font-size: 62.5%
}

body {
    font-family: Brown_Regular, sans-serif;
    color: #1d2a32;
    font-size: 1.4rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    font-family: This, sans-serif;
    font-weight: 500
}

h1,
h2 {
    letter-spacing: -.2rem
}

.h1,
h1 {
    margin-bottom: .8rem
}

.h1,
.h2,
h1,
h2 {
    font-size: 3rem
}

.h2,
h2 {
    margin-bottom: 2rem
}

.h3,
h3 {
    font-size: 2.8rem
}

.h4,
h4 {
    font-size: 2rem
}

.h5,
h5 {
    font-family: Brandon_Bold, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .06em;
    margin-bottom: 2rem;
    text-transform: uppercase
}

p {
    font-weight: 400;
    line-height: 1.71
}

p a {
    font-weight: 600;
    padding-bottom: .1rem;
    position: relative
}

p a:after,
p a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    -ms-transform-origin: left center;
    transform-origin: left center;
    width: 100%
}

p a:before {
    border-bottom: .1rem solid #80a1a7
}

p a:after {
    border-bottom: .1rem solid #fff;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform .28s cubic-bezier(.77, 0, .175, 1)
}

p a.no-line {
    padding-bottom: 0
}

p a.no-line:after,
p a.no-line:before {
    display: none
}

a {
    color: #fff;
    cursor: none;
    outline: 0;
    text-decoration: none;
    transition: .36s cubic-bezier(.74, -.01, .75, .42)
}

a:focus {
    color: #80a1a7;
    transition: .36s cubic-bezier(.33, .69, .37, 1.01)
}

a.view-btn {
    display: inline-block;
    font-weight: 600;
    line-height: 1.71;
    position: relative
}

a.view-btn:after,
a.view-btn:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    -ms-transform-origin: left center;
    transform-origin: left center;
    transition: transform .38s cubic-bezier(.77, 0, .175, 1);
    width: 100%
}

a.view-btn:before {
    border-bottom: .1rem solid #80a1a7
}

a.view-btn:after {
    border-bottom: .1rem solid #fff;
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

a.view-btn--icon {
    padding-right: 1.5rem
}

a.view-btn--icon svg {
    fill: #fff;
    height: .7rem;
    position: absolute;
    right: 0;
    top: 1rem;
    width: .9rem
}

a:hover {
    color: #fff;
    transition: .36s cubic-bezier(.33, .69, .37, 1.01)
}

a:hover:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

article blockquote,
article p {
    margin-bottom: 12.45rem
}

article blockquote {
    font-style: italic;
    padding: 12.45rem
}

article blockquote>p {
    margin-bottom: 0
}

article ol,
article ul {
    padding-left: 12.45rem;
    margin: 12.45rem 0;
    list-style-position: outside;
    list-style-type: disc
}

article ol {
    list-style-type: decimal
}

article li {
    margin: 6.225rem 0
}

html, body {
    overflow-x: hidden
}

body {
    background-color: #faf9f8;
    min-height: 100%;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%
}

.scrollable {
    position: fixed;
    width: 100%;
    z-index: 25
}

.site-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1
}

.js-ajax-container {
    overflow: hidden
}

::-moz-selection {
    background: #ace;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #ace;
    color: #fff;
    text-shadow: none
}

.scrollable[data-touch=true] {
    height: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: 50;
    padding-top: 3rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem
}

body[data-page=homepage] .site-header[data-blend=true] .site-header__logo svg {
    fill: #08151d
}

body[data-page=homepage] .site-header[data-blend=true] .site-header__nav-btn span:first-of-type,
body[data-page=homepage] .site-header[data-blend=true] .site-header__nav-btn span:nth-of-type(2) {
    background-color: #08151d
}

.site-header__logo {
    display: block;
    height: 10rem;
    left: -.2rem;
    overflow: hidden;
    pointer-events: all;
    position: relative;
    width: 3.2rem;
    z-index: 666
}

.site-header__logo svg {
    fill: #fff;
    left: 0;
    position: absolute;
    top: 0;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .5s, fill .5s cubic-bezier(.74, -.01, .75, .42) .2s
}

.site-header[data-visible=true] .site-header__logo svg {
    -ms-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

[data-theme=light] .site-header__logo svg {
    fill: #1d2a32
}

.site-header__back-link {
    display: none;
    left: 0;
    position: absolute;
    top: 0
}

.site-header__nav-btn {
    height: 3.3rem;
    overflow: hidden;
    pointer-events: all;
    position: fixed;
    right: 1.4rem;
    top: 2rem;
    width: 3rem;
    z-index: 5
}

.site-header__nav-btn div {
    height: 100%;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .5s
}

.site-header[data-visible=true] .site-header__nav-btn div {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.site-header__nav-btn span {
    display: block;
    height: .2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3rem
}

.site-header__nav-btn span:first-of-type {
    background-color: #fff;
    -ms-transform: translateX(-50%) translateY(-100%) translateY(-.4rem) scaleX(1);
    transform: translateX(-50%) translateY(-100%) translateY(-.4rem) scaleX(1);
    -ms-transform-origin: right;
    transform-origin: right;
    transition: transform .24s cubic-bezier(.36, .665, .375, .355) .6s, background-color .5s cubic-bezier(.74, -.01, .75, .42) .2s
}

.site-header__nav-btn span:nth-of-type(2) {
    background-color: #fff;
    -ms-transform: translateX(-50%) translateY(.4rem) scaleX(1);
    transform: translateX(-50%) translateY(.4rem) scaleX(1);
    -ms-transform-origin: right;
    transform-origin: right;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .5s, background-color .5s cubic-bezier(.74, -.01, .75, .42) .2s
}

.site-header__nav-btn span:nth-of-type(3) {
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.site-header__nav-btn span:nth-of-type(4) {
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.site-header__nav-btn span:nth-of-type(3):after,
.site-header__nav-btn span:nth-of-type(4):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1d2a32;
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.site-header__nav-btn span:nth-of-type(3):after {
    -ms-transform-origin: left;
    transform-origin: left;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .1s
}

.site-header__nav-btn span:nth-of-type(4):after {
    -ms-transform-origin: right;
    transform-origin: right;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .2s
}

[data-nav-open=false] .site-header__nav * {
    pointer-events: none!important
}

[data-nav-open=false] .site-header__nav .site-header__menu-inner h5 {
    opacity: 0;
    -ms-transform: translateY(3rem);
    transform: translateY(3rem);
    transition: transform .7s cubic-bezier(.33, .69, .37, 1.01), opacity .7s cubic-bezier(.33, .69, .37, 1.01);
    transition-delay: 0s
}

[data-nav-open=false] .site-header__nav .site-header__menu-inner div {
    opacity: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform .7s cubic-bezier(.33, .69, .37, 1.01), opacity .7s cubic-bezier(.33, .69, .37, 1.01);
    will-change: transform
}

[data-nav-open=false] .site-header__nav .site-header__menu-inner-social li a {
    opacity: 0;
    -ms-transform: translateY(3rem);
    transform: translateY(3rem);
    transition: transform .7s cubic-bezier(.33, .69, .37, 1.01), opacity .7s cubic-bezier(.33, .69, .37, 1.01)
}

[data-nav-open=false] .site-header__nav .site-header__side-menu .site-header__menu-list li:last-child:after {
    opacity: 0;
    transition: opacity .7s cubic-bezier(.74, -.01, .75, .42) 0
}

[data-nav-open=true][data-page] .site-header__logo svg {
    fill: #1d2a32
}

[data-nav-open=true] .site-header__nav {
    opacity: 1;
    pointer-events: all;
    transition: opacity .66s;
    visibility: visible
}

[data-nav-open=true] .site-header__nav .site-header__menu-inner h5 {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.33, .69, .37, 1.01), opacity .5s cubic-bezier(.33, .69, .37, 1.01);
    transition-delay: 0s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(0) .site-header__menu-list-inner div {
    transition-delay: .3s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:first-of-type .site-header__menu-list-inner div {
    transition-delay: .33333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(2) .site-header__menu-list-inner div {
    transition-delay: .36667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(3) .site-header__menu-list-inner div {
    transition-delay: .4s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(4) .site-header__menu-list-inner div {
    transition-delay: .43333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(5) .site-header__menu-list-inner div {
    transition-delay: .46667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(6) .site-header__menu-list-inner div {
    transition-delay: .5s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(7) .site-header__menu-list-inner div {
    transition-delay: .53333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(8) .site-header__menu-list-inner div {
    transition-delay: .56667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(9) .site-header__menu-list-inner div {
    transition-delay: .6s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(10) .site-header__menu-list-inner div {
    transition-delay: .63333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(11) .site-header__menu-list-inner div {
    transition-delay: .66667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(12) .site-header__menu-list-inner div {
    transition-delay: .7s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(13) .site-header__menu-list-inner div {
    transition-delay: .73333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(14) .site-header__menu-list-inner div {
    transition-delay: .76667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(15) .site-header__menu-list-inner div {
    transition-delay: .8s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(16) .site-header__menu-list-inner div {
    transition-delay: .83333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(17) .site-header__menu-list-inner div {
    transition-delay: .86667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(18) .site-header__menu-list-inner div {
    transition-delay: .9s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(19) .site-header__menu-list-inner div {
    transition-delay: .93333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(20) .site-header__menu-list-inner div {
    transition-delay: .96667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(21) .site-header__menu-list-inner div {
    transition-delay: 1s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(22) .site-header__menu-list-inner div {
    transition-delay: 1.03333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(23) .site-header__menu-list-inner div {
    transition-delay: 1.06667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(24) .site-header__menu-list-inner div {
    transition-delay: 1.1s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(25) .site-header__menu-list-inner div {
    transition-delay: 1.13333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(26) .site-header__menu-list-inner div {
    transition-delay: 1.16667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(27) .site-header__menu-list-inner div {
    transition-delay: 1.2s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(28) .site-header__menu-list-inner div {
    transition-delay: 1.23333s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(29) .site-header__menu-list-inner div {
    transition-delay: 1.26667s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list li:nth-of-type(30) .site-header__menu-list-inner div {
    transition-delay: 1.3s
}

[data-nav-open=true] .site-header__nav .site-header__menu-list .site-header__menu-list-inner div,
[data-nav-open=true] .site-header__nav .site-header__menu-list .site-header__menu-list-inner h5 {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .7s cubic-bezier(.33, .69, .37, 1.01), opacity .7s cubic-bezier(.33, .69, .37, 1.01);
    will-change: transform
}

[data-nav-open=true] .site-header__menu-inner-social li:nth-of-type(0) a {
    transition-delay: .1s
}

[data-nav-open=true] .site-header__menu-inner-social li:first-of-type a {
    transition-delay: .2s
}

[data-nav-open=true] .site-header__menu-inner-social li:nth-of-type(2) a {
    transition-delay: .3s
}

[data-nav-open=true] .site-header__menu-inner-social li:nth-of-type(3) a {
    transition-delay: .4s
}

[data-nav-open=true] .site-header__menu-inner-social li:nth-of-type(4) a {
    transition-delay: .5s
}

[data-nav-open=true] .site-header__menu-inner-social li:nth-of-type(5) a {
    transition-delay: .6s
}

[data-nav-open=true] .site-header__menu-inner-social li:nth-of-type(6) a {
    transition-delay: .7s
}

[data-nav-open=true] .site-header__menu-inner-social li a {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .7s cubic-bezier(.33, .69, .37, 1.01), opacity .7s cubic-bezier(.33, .69, .37, 1.01)
}

[data-nav-open=true] .site-header__side-menu .site-header__menu-list li:last-child:after {
    opacity: .2;
    transition: opacity .7s cubic-bezier(.33, .69, .37, 1.01) 1s
}

[data-nav-open=true] .site-header__nav-btn span:first-of-type {
    -ms-transform: translateX(-50%) translateY(-100%) translateY(-.4rem) scaleX(0);
    transform: translateX(-50%) translateY(-100%) translateY(-.4rem) scaleX(0);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .2s;
    -ms-transform-origin: right;
    transform-origin: right
}

[data-nav-open=true] .site-header__nav-btn span:nth-of-type(2) {
    -ms-transform: translateX(-50%) translateY(.4rem) scaleX(0);
    transform: translateX(-50%) translateY(.4rem) scaleX(0);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .1s;
    -ms-transform-origin: right;
    transform-origin: right
}

[data-nav-open=true] .site-header__nav-btn span:nth-of-type(3):after,
[data-nav-open=true] .site-header__nav-btn span:nth-of-type(4):after {
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

[data-nav-open=true] .site-header__nav-btn span:nth-of-type(3):after {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .5s
}

[data-nav-open=true] .site-header__nav-btn span:nth-of-type(4):after {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .6s
}

.site-header__nav {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .66s .2s, visibility 0s .86s;
    visibility: hidden;
    z-index: 2;
    overflow-y: scroll;
    background-color: #fff;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.site-header__main-menu {
    padding: 10rem 0 0
}

.site-header__main-menu .site-header__menu-link {
    font-size: 2.1rem
}

.site-header__main-menu .site-header__menu-inner>.site-header__menu-list-inner {
    margin-bottom: 4.5rem
}

.site-header__main-menu h5 {
    color: #647077;
    margin-bottom: 0
}

.site-header__main-menu .site-header__menu-list {
    padding-bottom: 3rem
}

.site-header__side-menu .site-header__menu-link {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.3rem;
    font-family: GT-America, sans-serif
}

.site-header__side-menu .site-header__menu-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem
}

.site-header__side-menu .site-header__menu-list li:not(:last-child) a {
    margin-right: 7rem
}

.site-header__menu-inner-social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem
}

.site-header__menu-inner-social li:not(:last-child) {
    margin-right: 3rem
}

.site-header__menu-inner-social a {
    display: block
}

.site-header__menu-inner-social a:hover svg {
    fill: #1d2a32
}

.site-header__menu-inner-social svg {
    fill: #647077;
    height: 2rem;
    width: 2rem;
    transition: .5s cubic-bezier(.165, .84, .44, 1)
}

.site-header__menu-link {
    color: #1d2a32;
    font-size: 2.3rem;
    font-family: Brandon_Regular, sans-serif;
    letter-spacing: -.06rem;
    line-height: 3.3rem;
    display: inline-block;
    padding-bottom: 1.6rem
}

.site-header__menu-link .site-header__menu-list-inner div {
    position: relative
}

.site-header__menu-list-inner {
    overflow: hidden
}

.site-header__menu-list-inner.site-header__menu-list-inner--behance svg {
    width: 2.4rem
}

.site-header__side-title,
.site-header__side-title-inner {
    display: none
}

.home-headline {
    display: none;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    transform: translateZ(0);
    z-index: 1
}

@supports not (-moz-appearance:none) {
    body[data-page=homepage] .home-headline {
        display: block
    }
}

.home-headline span {
    bottom: 0;
    color: #fff;
    display: block;
    font-family: Brandon_Regular, sans-serif;
    font-size: 10rem;
    font-weight: 500;
    height: 12rem;
    left: 100vw;
    margin-top: -6rem;
    position: absolute;
    text-align: center;
    top: 50%;
    white-space: nowrap;
    width: auto
}

footer {
    color: #445b62;
    font-size: 1.1rem;
    padding-bottom: 2.25rem;
    padding-top: 4.25rem;
    position: relative;
    text-align: center;
    z-index: 5
}

footer[data-anim=false] {
    opacity: 0;
    transition: opacity .4s
}

footer[data-anim=true] {
    opacity: 1;
    transition: opacity 1s .3s
}

footer[data-anim=true] .site-footer__social li {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s cubic-bezier(.23, 1, .32, 1), transform .5s cubic-bezier(.23, 1, .32, 1)
}

footer[data-anim=true] .site-footer__social li:nth-of-type(3),
footer[data-anim=true] .site-footer__social li:nth-of-type(4) {
    transition-delay: .1s
}

footer[data-anim=true] .site-footer__social li:nth-of-type(2),
footer[data-anim=true] .site-footer__social li:nth-of-type(5) {
    transition-delay: .15s
}

footer[data-anim=true] .site-footer__copyright {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s cubic-bezier(.23, 1, .32, 1), transform .5s cubic-bezier(.23, 1, .32, 1);
    transition-delay: .25s
}

footer[data-anim=true] .site-footer__rt {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s cubic-bezier(.23, 1, .32, 1) .3s, transform .5s cubic-bezier(.23, 1, .32, 1) .3s, color .5s ease
}

.site-footer__rt {
    display: block;
    color: #647077;
    margin-top: 2rem;
    transition: opacity .4s cubic-bezier(.755, .05, .855, .06), transform .4s cubic-bezier(.755, .05, .855, .06), color .5s ease
}

.site-footer__rt span {
    vertical-align: top
}

.site-footer__rt:hover {
    color: #1d2a32
}

.site-footer__rt:hover svg {
    fill: #1d2a32;
    stroke: #1d2a32
}

.rt-logo {
    display: inline-block;
    height: 2.4rem;
    margin-left: .6rem;
    position: relative;
    top: -.4rem;
    width: 1.8rem
}

.rt-logo svg {
    fill: #647077;
    stroke: #647077;
    transition: fill .5s ease, stroke .5s ease
}

.site-footer__copyright {
    display: block;
    color: #647077;
    transition: opacity .4s cubic-bezier(.755, .05, .855, .06), transform .4s cubic-bezier(.755, .05, .855, .06)
}

.site-footer__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 4rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 40rem
}

.site-footer__social li {
    display: inline-block;
    margin: 0 1.5rem;
    transition: opacity .4s cubic-bezier(.755, .05, .855, .06), transform .4s cubic-bezier(.755, .05, .855, .06)
}

.site-footer__social li:first-child {
    display: none
}

.site-footer__social a.social-icon {
    display: block;
    height: 2.5rem;
    width: 2.5rem
}

.site-footer__social a.social-icon svg {
    fill: #647077
}

.site-footer__social a.view-btn {
    display: none;
    padding-top: 0;
    text-transform: uppercase;
    color: #647077;
    letter-spacing: .05rem
}

.site-footer__social a.view-btn:before {
    border-color: #bdcdcf
}

.site-footer__social a.view-btn:after {
    border-color: #1d2a32
}

.site-footer__social a.view-btn:hover {
    color: #1d2a32
}

.cursor {
    height: 5rem;
    display: none;
    left: 0;
    margin-left: -2.5rem;
    margin-top: -2.5rem;
    pointer-events: none;
    position: fixed;
    top: 0;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 5rem;
    z-index: 3
}

.cursor__disc {
    height: 100%;
    -ms-transform: scale(.2);
    transform: scale(.2);
    transition: transform .2s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    width: 100%;
    will-change: transform
}

.cursor__disc circle {
    fill: #fff;
    stroke: #fff;
    stroke-width: 2rem;
    transition: stroke-width .2s .2s, stroke 0s .2s, fill 0s .2s
}

.cursor[data-dark=true][data-expand=false] .cursor__disc circle {
    fill: #08151d
}

.cursor[data-arrows=true] .cursor__disc {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .3s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.cursor[data-arrows=true] .cursor__disc circle {
    fill: transparent;
    stroke-width: .4rem;
    transition: stroke-width .2s
}

.cursor[data-dark=true] .cursor__disc {
    -ms-transform: scale(.2);
    transform: scale(.2)
}

.cursor[data-dark=true] .cursor__disc circle {
    stroke: #08151d
}

.cursor[data-expand=true] .cursor__disc {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .3s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.cursor[data-expand=true] .cursor__disc circle {
    fill: transparent;
    stroke-width: .4rem;
    transition: stroke-width .2s
}

.cursor[data-hidden=true] .cursor__disc {
    -ms-transform: scale(0);
    transform: scale(0);
    transition: transform .2s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.cursor[data-hidden=true] .cursor__disc circle {
    stroke-width: 2rem;
    transition: stroke-width .2s
}

.cursor__arrows {
    height: 100%;
    left: .3rem;
    overflow: hidden;
    position: absolute;
    right: .3rem;
    top: 0
}

.cursor__arrows path {
    fill: #fff
}

.cursor[data-dark=true] .cursor__arrows circle {
    stroke: #08151d
}

.cursor[data-dark=true] .cursor__arrows path {
    fill: #08151d
}

.cursor[data-dark=true] .cursor__arrows,
.cursor[data-hidden=true] .cursor__arrows {
    display: none
}

.cursor__arrow {
    height: 1rem;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    margin-top: -.5rem;
    top: 50%;
    transition: width .2s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    width: 1.2rem;
    will-change: transform
}

.cursor[data-arrows=true][data-direction=left] .cursor__arrow,
.cursor[data-arrows=true][data-direction=right] .cursor__arrow {
    transition: width .35s .3s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 2.4rem
}

.cursor__arrow--left {
    left: .8rem
}

.cursor[data-arrows=true][data-direction=left] .cursor__arrow--left svg {
    -ms-transform: translateX(.2rem);
    transform: translateX(.2rem);
    transition: transform .35s .3s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.cursor[data-arrows=false] .cursor__arrow--left svg {
    -ms-transform: translateX(5rem);
    transform: translateX(5rem);
    transition: transform .3s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.cursor[data-arrows=true][data-direction=right] .cursor__arrow--left svg {
    -ms-transform: translateX(-5rem);
    transform: translateX(-5rem);
    transition: transform .6s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.cursor__arrow--right {
    right: .8rem
}

.cursor__arrow--right svg {
    float: right;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cursor[data-direction=right] .cursor__arrow--right svg {
    -ms-transform: translateX(-.2rem) rotate(180deg);
    transform: translateX(-.2rem) rotate(180deg);
    transition: transform .35s .3s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.cursor[data-arrows=false] .cursor__arrow--right svg {
    -ms-transform: translateX(-5rem) rotate(180deg);
    transform: translateX(-5rem) rotate(180deg);
    transition: transform .3s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.cursor[data-direction=left] .cursor__arrow--right svg {
    -ms-transform: translateX(5rem) rotate(180deg);
    transform: translateX(5rem) rotate(180deg);
    transition: transform .6s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.cursor__arrow svg {
    height: 1rem;
    transition: width .2s, transform .2s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 2.4rem
}

.cursor__back-text {
    font-weight: 600;
    left: 3.4rem;
    overflow: hidden;
    position: absolute;
    top: 1.8rem
}

.cursor__back-text span {
    display: block;
    position: relative;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform .2s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.cursor[data-back=true] .cursor__back-text span {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .3s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.loader {
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0s 1s;
    z-index: 2
}

.loader[data-open=true] {
    opacity: 1;
    pointer-events: all;
    transition: none
}

.loader__full,
.loader__full div {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.loader__full div {
    background-color: #0b171f;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

[data-open=true] .loader__full div {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition: transform .5s;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

[data-open=complete] .loader__full div {
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.loader__half {
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.loader__half--top {
    top: 0
}

.loader__half--top div {
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

[data-open=true] .loader__half--top div {
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

[data-open=complete] .loader__half--top div {
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.loader__half--bottom {
    bottom: 0
}

.loader__half--bottom div {
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

[data-open=true] .loader__half--bottom div {
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

[data-open=complete] .loader__half--bottom div {
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.loader__half div {
    background-color: #000000;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

[data-open=true] .loader__half div {
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    transition: transform 0s .5s
}

[data-open=complete] .loader__half div {
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    transition: transform .5s;
    transition-timing-function: cubic-bezier(.895, .03, .685, .22)
}

.loader__line {
    background-color: #fff;
    height: .2rem;
    left: 0;
    margin-top: -.1rem;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: transform 1s linear;
    width: 100%;
    z-index: 3
}

[data-open=complete] .loader__line {
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

[data-page=home] {
    background-color: #08151d
}

[data-namespace=home] {
    position: relative
}

[data-namespace=home]:after {
    background-color: #faf9f8;
    bottom: 0;
    content: "";
    height: 18.5rem;
    left: 0;
    position: absolute;
    right: 0
}

.home-logo {
    display: none;
    height: 28.3rem;
    left: 50%;
    position: fixed;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 3rem
}

.home-logo div {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%
}

.home-logo div:first-of-type {
    left: 0
}

.home-logo div:first-of-type svg {
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.home-logo div:last-of-type {
    right: 0
}

.home-logo div:last-of-type svg {
    position: absolute;
    right: 0;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home-logo svg {
    animation: a 1.6s .8s 1 forwards cubic-bezier(.075, 1, 0, 1);
    height: 28.3rem;
    width: 3rem
}

@keyframes a {
    to {
        transform: translateX(0)
    }
}

.home-slider {
    height: 100vh;
    position: relative;
    width: 100%;
    z-index: 12;
    background-color: #08151d
}

.home-slider__arrow {
    display: none;
    height: 3rem;
    margin-left: -2rem;
    margin-top: -1.5rem;
    pointer-events: none;
    position: fixed;
    width: 4rem;
    z-index: 45;
    will-change: transform
}

.home-slider__arrow,
.home-slider__arrow svg {
    -ms-transform-origin: center center;
    transform-origin: center center
}

.home-slider__arrow svg {
    opacity: 0;
    fill: #fff
}

.home-slider__arrow svg:first-child {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.home-slider__arrow svg:nth-child(2) {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transform: translateX(-50%) translateY(-50%) rotate(90deg)
}

.home-slider__arrow[data-state=hidden] {
    display: none
}

.home-slider__arrow[data-state=next] svg:nth-child(2),
.home-slider__arrow[data-state=prev] svg:first-child {
    opacity: 1
}

.home-slider__images {
    bottom: 0;
    height: 100%;
    left: 0;
    pointer-events: none;
    top: 0;
    width: 100%;
    z-index: 1
}

.home-slider__images li {
    height: 100%;
    position: absolute;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%
}

.home-slider__images li:first-child {
    -ms-transform: none;
    transform: none
}

.home-slider__images img {
    height: auto;
    left: 50%;
    max-height: calc(100% - 2.5rem * 3);
    max-width: calc(100% - 2.5rem * 3);
    position: absolute;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: 1
}

.home-slider__image--desktop {
    display: none
}

.home-slider__content {
    cursor: default;
    bottom: 13.8rem;
    left: 3.5rem;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 40rem;
    z-index: 2
}

.home-slider__content .view-btn {
    position: relative;
    z-index: 2
}

.home-slider__content .view-btn:focus,
.home-slider__content .view-btn:visited {
    color: #fff
}

.home-slider__content-inner {
    display: block;
    height: 3.8rem;
    overflow: hidden;
    position: relative
}

.home-slider__list {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.home-slider__list[data-current="1"] .home-slider__list-item:first-child,
.home-slider__list[data-current="2"] .home-slider__list-item:nth-child(2),
.home-slider__list[data-current="3"] .home-slider__list-item:nth-child(3),
.home-slider__list[data-current="4"] .home-slider__list-item:nth-child(4),
.home-slider__list[data-current="5"] .home-slider__list-item:nth-child(5),
.home-slider__list[data-current="6"] .home-slider__list-item:nth-child(6),
.home-slider__list[data-current="7"] .home-slider__list-item:nth-child(7) {
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .5s .5s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.home-slider__list-item {
    height: 4.8rem;
    left: 0;
    position: absolute;
    top: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    will-change: transform;
    transition: transform .3s .48s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.home-slider__list-item h2 {
    color: #fff;
    margin-bottom: 0;
    position: relative;
    white-space: nowrap
}

.home-slider__list-item h2 div {
    color: #fff;
    position: absolute;
    top: 0;
    transition-delay: 0s;
    z-index: 2
}

.home-slider__content-btn {
    overflow: hidden;
    position: relative
}

.home-slider__content-btn[data-visible=true] a {
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .5s .62s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.home-slider__content-btn[data-visible=true] a:before {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition: transform .38s cubic-bezier(.77, 0, .175, 1) .9s
}

.home-slider__content-btn a {
    pointer-events: all;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform .3s .38s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.home-slider__content-btn a:before {
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform .38s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav {
    border-radius: 50%;
    bottom: 2.5rem;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.1rem;
    font-weight: 600;
    height: 4.6rem;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    letter-spacing: .05em;
    overflow: hidden;
    padding-top: 1.8rem;
    pointer-events: none;
    position: absolute;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4.6rem;
    z-index: 3
}

.home-slider__nav svg {
    left: 0;
    position: absolute;
    top: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.home-slider__nav circle {
    stroke-dasharray: 281;
    stroke-dashoffset: 281
}

.home-slider__nav-list {
    position: relative;
    height: 1.1rem;
    will-change: transform
}

.home-slider__nav-wrapper[data-moving=true] .home-slider__nav-list {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.home-slider__nav-list-current {
    height: 2rem;
    opacity: 0;
    position: relative;
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .3s cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

.home-slider__nav-wrapper[data-moving=true] .home-slider__nav-list-current {
    opacity: .2
}

.home-slider__nav-wrapper[data-active="0"] .home-slider__nav-list-current:nth-child(0) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="0"] .home-slider__nav-list-current {
    -ms-transform: translateY(2rem);
    transform: translateY(2rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="0"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(2rem);
    transform: translateX(1rem) translateY(2rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="1"] .home-slider__nav-list-current:first-child {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="1"] .home-slider__nav-list-current {
    -ms-transform: translateY(0rem);
    transform: translateY(0rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="1"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(0rem);
    transform: translateX(1rem) translateY(0rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="2"] .home-slider__nav-list-current:nth-child(2) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="2"] .home-slider__nav-list-current {
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="2"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-2rem);
    transform: translateX(1rem) translateY(-2rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="3"] .home-slider__nav-list-current:nth-child(3) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="3"] .home-slider__nav-list-current {
    -ms-transform: translateY(-4rem);
    transform: translateY(-4rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="3"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-4rem);
    transform: translateX(1rem) translateY(-4rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="4"] .home-slider__nav-list-current:nth-child(4) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="4"] .home-slider__nav-list-current {
    -ms-transform: translateY(-6rem);
    transform: translateY(-6rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="4"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-6rem);
    transform: translateX(1rem) translateY(-6rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="5"] .home-slider__nav-list-current:nth-child(5) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="5"] .home-slider__nav-list-current {
    -ms-transform: translateY(-8rem);
    transform: translateY(-8rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="5"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-8rem);
    transform: translateX(1rem) translateY(-8rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="6"] .home-slider__nav-list-current:nth-child(6) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="6"] .home-slider__nav-list-current {
    -ms-transform: translateY(-10rem);
    transform: translateY(-10rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="6"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-10rem);
    transform: translateX(1rem) translateY(-10rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="7"] .home-slider__nav-list-current:nth-child(7) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="7"] .home-slider__nav-list-current {
    -ms-transform: translateY(-12rem);
    transform: translateY(-12rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="7"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-12rem);
    transform: translateX(1rem) translateY(-12rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="8"] .home-slider__nav-list-current:nth-child(8) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="8"] .home-slider__nav-list-current {
    -ms-transform: translateY(-14rem);
    transform: translateY(-14rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="8"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-14rem);
    transform: translateX(1rem) translateY(-14rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="9"] .home-slider__nav-list-current:nth-child(9) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="9"] .home-slider__nav-list-current {
    -ms-transform: translateY(-16rem);
    transform: translateY(-16rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="9"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-16rem);
    transform: translateX(1rem) translateY(-16rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="10"] .home-slider__nav-list-current:nth-child(10) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="10"] .home-slider__nav-list-current {
    -ms-transform: translateY(-18rem);
    transform: translateY(-18rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="10"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-18rem);
    transform: translateX(1rem) translateY(-18rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="11"] .home-slider__nav-list-current:nth-child(11) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="11"] .home-slider__nav-list-current {
    -ms-transform: translateY(-20rem);
    transform: translateY(-20rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="11"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-20rem);
    transform: translateX(1rem) translateY(-20rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="12"] .home-slider__nav-list-current:nth-child(12) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="12"] .home-slider__nav-list-current {
    -ms-transform: translateY(-22rem);
    transform: translateY(-22rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="12"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-22rem);
    transform: translateX(1rem) translateY(-22rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="13"] .home-slider__nav-list-current:nth-child(13) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="13"] .home-slider__nav-list-current {
    -ms-transform: translateY(-24rem);
    transform: translateY(-24rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="13"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-24rem);
    transform: translateX(1rem) translateY(-24rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="14"] .home-slider__nav-list-current:nth-child(14) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="14"] .home-slider__nav-list-current {
    -ms-transform: translateY(-26rem);
    transform: translateY(-26rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="14"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-26rem);
    transform: translateX(1rem) translateY(-26rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="15"] .home-slider__nav-list-current:nth-child(15) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="15"] .home-slider__nav-list-current {
    -ms-transform: translateY(-28rem);
    transform: translateY(-28rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="15"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-28rem);
    transform: translateX(1rem) translateY(-28rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="16"] .home-slider__nav-list-current:nth-child(16) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="16"] .home-slider__nav-list-current {
    -ms-transform: translateY(-30rem);
    transform: translateY(-30rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="16"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-30rem);
    transform: translateX(1rem) translateY(-30rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="17"] .home-slider__nav-list-current:nth-child(17) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="17"] .home-slider__nav-list-current {
    -ms-transform: translateY(-32rem);
    transform: translateY(-32rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="17"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-32rem);
    transform: translateX(1rem) translateY(-32rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="18"] .home-slider__nav-list-current:nth-child(18) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="18"] .home-slider__nav-list-current {
    -ms-transform: translateY(-34rem);
    transform: translateY(-34rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="18"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-34rem);
    transform: translateX(1rem) translateY(-34rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="19"] .home-slider__nav-list-current:nth-child(19) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="19"] .home-slider__nav-list-current {
    -ms-transform: translateY(-36rem);
    transform: translateY(-36rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="19"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-36rem);
    transform: translateX(1rem) translateY(-36rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-wrapper[data-active="20"] .home-slider__nav-list-current:nth-child(20) {
    opacity: 1
}

.home-slider__nav-wrapper[data-moving=false][data-active="20"] .home-slider__nav-list-current {
    -ms-transform: translateY(-38rem);
    transform: translateY(-38rem)
}

.home-slider__nav-wrapper[data-moving=true][data-active="20"] .home-slider__nav-list-current {
    -ms-transform: translateX(1rem) translateY(-38rem);
    transform: translateX(1rem) translateY(-38rem);
    transition: opacity .3s cubic-bezier(.77, 0, .175, 1) .15s, transform .5s cubic-bezier(.77, 0, .175, 1)
}

.home-slider__nav-slash,
.home-slider__nav-total {
    display: inline-block;
    position: relative;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1)
}

.home-slider__nav-wrapper[data-moving=true] .home-slider__nav-slash,
.home-slider__nav-wrapper[data-moving=true] .home-slider__nav-total {
    -ms-transform: translateX(3rem);
    transform: translateX(3rem);
    transition: transform .2s cubic-bezier(.47, 0, .745, .715)
}

.home-slider__nav-wrapper {
    -ms-flex-align: start;
    align-items: start;
    border-radius: 50%;
    bottom: .1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    left: .2rem;
    opacity: 0;
    overflow: hidden;
    padding: 0 .6rem 0 .7rem;
    position: absolute;
    right: .2rem;
    top: .1rem
}

.home-slider__nav-wrapper>* {
    display: inline-table;
    float: left;
    margin-top: 1.7rem;
    width: 33.3333%;
    text-align: center
}

.home-slider__nav-wrapper[data-visible=true] {
    opacity: 1;
    transition: opacity .4s .8s
}

.home-slider__nav-wrapper[data-visible=true]~svg circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s .6s
}

.home-list {
    color: #000;
    padding-bottom: 10rem;
    padding-top: 10rem;
    position: relative;
    overflow-x: hidden;
    z-index: 15
}

.home-list__hero {
    margin-left: 8.33333%;
    padding-bottom: 8.5rem;
    position: relative;
    text-align: left;
    z-index: 12
}

.home-list__hero>div {
    overflow: hidden;
    position: relative
}

.home-list__hero h1,
.home-list__hero p {
    opacity: 0;
    position: relative;
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.home-list__hero h1 {
    transition: transform .4s cubic-bezier(.47, 0, .745, .715), opacity .4s cubic-bezier(.47, 0, .745, .715)
}

.home-list__hero p {
    font-size: 1.4rem;
    font-weight: 600;
    transition: transform .22s cubic-bezier(.47, 0, .745, .715), opacity .22s cubic-bezier(.47, 0, .745, .715)
}

.home-list__hero[data-anim=true] h1,
.home-list__hero[data-anim=true] p {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.home-list__hero[data-anim=true] h1 {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s cubic-bezier(.165, .84, .44, 1)
}

.home-list__hero[data-anim=true] p {
    transition: transform .32s cubic-bezier(.165, .84, .44, 1) .12s, opacity .32s cubic-bezier(.165, .84, .44, 1) .12s
}

.home-list__wrap {
    position: relative;
    z-index: 12
}

.home-list__wrap--overview {
    padding-bottom: 11.5rem;
    padding-top: 7.5rem;
    text-align: center
}

.home-list__wrap--overview[data-anim=false] .view-btn {
    opacity: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform .22s cubic-bezier(.47, 0, .745, .715), opacity .22s cubic-bezier(.47, 0, .745, .715)
}

.home-list__wrap--overview[data-anim=true] .view-btn {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .32s cubic-bezier(.165, .84, .44, 1) .12s, opacity .32s cubic-bezier(.165, .84, .44, 1) .12s
}

.home-list__wrap--overview .view-btn {
    color: #1d2a32
}

.home-list__wrap--overview .view-btn:after {
    border-color: #1d2a32
}

.home-list__wrap--overview .view-btn svg {
    fill: #1d2a32
}

.home-list__section {
    font-size: 0;
    position: relative;
    z-index: 2
}

.home-list__section h1 {
    font-size: 10vw;
    left: 50%;
    opacity: .1;
    position: absolute;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.home-list__section[data-column=single] .home-list__image-wrap {
    margin: 0 auto
}

.home-list__section[data-column=single][data-template="1"] .home-list__image-wrap {
    padding-left: calc(100% * 4/12 + 1rem)
}

.home-list__section[data-column=single][data-template="1"] .home-list__image[data-visible=false] {
    transform: translateY(7rem) translateZ(0)
}

.home-list__section[data-column=single][data-template="2"] .home-list__image[data-visible=false] {
    transform: translateY(3.5rem) translateZ(0)
}

.home-list__section[data-column=single][data-template="3"] .home-list__image-wrap {
    padding-left: calc(100% * 1/12 + 1rem)
}

.home-list__section[data-column=single][data-template="3"] .home-list__image[data-visible=false] {
    transform: translateY(4rem) translateZ(0)
}

.home-list__section[data-column=single][data-template="4"] .home-list__image[data-visible=false] {
    transform: translateY(1rem) translateZ(0)
}

.home-list__section[data-column=single][data-template="5"] .home-list__image-wrap {
    padding-right: calc(100% * 2/12 + 1rem)
}

.home-list__section[data-column=single][data-template="5"] .home-list__image[data-visible=false] {
    transform: translateY(8rem) translateZ(0)
}

.home-list__section[data-column=single][data-template="6"] .home-list__image-wrap {
    padding-left: calc(100% * 5/12 + 1rem)
}

.home-list__section[data-column=single][data-template="6"] .home-list__image[data-visible=false] {
    transform: translateY(4rem) translateZ(0)
}

.home-list__section[data-column=single][data-template="7"] .home-list__image-wrap {
    padding-right: calc(100% * 3/12 + 1rem)
}

.home-list__section[data-column=single][data-template="7"] .home-list__image[data-visible=false] {
    transform: translateY(2.6rem) translateZ(0)
}

.home-list__section[data-column=double] .home-list__image-wrap {
    display: inline-block
}

.home-list__section[data-column=double][data-template="1"] .home-list__image-wrap:first-of-type .home-list__image[data-visible="false"] {
    transform: translateY(8rem) translateZ(0)
}

.home-list__section[data-column=double][data-template="1"] .home-list__image-wrap:nth-of-type(2) {
    margin-left: 8.33333%
}

.home-list__section[data-column=double][data-template="1"] .home-list__image-wrap:nth-of-type(2) .home-list__image[data-visible=false] {
    transform: translateY(3rem) translateZ(0)
}

.home-list__section[data-column=double][data-template="2"] .home-list__image-wrap:first-of-type .home-list__image[data-visible="false"] {
    transform: translateY(4rem) translateZ(0)
}

.home-list__section[data-column=double][data-template="2"] .home-list__image-wrap:nth-of-type(2) {
    margin-left: 8.33333%;
    margin-top: 10rem
}

.home-list__section[data-column=double][data-template="2"] .home-list__image-wrap:nth-of-type(2) .home-list__image[data-visible=false],
.home-list__section[data-column=double][data-template="3"] .home-list__image-wrap:first-of-type .home-list__image[data-visible="false"] {
    transform: translateY(6rem) translateZ(0)
}

.home-list__section[data-column=double][data-template="3"] .home-list__image-wrap:nth-of-type(2) {
    margin-left: 8.33333%
}

.home-list__section[data-column=double][data-template="3"] .home-list__image-wrap:nth-of-type(2) .home-list__image[data-visible=false] {
    transform: translateY(1rem) translateZ(0)
}

.home-list__section[data-column=double][data-template="4"] .home-list__image-wrap:first-of-type {
    margin-left: 8.33333%
}

.home-list__section[data-column=double][data-template="4"] .home-list__image-wrap:first-of-type .home-list__image[data-visible="false"] {
    transform: translateY(5rem) translateZ(0)
}

.home-list__section[data-column=double][data-template="4"] .home-list__image-wrap:nth-of-type(2) .home-list__image[data-visible=false] {
    transform: translateY(2.8rem) translateZ(0)
}

.home-list__image-wrap {
    font-size: 1.1rem;
    padding-bottom: 8rem;
    position: relative;
    vertical-align: top;
    z-index: 2
}

.home-list__image-wrap.center {
    margin: 0 auto
}

.home-list__image {
    position: relative;
    text-align: center
}

.home-list__image-wrapper {
    display: inline-block;
    pointer-events: none
}

.home-list__image-wrapper img {
    height: auto;
    max-height: 30rem;
    max-width: 100%;
    transition: transform .75s cubic-bezier(.165, .84, .44, 1);
    width: auto
}

.home-list__image-wrapper-inner {
    pointer-events: all
}

.home-list__image-wrapper-inner a {
    display: block;
    opacity: 0;
    overflow: hidden;
    position: relative;
    -ms-transform: scaleY(1.3) translateY(5rem);
    transform: scaleY(1.3) translateY(5rem);
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transition: opacity .4s, transform 0s .4s;
    will-change: transform
}

.home-list__image-wrap[data-anim=true] .home-list__image-wrapper-inner a {
    opacity: 1;
    -ms-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    transition: opacity .8s cubic-bezier(.165, .84, .44, 1), transform .8s cubic-bezier(.165, .84, .44, 1)
}

.home-list__title-wrap {
    margin-top: .6rem;
    overflow: hidden;
    position: relative;
    text-align: left
}

.home-list__title-wrap a {
    display: inline-block;
    line-height: 1.6;
    pointer-events: all;
    position: relative;
    color: #1d2a32;
    margin-top: 2.7rem;
    font-size: 1.4rem;
    font-weight: 600;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform .3s cubic-bezier(.47, 0, .745, .715) 0s
}

.home-list__image-wrap[data-anim=true] .home-list__title-wrap a {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1) .4s
}

.home-list__title-wrap a:before {
    display: none
}

.home-list__title-wrap a:after {
    border-color: #1d2a32
}

.home-list__title-wrap small {
    font-size: inherit;
    font-family: Brandon_Regular, sans-serif
}

.home-slider__bottom-arrow {
    display: none;
    position: absolute;
    bottom: 0;
    opacity: 0;
    right: 0;
    pointer-events: visible;
    padding: 5rem 4.8rem 4.3rem 5rem;
    -ms-transform: translateY(-2rem) scaleY(1.5);
    transform: translateY(-2rem) scaleY(1.5);
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s cubic-bezier(.165, .84, .44, 1);
    transition-delay: 1s;
    z-index: 3
}

.home-slider__bottom-arrow svg {
    height: 1rem;
    width: 2.4rem;
    fill: #fff;
    opacity: .4;
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    transition: opacity .5s cubic-bezier(.165, .84, .44, 1)
}

.home-slider__bottom-arrow[data-visible=true] {
    opacity: 1;
    -ms-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1)
}

.home-slider__bottom-arrow:hover svg {
    opacity: 1
}

[data-page=about] {
    background-color: #faf9f8;
    color: #000
}

[data-page=about] a {
    color: #1d2a32
}

[data-page=about] a svg {
    fill: #1d2a32
}

[data-page=about] a:after {
    border-color: #1d2a32
}

[data-page=about] .site-header__nav-btn span:first-of-type,
[data-page=about] .site-header__nav-btn span:nth-of-type(2) {
    background-color: #1d2a32
}

[data-page=about] .loader__content {
    color: #1d2a32
}

[data-page=about] .loader__logo svg {
    fill: #1d2a32
}

.about-images {
    padding-left: 7rem;
    padding-right: 2.5rem;
    padding-top: 11rem;
    pointer-events: none;
    text-align: center;
    width: 100%;
    z-index: 1
}

.about-images div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto;
    max-height: 60rem;
    max-width: 100%;
    transition: opacity .5s cubic-bezier(.33, .69, .37, 1.01), transform 1s cubic-bezier(.33, .69, .37, 1.01)
}

.about-images img {
    height: auto;
    width: 100%
}

.about-images__wrapper {
    opacity: 1;
    height: 100%;
    width: 100%
}

.about-images__wrapper div {
    overflow: hidden;
    position: relative;
    width: auto
}

.about {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.about__content-wrap {
    width: 100%;
    padding-bottom: 5rem
}

.about__content-wrap h5 {
    color: #647077
}

.about__intro {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    max-width: 40rem;
    padding-bottom: 20rem;
    padding-top: 10rem
}

.about__intro[data-anim=true]>div h2,
.about__intro[data-anim=true]>div p {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.about__intro[data-anim=true]>div h2 {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s cubic-bezier(.165, .84, .44, 1)
}

.about__intro[data-anim=true]>div p {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .2s, opacity .5s cubic-bezier(.165, .84, .44, 1) .2s
}

.about__intro>div {
    position: relative
}

.about__intro>div:first-child {
    margin-bottom: 5rem
}

.about__intro>div h2,
.about__intro>div p {
    opacity: 0;
    -ms-transform: translateY(5rem);
    transform: translateY(5rem)
}

.about__intro>div h2 {
    font-size: 4rem;
    margin-bottom: 0
}

.about__intro>div h2,
.about__intro>div p {
    transition: transform .4s cubic-bezier(.47, 0, .745, .715), opacity .4s cubic-bezier(.47, 0, .745, .715)
}

.about__intro>div p {
    position: relative;
    font-size: 1.8rem;
    margin: 0;
    font-weight: 400
}

.about__content-block-wrapper {
    margin-bottom: 4rem
}

.about__content-block {
    margin-bottom: 4.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    max-width: 40rem
}

.about__content-block:last-child {
    margin-bottom: 0
}

.about__content-block[data-anim=false] a.view-btn,
.about__content-block[data-anim=false] h5,
.about__content-block[data-anim=false] p {
    opacity: 0;
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
    transition: opacity .4s, transform .4s cubic-bezier(.47, 0, .745, .715)
}

.about__content-block[data-anim=true] a.view-btn,
.about__content-block[data-anim=true] h5,
.about__content-block[data-anim=true] p {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s, transform .5s cubic-bezier(.165, .84, .44, 1)
}

.about__content-block[data-anim=true] p {
    transition-delay: .2s
}

.about__content-block[data-anim=true] a.view-btn {
    transition-delay: .4s
}

.about__content-block a.view-btn {
    margin-bottom: 0
}

.about__content-block p {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 4rem;
    font-weight: 400
}

.about__content-block p:last-child {
    margin-bottom: 0
}

.about__navigation-wrap {
    padding-bottom: 4.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.about__navigation-wrap li {
    padding-bottom: .4rem
}

.about__navigation-wrap li.navigation-list__header {
    margin-bottom: 3.2rem;
    padding-bottom: 0
}

.about__navigation-wrap h5 {
    margin: 0
}

.about__navigation-wrap a.view-btn {
    font-size: 1.4rem;
    letter-spacing: 0;
    text-transform: capitalize
}

.about__navigation-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.about__navigation-list a.view-btn:before {
    border-color: #bdcdcf
}

.about__navigation-list li {
    transition: opacity 1s
}

.about__navigation-list[data-anim=false] li {
    opacity: 0;
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
    transition: opacity .4s, transform .4s
}

.about__navigation-list[data-anim=false] li a:before {
    -ms-transform-origin: left center;
    transform-origin: left center;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform .28s cubic-bezier(.72, 0, .28, 1.01)
}

.about__navigation-list[data-anim=true] li {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s, transform .5s cubic-bezier(.165, .84, .44, 1)
}

.about__navigation-list[data-anim=true] li a:before {
    -ms-transform-origin: left center;
    transform-origin: left center;
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition: transform .28s cubic-bezier(.36, .665, .375, .355)
}

.about__navigation-list[data-anim=true] li:first-of-type,
.about__navigation-list[data-anim=true] li:first-of-type a:before {
    transition-delay: .1s
}

.about__navigation-list[data-anim=true] li:nth-of-type(2),
.about__navigation-list[data-anim=true] li:nth-of-type(2) a:before {
    transition-delay: .2s
}

.about__navigation-list[data-anim=true] li:nth-of-type(3),
.about__navigation-list[data-anim=true] li:nth-of-type(3) a:before {
    transition-delay: .3s
}

.about__navigation-list[data-anim=true] li:nth-of-type(4),
.about__navigation-list[data-anim=true] li:nth-of-type(4) a:before {
    transition-delay: .4s
}

.about__navigation-list[data-anim=true] li:nth-of-type(5),
.about__navigation-list[data-anim=true] li:nth-of-type(5) a:before {
    transition-delay: .5s
}

.about__navigation-list[data-anim=true] li:nth-of-type(6),
.about__navigation-list[data-anim=true] li:nth-of-type(6) a:before {
    transition-delay: .6s
}

.about__navigation-list[data-anim=true] li:nth-of-type(7),
.about__navigation-list[data-anim=true] li:nth-of-type(7) a:before {
    transition-delay: .7s
}

.about__navigation-list[data-anim=true] li:nth-of-type(8),
.about__navigation-list[data-anim=true] li:nth-of-type(8) a:before {
    transition-delay: .8s
}

.about__navigation-list[data-anim=true] li:nth-of-type(9),
.about__navigation-list[data-anim=true] li:nth-of-type(9) a:before {
    transition-delay: .9s
}

.about__navigation-list[data-anim=true] li:nth-of-type(10),
.about__navigation-list[data-anim=true] li:nth-of-type(10) a:before {
    transition-delay: 1s
}

.about__navigation-list[data-anim=true] li:nth-of-type(11),
.about__navigation-list[data-anim=true] li:nth-of-type(11) a:before {
    transition-delay: 1.1s
}

.about__navigation-list[data-anim=true] li:nth-of-type(12),
.about__navigation-list[data-anim=true] li:nth-of-type(12) a:before {
    transition-delay: 1.2s
}

.about__navigation-list[data-anim=true] li:nth-of-type(13),
.about__navigation-list[data-anim=true] li:nth-of-type(13) a:before {
    transition-delay: 1.3s
}

.about__navigation-list[data-anim=true] li:nth-of-type(14),
.about__navigation-list[data-anim=true] li:nth-of-type(14) a:before {
    transition-delay: 1.4s
}

.about__navigation-list[data-anim=true] li:nth-of-type(15),
.about__navigation-list[data-anim=true] li:nth-of-type(15) a:before {
    transition-delay: 1.5s
}

.about__navigation-list[data-anim=true] li:nth-of-type(16),
.about__navigation-list[data-anim=true] li:nth-of-type(16) a:before {
    transition-delay: 1.6s
}

.about__navigation-list[data-anim=true] li:nth-of-type(17),
.about__navigation-list[data-anim=true] li:nth-of-type(17) a:before {
    transition-delay: 1.7s
}

.about__navigation-list[data-anim=true] li:nth-of-type(18),
.about__navigation-list[data-anim=true] li:nth-of-type(18) a:before {
    transition-delay: 1.8s
}

.about__navigation-list[data-anim=true] li:nth-of-type(19),
.about__navigation-list[data-anim=true] li:nth-of-type(19) a:before {
    transition-delay: 1.9s
}

.about__navigation-list[data-anim=true] li:nth-of-type(20),
.about__navigation-list[data-anim=true] li:nth-of-type(20) a:before {
    transition-delay: 2s
}

.about__navigation-list[data-anim=true] li:nth-of-type(21),
.about__navigation-list[data-anim=true] li:nth-of-type(21) a:before {
    transition-delay: 2.1s
}

.about__navigation-list[data-anim=true] li:nth-of-type(22),
.about__navigation-list[data-anim=true] li:nth-of-type(22) a:before {
    transition-delay: 2.2s
}

.about__navigation-list[data-anim=true] li:nth-of-type(23),
.about__navigation-list[data-anim=true] li:nth-of-type(23) a:before {
    transition-delay: 2.3s
}

.about__navigation-list[data-anim=true] li:nth-of-type(24),
.about__navigation-list[data-anim=true] li:nth-of-type(24) a:before {
    transition-delay: 2.4s
}

.about__navigation-list[data-anim=true] li:nth-of-type(25),
.about__navigation-list[data-anim=true] li:nth-of-type(25) a:before {
    transition-delay: 2.5s
}

.about__navigation-list[data-anim=true] li:nth-of-type(26),
.about__navigation-list[data-anim=true] li:nth-of-type(26) a:before {
    transition-delay: 2.6s
}

.about__navigation-list[data-anim=true] li:nth-of-type(27),
.about__navigation-list[data-anim=true] li:nth-of-type(27) a:before {
    transition-delay: 2.7s
}

.about__navigation-list[data-anim=true] li:nth-of-type(28),
.about__navigation-list[data-anim=true] li:nth-of-type(28) a:before {
    transition-delay: 2.8s
}

.about__navigation-list[data-anim=true] li:nth-of-type(29),
.about__navigation-list[data-anim=true] li:nth-of-type(29) a:before {
    transition-delay: 2.9s
}

.about__navigation-list[data-anim=true] li:nth-of-type(30),
.about__navigation-list[data-anim=true] li:nth-of-type(30) a:before {
    transition-delay: 3s
}

.about__brands-wrap {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.about__brands-wrap[data-anim=true] .about__brands-list h5 {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s, transform .5s cubic-bezier(.165, .84, .44, 1)
}

.about__brands-wrap[data-anim=true] .about__brands-list li:first-child img {
    transition-delay: .1s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(2) img {
    transition-delay: .2s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(3) img {
    transition-delay: .3s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(4) img {
    transition-delay: .4s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(5) img {
    transition-delay: .5s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(6) img {
    transition-delay: .6s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(7) img {
    transition-delay: .7s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(8) img {
    transition-delay: .8s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(9) img {
    transition-delay: .9s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(10) img {
    transition-delay: 1s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(11) img {
    transition-delay: 1.1s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(12) img {
    transition-delay: 1.2s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(13) img {
    transition-delay: 1.3s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(14) img {
    transition-delay: 1.4s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(15) img {
    transition-delay: 1.5s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(16) img {
    transition-delay: 1.6s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(17) img {
    transition-delay: 1.7s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(18) img {
    transition-delay: 1.8s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(19) img {
    transition-delay: 1.9s
}

.about__brands-wrap[data-anim=true] .about__brands-list li:nth-child(20) img {
    transition-delay: 2s
}

.about__brands-wrap[data-anim=true] .about__brands-list li img {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s, transform .5s cubic-bezier(.165, .84, .44, 1)
}

.about__brands-wrap>div {
    margin-bottom: 5rem
}

.about__brands-wrap h5 {
    margin: 0;
    opacity: 0;
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
    transition: opacity .4s, transform .4s
}

.about__brands-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.about__brands-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    margin-bottom: 8rem
}

.about__brands-list li img {
    max-width: 10rem
}

.about__brands-list li img,
.about__single-link {
    opacity: 0;
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
    transition: opacity .4s, transform .4s cubic-bezier(.47, 0, .745, .715)
}

.about__single-link {
    margin-top: 4rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.about__link[data-anim=true] .about__single-link {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s, transform .5s cubic-bezier(.165, .84, .44, 1)
}

[data-page=contact] {
    background-color: #08151d
}

[data-page=contact] .site-footer {
    background-color: transparent
}

[data-page=contact] .site-footer__rt:hover {
    color: #fff
}

[data-page=contact] .site-footer__rt:hover svg {
    fill: #fff;
    stroke: #fff
}

[data-page=contact] .site-footer__social a.view-btn:before {
    opacity: .4
}

[data-page=contact] .site-footer__social a.view-btn:after {
    border-color: #fff
}

[data-page=contact] .site-footer__social a.view-btn:hover {
    color: #fff
}

.contact {
    overflow: hidden;
    padding-top: 22.5rem;
    padding-bottom: 5rem
}

.contact,
.contact .container {
    position: relative;
    z-index: 2
}

.contact-background {
    min-height: 20rem;
    background-image: url(../images/contact_background.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-bottom: 9rem;
    margin-left: 4.8rem;
    margin-right: 2.5rem;
    opacity: 0
}

.contact-images {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.contact-images .contact-images__row {
    display: none;
    margin-left: auto;
    margin-right: auto;
    max-height: 50rem;
    max-width: 160.4rem;
    width: 100%
}

.contact-images .contact-images__row:nth-child(odd) {
    text-align: right
}

.contact-images .contact-images__row:nth-child(2n) {
    text-align: left
}

.contact-images .contact-images__row:first-child {
    display: block;
    margin-bottom: 15rem;
    margin-left: 9rem;
    text-align: right
}

.contact-images .contact-images__row:nth-child(2) {
    display: block;
    margin-left: -9rem;
    text-align: left
}

.contact-images img {
    max-width: 50rem;
    width: 100%;
    transition: transform .5s ease, opacity .5s ease
}

.contact__content-wrap {
    width: 100%
}

.contact__content-wrap--left {
    padding-bottom: 10rem
}

.contact__content-paragraph {
    font-size: 1.4rem;
    line-height: 1.71;
    margin-bottom: 4rem;
    width: 100%
}

.contact__content-paragraph:last-child {
    margin-bottom: 0
}

.contact__content-paragraph>div,
.contact__content-paragraph p {
    padding-bottom: 1rem
}

.contact__content-block {
    color: #fff;
    margin-left: 4.8rem;
    margin-right: 2.5rem;
    max-width: 40rem
}

.contact__content-block:last-child {
    margin-bottom: 0
}

.contact__content-block[data-anim=false] a,
.contact__content-block[data-anim=false] a.view-btn,
.contact__content-block[data-anim=false] h2,
.contact__content-block[data-anim=false] h5,
.contact__content-block[data-anim=false] p {
    opacity: 0;
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
    transition: opacity .4s cubic-bezier(.47, 0, .745, .715), transform .4s cubic-bezier(.47, 0, .745, .715)
}

.contact__content-block[data-anim=true] a,
.contact__content-block[data-anim=true] a.view-btn,
.contact__content-block[data-anim=true] h2,
.contact__content-block[data-anim=true] h5,
.contact__content-block[data-anim=true] p {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s cubic-bezier(.23, 1, .32, 1), transform .5s cubic-bezier(.23, 1, .32, 1)
}

.contact__content-block[data-anim=true] h2 {
    transition-delay: .2s
}

.contact__content-block[data-anim=true] a,
.contact__content-block[data-anim=true] a.view-btn,
.contact__content-block[data-anim=true] p {
    transition-delay: .4s
}

.contact__content-block>div {
    position: relative;
    overflow: hidden
}

.contact__content-block>div:first-child {
    margin-bottom: 2rem
}

.contact__content-block>div:nth-child(2) {
    margin-bottom: 3rem
}

.contact__content-block>div:nth-child(3),
.contact__content-block>div:nth-child(4) {
    margin-bottom: 1rem
}

.contact__content-block h5 {
    position: relative;
    color: #647077
}

.contact__content-block h2,
.contact__content-block h5 {
    margin-bottom: 0
}

.contact__content-block p {
    position: relative;
    font-size: 1.4rem
}

.contact__content-block a,
.contact__content-block a.view-btn {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.71
}

.contact__content-block a.view-btn:before,
.contact__content-block a:before {
    border-color: #647077
}

.js-ajax-container {
    transition: visibility .5s linear
}

[data-page=shoots][data-theme=dark] {
    background-color: #08151d
}

[data-page=shoots][data-theme=dark]:not(.site-header__nav) {
    color: #fff
}

[data-page=shoots][data-theme=dark] .site-header__menu h5 {
    color: #80a1a7
}

[data-page=shoots][data-theme=dark] svg {
    fill: #fff
}

[data-page=shoots][data-theme=dark] a.view-btn:after {
    border-color: #445b62
}

[data-page=shoots][data-theme=dark] .site-header__nav-btn span:first-of-type,
[data-page=shoots][data-theme=dark] .site-header__nav-btn span:nth-of-type(2) {
    background-color: #fff
}

[data-page=shoots][data-theme=dark] .site-footer__rt:hover {
    color: #fff
}

[data-page=shoots][data-theme=dark] .site-footer__rt:hover svg {
    fill: #fff;
    stroke: #fff
}

[data-page=shoots][data-theme=dark] .site-footer__social a.view-btn:before {
    opacity: .4
}

[data-page=shoots][data-theme=dark] .site-footer__social a.view-btn:after {
    border-color: #fff
}

[data-page=shoots][data-theme=dark] .site-footer__social a.view-btn:hover {
    color: #fff
}

[data-page=shoots][data-theme=dark] .rt-logo svg {
    fill: #647077;
    stroke: #647077
}

[data-page=shoots][data-theme=light] {
    background-color: #faf9f8
}

[data-page=shoots][data-theme=light] .site-header__menu h5 {
    color: #80a1a7
}

[data-page=shoots][data-theme=light] .loader__content,
[data-page=shoots][data-theme=light]:not(.site-header__nav) a.view-btn--icon {
    color: #1d2a32
}

[data-page=shoots][data-theme=light] a.view-btn:after {
    border-color: #1d2a32
}

[data-page=shoots][data-theme=light] .loader__logo svg,
[data-page=shoots][data-theme=light] a.view-btn--icon svg {
    fill: #1d2a32
}

[data-page=shoots][data-theme=light] .site-header__nav-btn span:first-of-type,
[data-page=shoots][data-theme=light] .site-header__nav-btn span:nth-of-type(2) {
    background-color: #1d2a32
}

.shoot__gallery {
    bottom: 0;
    cursor: none;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0s .8s;
    z-index: 100
}

.shoot__gallery[data-open=true] {
    opacity: 1;
    pointer-events: all;
    transition: none
}

.shoot__gallery[data-open=true]:before {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .2s;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.shoot__gallery:before {
    background-color: #08151d;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform .5s cubic-bezier(.47, 0, .745, .715) .25s
}

.shoot__gallery-image {
    bottom: 4rem;
    height: auto;
    opacity: 0;
    position: absolute;
    right: 8rem;
    top: 4rem;
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    transition: transform .5s, opacity .5s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    left: 8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.shoot__gallery[data-open=true] .shoot__gallery-image {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .5s .5s, opacity .5s .5s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.shoot__gallery[data-open=true][data-active="0"] .shoot__gallery-image>div:first-child {
    opacity: 1;
    transition: opacity .5s .4s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.shoot__gallery[data-open=true][data-active="0"] .shoot__gallery-image>div:first-child img {
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    transition: transform 1s .4s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.shoot__gallery[data-open=true][data-active="0"] .shoot__gallery-image>div:last-child,
.shoot__gallery[data-open=true][data-active="1"] .shoot__gallery-image>div:first-child {
    opacity: 0;
    transition: opacity .3s
}

.shoot__gallery[data-open=true][data-active="1"] .shoot__gallery-image>div:last-child {
    opacity: 1;
    transition: opacity .5s .4s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.shoot__gallery[data-open=true][data-active="1"] .shoot__gallery-image>div:last-child img {
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    transition: transform 1s .4s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.shoot__gallery-image>div {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity .5s;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.shoot__gallery-image>div>div {
    overflow: hidden;
    position: relative
}

.shoot__gallery-image img {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: transform 0s .5s
}

.shoot-gallery__close-btn {
    height: 3.3rem;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 1.4rem;
    top: 2rem;
    transition: opacity .2s;
    width: 3rem;
    z-index: 2
}

.shoot__gallery[data-open=true] .shoot-gallery__close-btn {
    opacity: 1;
    pointer-events: all;
    transition: opacity 0s
}

.shoot__gallery[data-open=true] .shoot-gallery__close-btn span:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.shoot__gallery[data-open=true] .shoot-gallery__close-btn span:first-child:after {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .7s
}

.shoot__gallery[data-open=true] .shoot-gallery__close-btn span:last-child:after {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .8s
}

.shoot-gallery__close-btn span {
    display: block;
    height: .2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3rem
}

.shoot-gallery__close-btn span:first-child {
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.shoot-gallery__close-btn span:first-child:after {
    -ms-transform-origin: left;
    transform-origin: left;
    transition: transform .5s cubic-bezier(.47, 0, .745, .715) 0s
}

.shoot-gallery__close-btn span:last-child {
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.shoot-gallery__close-btn span:last-child:after {
    -ms-transform-origin: right;
    transform-origin: right;
    transition: transform .5s cubic-bezier(.47, 0, .745, .715) .1s
}

.shoot-gallery__close-btn span:after {
    background-color: #fff;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.shoot__hero {
    padding-top: 8.5rem;
    text-align: center
}

.shoot__hero img {
    position: relative;
    z-index: 1
}

.shoot__hero-titles {
    color: inherit;
    margin-left: 16.66667%;
    padding-bottom: 8.5rem;
    text-align: left
}

.shoot__hero-titles div {
    overflow: hidden;
    position: relative
}

.shoot__hero-titles div:first-child {
    margin-bottom: 1.9rem
}

.shoot__hero-titles h1,
.shoot__hero-titles p {
    opacity: 0;
    position: relative;
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.shoot__hero-titles h1 {
    font-size: 3rem;
    transition: transform .4s cubic-bezier(.47, 0, .745, .715), opacity .4s cubic-bezier(.47, 0, .745, .715)
}

.shoot__hero-titles p {
    font-weight: 600;
    transition: transform .22s cubic-bezier(.47, 0, .745, .715), opacity .22s cubic-bezier(.47, 0, .745, .715)
}

.shoot__hero-titles[data-anim=true] h1,
.shoot__hero-titles[data-anim=true] p {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.shoot__hero-titles[data-anim=true] h1 {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s cubic-bezier(.165, .84, .44, 1)
}

.shoot__hero-titles[data-anim=true] p {
    transition: transform .32s cubic-bezier(.165, .84, .44, 1) .12s, opacity .32s cubic-bezier(.165, .84, .44, 1) .12s
}

.shoot__section {
    font-size: 0;
    position: relative;
    padding-bottom: calc(100% * 1/12 + 2rem)
}

.shoot__section h1 {
    font-size: 10vw;
    left: 50%;
    opacity: .1;
    position: absolute;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.shoot__section[data-column=single] .shoot__image-wrap {
    margin: 0 auto
}

.shoot__section[data-column=single][data-template="1"] .shoot__image-wrap {
    padding-left: calc(100% * 4/12 + 1rem)
}

.shoot__section[data-column=single][data-template="1"] .shoot__image[data-visible=false] {
    transform: translateY(7rem) translateZ(0)
}

.shoot__section[data-column=single][data-template="2"] .shoot__image[data-visible=false] {
    transform: translateY(3.5rem) translateZ(0)
}

.shoot__section[data-column=single][data-template="3"] .shoot__image-wrap {
    padding-left: calc(100% * 1/12 + 1rem)
}

.shoot__section[data-column=single][data-template="3"] .shoot__image[data-visible=false] {
    transform: translateY(4rem) translateZ(0)
}

.shoot__section[data-column=single][data-template="4"] .shoot__image[data-visible=false] {
    transform: translateY(1rem) translateZ(0)
}

.shoot__section[data-column=single][data-template="5"] .shoot__image-wrap {
    padding-right: calc(100% * 2/12 + 1rem)
}

.shoot__section[data-column=single][data-template="5"] .shoot__image[data-visible=false] {
    transform: translateY(8rem) translateZ(0)
}

.shoot__section[data-column=single][data-template="6"] .shoot__image-wrap {
    padding-left: calc(100% * 5/12 + 1rem)
}

.shoot__section[data-column=single][data-template="6"] .shoot__image[data-visible=false] {
    transform: translateY(4rem) translateZ(0)
}

.shoot__section[data-column=single][data-template="7"] .shoot__image-wrap {
    padding-right: calc(100% * 3/12 + 1rem)
}

.shoot__section[data-column=single][data-template="7"] .shoot__image[data-visible=false] {
    transform: translateY(2.6rem) translateZ(0)
}

.shoot__section[data-column=double] .shoot__image-wrap {
    display: inline-block
}

.shoot__section[data-column=double][data-template="1"] .shoot__image-wrap:first-of-type .shoot__image[data-visible=false] {
    transform: translateY(8rem) translateZ(0)
}

.shoot__section[data-column=double][data-template="1"] .shoot__image-wrap:last-of-type {
    margin-left: 8.33333%
}

.shoot__section[data-column=double][data-template="1"] .shoot__image-wrap:last-of-type .shoot__image[data-visible=false] {
    transform: translateY(3rem) translateZ(0)
}

.shoot__section[data-column=double][data-template="2"] .shoot__image-wrap:first-of-type .shoot__image[data-visible=false] {
    transform: translateY(4rem) translateZ(0)
}

.shoot__section[data-column=double][data-template="2"] .shoot__image-wrap:last-of-type {
    margin-left: 8.33333%
}

.shoot__section[data-column=double][data-template="2"] .shoot__image-wrap:last-of-type .shoot__image[data-visible=false],
.shoot__section[data-column=double][data-template="3"] .shoot__image-wrap:first-of-type .shoot__image[data-visible=false] {
    transform: translateY(6rem) translateZ(0)
}

.shoot__section[data-column=double][data-template="3"] .shoot__image-wrap:last-of-type {
    margin-left: 8.33333%
}

.shoot__section[data-column=double][data-template="3"] .shoot__image-wrap:last-of-type .shoot__image[data-visible=false] {
    transform: translateY(1rem) translateZ(0)
}

.shoot__section[data-column=double][data-template="4"] .shoot__image-wrap:first-of-type .shoot__image[data-visible=false] {
    transform: translateY(2.8rem) translateZ(0)
}

.shoot__section[data-column=double][data-template="4"] .shoot__image-wrap:last-of-type {
    margin-left: 8.33333%
}

.shoot__section[data-column=double][data-template="4"] .shoot__image-wrap:last-of-type .shoot__image[data-visible=false] {
    transform: translateY(5rem) translateZ(0)
}

.shoot__image-wrap {
    vertical-align: top;
    padding-bottom: 10rem;
    text-align: center
}

.shoot__image-wrap.center {
    margin: 0 auto
}

.shoot__image-wrap img {
    height: auto;
    width: 100%
}

.shoot__image {
    display: inline-block;
    position: relative;
    text-align: center
}

@supports not ((display:-ms-grid) or (display:grid)) {
    .shoot__image {
        width: 100%
    }
}

.shoot__image img {
    max-height: 80vh;
    max-width: 100%;
    width: auto;
    height: auto;
    opacity: 0;
    -ms-transform: scaleY(1.2) translateY(5rem);
    transform: scaleY(1.2) translateY(5rem);
    transition: opacity .4s, transform 0s .4s;
    -ms-transform-origin: top center;
    transform-origin: top center;
    will-change: transform
}

.shoot__image[data-anim=true] img {
    opacity: 1;
    -ms-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    transition: opacity .8s cubic-bezier(.165, .84, .44, 1), transform .8s cubic-bezier(.165, .84, .44, 1)
}

[data-column=double] .shoot__image-wrap:last-child .shoot__image[data-anim=true] img {
    transition-delay: .2s
}

.shoot__contextual-nav {
    display: -ms-flexbox;
    display: flex;
    margin: 0 1rem 4rem
}

.shoot__contextual-nav .view-btn,
.shoot__contextual-nav h3,
.shoot__contextual-nav span {
    opacity: 0;
    -ms-transform: translateY(3rem);
    transform: translateY(3rem);
    transition: transform .4s cubic-bezier(.47, 0, .745, .715), opacity .4s;
    transition-delay: 0s
}

.shoot__contextual-nav h3 {
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.shoot__contextual-nav .shoot__contextual-nav__link {
    opacity: 0;
    transition: opacity .4s
}

.shoot__contextual-nav img {
    position: relative;
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

@supports not (-moz-appearance:none) {
    .shoot__contextual-nav img {
        filter: grayscale(100%);
        transition: transform 1s cubic-bezier(.165, .84, .44, 1) .2s, filter .3s cubic-bezier(.6, .01, .49, 1)
    }
}

.shoot__contextual-nav[data-anim=true] .view-btn,
.shoot__contextual-nav[data-anim=true] h3,
.shoot__contextual-nav[data-anim=true] span {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s
}

.shoot__contextual-nav[data-anim=true] span {
    transition-delay: .2s
}

.shoot__contextual-nav[data-anim=true] h3 {
    transition-delay: .4s
}

.shoot__contextual-nav[data-anim=true] .view-btn {
    transition-delay: .6s
}

.shoot__contextual-nav[data-anim=true] .shoot__contextual-nav__link {
    opacity: 1;
    transition: opacity .5s .2s
}

.shoot__contextual-nav[data-anim=true] .shoot__contextual-nav__link img {
    -ms-transform: scale(1);
    transform: scale(1)
}

.shoot__contextual-nav[data-anim=true]:hover .shoot__contextual-nav__link:before {
    opacity: 0
}

@supports not (-moz-appearance:none) {
    .shoot__contextual-nav[data-anim=true]:hover .shoot__contextual-nav__link img {
        filter: grayscale(0)
    }
}

.shoot__contextual-nav>div {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 19.5rem;
    position: relative;
    z-index: 2
}

.shoot__contextual-nav>div:last-child {
    display: none;
    z-index: 1
}

.shoot__contextual-nav a {
    overflow: hidden
}

.shoot__contextual-nav span {
    display: block;
    font-size: 1.1rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #647077
}

.shoot__contextual-nav h3 {
    font-size: 4rem;
    margin: 0;
    color: inherit;
    letter-spacing: -.2rem
}

.shoot__contextual-nav img {
    will-change: transform
}

.shoot__contextual-nav__title {
    margin: 0 0 2rem;
    pointer-events: none
}

.js-shoot-hero-iframe {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    transition: opacity .5s linear
}

.js-shoot-hero-iframe[data-anim=false] {
    opacity: 0
}

.js-shoot-hero-iframe[data-anim=true] {
    opacity: 1
}

.js-shoot-hero-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[data-page=error-page],
[data-page=error-page] .site-footer {
    background-color: #08151d
}

.error-page__cont {
    margin: 0 auto;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 32.5rem;
    background-image: url(../images/error-page.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: opacity .5s ease
}

.error-page__cont[data-anim=false] {
    opacity: 0
}

.error-page__cont[data-anim=false] h1 {
    -ms-transform: translateY(7rem);
    transform: translateY(7rem)
}

.error-page__cont[data-anim=false] a {
    -ms-transform: translateY(3rem);
    transform: translateY(3rem)
}

.error-page__cont[data-anim=true] {
    opacity: 1
}

.error-page__cont[data-anim=true] a,
.error-page__cont[data-anim=true] h1 {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.error-page__cont div,
.error-page__cont p {
    overflow: hidden;
    margin-bottom: .8rem
}

.error-page__cont h1 {
    color: #fff;
    margin-bottom: 0;
    transition: transform .5s ease
}

.error-page__cont a {
    transition: all .5s ease
}

.error-page__cont+.site-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.maintenance-page__cont {
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.maintenance-page__cont[data-anim=false] svg {
    -ms-transform: translateY(4rem);
    transform: translateY(4rem)
}

.maintenance-page__cont[data-anim=false] p {
    -ms-transform: translateY(2rem);
    transform: translateY(2rem)
}

.maintenance-page__cont[data-anim=true] p,
.maintenance-page__cont[data-anim=true] svg {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.maintenance-page__cont h1 {
    overflow: hidden;
    font-size: inherit;
    margin-bottom: 3rem;
    -ms-transform: translateX(12px);
    transform: translateX(12px)
}

.maintenance-page__cont svg {
    fill: #fff;
    height: 30px;
    width: 445px;
    transition: transform .5s ease
}

.maintenance-page__cont div {
    overflow: hidden
}

.maintenance-page__cont div:first-child p {
    transition: transform .5s ease .1s
}

.maintenance-page__cont div:nth-child(2) p {
    transition: transform .5s ease .2s
}

.maintenance-page__cont div:nth-child(3) p {
    transition: transform .5s ease .3s
}

.maintenance-page__cont p {
    display: block;
    color: #fff
}

.maintenance-page__cont+.site-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

[data-page=overview] {
    background-color: #faf9f8;
    color: #1d2a32
}

[data-page=overview] a {
    color: #1d2a32
}

[data-page=overview] a:after {
    border-color: #1d2a32
}

[data-page=overview] .site-header__nav-btn span:first-of-type,
[data-page=overview] .site-header__nav-btn span:nth-of-type(2) {
    background-color: #1d2a32
}

[data-page=overview] .loader__content {
    color: #1d2a32
}

[data-page=overview] .loader__logo svg {
    fill: #1d2a32
}

.overview>.shoot__hero {
    padding-bottom: 0
}

.overview__grid .grid.offset li:last-of-type {
    margin-right: 8.33333%
}

.overview__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.overview__list .home-list__image a {
    opacity: 0;
    overflow: hidden;
    position: relative;
    -ms-transform: scaleY(1.2) translateY(5rem);
    transform: scaleY(1.2) translateY(5rem);
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transition: opacity .4s, transform 0s .4s;
    will-change: transform
}

.overview__list .home-list__image a img {
    transition: transform .75s cubic-bezier(.165, .84, .44, 1)
}

.overview__list[data-anim=true] .overview__list-item:first-child .home-list__image a {
    opacity: 1;
    -ms-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    transition: opacity .5s cubic-bezier(.165, .84, .44, 1) .1s, transform .5s cubic-bezier(.165, .84, .44, 1) .1s
}

.overview__list[data-anim=true] .overview__list-item:first-child .home-list__title-wrap a {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.overview__list[data-anim=true] .overview__list-item:nth-child(2) .home-list__image a {
    opacity: 1;
    -ms-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    transition: opacity .5s cubic-bezier(.165, .84, .44, 1) .2s, transform .5s cubic-bezier(.165, .84, .44, 1) .2s
}

.overview__list[data-anim=true] .overview__list-item:nth-child(2) .home-list__title-wrap a {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .4s
}

.overview__list[data-anim=true] .overview__list-item:nth-child(3) .home-list__image a {
    opacity: 1;
    -ms-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    transition: opacity .5s cubic-bezier(.165, .84, .44, 1) .3s, transform .5s cubic-bezier(.165, .84, .44, 1) .3s
}

.overview__list[data-anim=true] .overview__list-item:nth-child(3) .home-list__title-wrap a {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .5s
}

.overview__list[data-anim=true] .overview__list-item:nth-child(4) .home-list__image a {
    opacity: 1;
    -ms-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    transition: opacity .5s cubic-bezier(.165, .84, .44, 1) .4s, transform .5s cubic-bezier(.165, .84, .44, 1) .4s
}

.overview__list[data-anim=true] .overview__list-item:nth-child(4) .home-list__title-wrap a {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .6s
}

.overview__list[data-anim=true] img {
    -ms-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    will-change: transform
}

.overview__list[data-anim=true] .home-list__title-wrap a {
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .3s cubic-bezier(.47, 0, .745, .715) 0s
}

.overview__list-item {
    display: inline-table;
    float: left;
    margin-bottom: 8rem
}

.overview__list-item a {
    display: inline-block;
    font-size: 1.4rem
}

.overview__list-item .home-list__title-wrap {
    margin-top: 0
}

@media (min-width:768px) and (max-width:1240px) {
    .overview__list-item.c2,
    .overview__list-item.c3 {
        width: 25%
    }
}

@media (min-width:768px) {
    .home-headline span {
        font-size: 30rem;
        height: 30rem;
        margin-top: -15rem
    }
    .about__intro {
        padding-bottom: 10rem
    }
    .about__brands-list li {
        width: 33.333%
    }
    .contact-images .contact-images__row:first-child,
    .contact-images .contact-images__row:nth-child(2) {
        margin-left: 0
    }
    .contact-images .contact-images__row:nth-child(2) img {
        max-width: 30rem
    }
    .contact__content-wrap--left {
        margin-left: 8.33333%
    }
    .contact__content-wrap--right {
        margin-left: 16.66667%
    }
}

@media (min-width:1024px) {
    .c2,
    .w16 {
        width: 16.66%
    }
    .c3,
    .w25 {
        width: 25%
    }
    .c4,
    .home-list__section[data-column=double][data-template="2"] .home-list__image-wrap:first-of-type,
    .shoot__section[data-column=double][data-template="2"] .shoot__image-wrap:first-of-type,
    .w33 {
        width: 33.33%
    }
    .w40 {
        width: 40%
    }
    .c5,
    .home-list__section[data-column=double][data-template="1"] .home-list__image-wrap:first-of-type,
    .home-list__section[data-column=double][data-template="3"] .home-list__image-wrap:nth-of-type(2),
    .home-list__section[data-column=double][data-template="4"] .home-list__image-wrap:first-of-type,
    .shoot__section[data-column=double][data-template="1"] .shoot__image-wrap:first-of-type,
    .shoot__section[data-column=double][data-template="3"] .shoot__image-wrap:last-of-type,
    .shoot__section[data-column=double][data-template="4"] .shoot__image-wrap:last-of-type,
    .w42 {
        width: 41.66%
    }
    .c6,
    .home-list__section[data-column=double][data-template="1"] .home-list__image-wrap:nth-of-type(2),
    .home-list__section[data-column=double][data-template="3"] .home-list__image-wrap:first-of-type,
    .home-list__section[data-column=double][data-template="4"] .home-list__image-wrap:nth-of-type(2),
    .home-list__section[data-column=single][data-template="2"] .home-list__image-wrap,
    .home-list__section[data-column=single][data-template="3"] .home-list__image-wrap,
    .home-list__section[data-column=single][data-template="5"] .home-list__image-wrap,
    .home-list__section[data-column=single][data-template="7"] .home-list__image-wrap,
    .shoot__section[data-column=double][data-template="1"] .shoot__image-wrap:last-of-type,
    .shoot__section[data-column=double][data-template="3"] .shoot__image-wrap:first-of-type,
    .shoot__section[data-column=double][data-template="4"] .shoot__image-wrap:first-of-type,
    .w50 {
        width: 50%
    }
    .c7,
    .home-list__section[data-column=double][data-template="2"] .home-list__image-wrap:nth-of-type(2),
    .shoot__section[data-column=double][data-template="2"] .shoot__image-wrap:last-of-type,
    .w58 {
        width: 58.33%
    }
    .w60 {
        width: 60%
    }
    .c8,
    .shoot__section[data-column=single][data-template="2"] .shoot__image-wrap,
    .shoot__section[data-column=single][data-template="3"] .shoot__image-wrap,
    .shoot__section[data-column=single][data-template="5"] .shoot__image-wrap,
    .w66 {
        width: 66.66%
    }
    .c9,
    .w75 {
        width: 75%
    }
    .c10,
    .error-page__cont,
    .home-list__section[data-column=single][data-template="1"] .home-list__image-wrap,
    .home-list__section[data-column=single][data-template="4"] .home-list__image-wrap,
    .shoot__section[data-column=single][data-template="1"] .shoot__image-wrap,
    .shoot__section[data-column=single][data-template="4"] .shoot__image-wrap,
    .shoot__section[data-column=single][data-template="7"] .shoot__image-wrap,
    .w75 {
        width: 83.33%
    }
    .c12,
    .home-list__section[data-column=single][data-template="6"] .home-list__image-wrap,
    .shoot__section[data-column=single][data-template="6"] .shoot__image-wrap,
    .w100 {
        width: 100%
    }
    .menu-container {
        height: 100vh;
        padding: 0 4.8rem;
        position: relative
    }
    .gutters {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }
    .h1,
    h1 {
        font-size: 6rem
    }
    .h2,
    h2 {
        font-size: 4rem
    }
    html {
        overflow-y: scroll
    }
    .site-header {
        padding-left: 4.8rem;
        padding-right: 4.8rem;
        padding-top: 4.8rem
    }
    .site-header__logo {
        height: 14rem;
        width: 6rem;
        left: 0;
        z-index: 5
    }
    body[data-page=shoots] .site-header__back-link {
        display: block;
        height: 30vh;
        max-height: 40rem;
        max-width: 30rem;
        pointer-events: all;
        width: 15vw
    }
    .site-header__nav-btn {
        right: 4.8rem;
        top: 3.7rem
    }
    .site-header__nav {
        text-align: left;
        overflow: hidden
    }
    .site-header__menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .site-header__main-menu {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 10rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 12.5%
    }
    .site-header__main-menu .site-header__menu-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .site-header__main-menu .site-header__menu-inner:nth-child(2) {
        width: 100%
    }
    .site-header__main-menu .site-header__menu-inner:nth-child(2) .site-header__menu-list {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .site-header__main-menu .site-header__menu-inner:nth-child(2) li {
        display: inline-table;
        float: left;
        width: 100%
    }
    .site-header__main-menu .site-header__menu-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0
    }
    .site-header__side-menu {
        position: absolute;
        bottom: 0;
        left: 12.5%;
        right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 8vh
    }
    .site-header__side-menu .site-header__menu-inner:first-child {
        width: 25%
    }
    .site-header__side-menu .site-header__menu-inner:nth-child(2) {
        width: 50%;
        padding-bottom: 1.6rem
    }
    .site-header__side-menu .site-header__menu-list {
        margin-bottom: 0;
        overflow: hidden;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-right: 3rem;
        position: relative
    }
    .site-header__side-menu .site-header__menu-list li:not(:last-child) a {
        margin-right: 3rem
    }
    .site-header__side-menu .site-header__menu-list li {
        width: 10rem
    }
    .site-header__side-menu .site-header__menu-list li:last-child:after {
        content: "";
        position: absolute;
        top: 1.2rem;
        left: 18rem;
        right: 3rem;
        height: .1rem;
        background-color: #647077;
        opacity: .2;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .site-header__side-menu .site-header__menu-list li:last-child a {
        margin-right: 3rem
    }
    .site-header__menu-inner-social {
        margin-bottom: 0;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
    .site-header__menu-link .site-header__menu-list-inner div:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #1d2a32;
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -ms-transform-origin: left;
        transform-origin: left;
        transition: transform .38s cubic-bezier(.72, 0, .28, 1.01)
    }
    .site-header__menu-link:hover {
        color: #1d2a32
    }
    .site-header__menu-link:hover .site-header__menu-list-inner div:before {
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }
    .site-header__side-title {
        left: -16.66%
    }
    .home-slider__images img {
        max-height: calc(100% - 5.8rem * 2);
        max-width: calc(100% - 5.8rem * 2)
    }
    .home-slider__image--mobile {
        display: none
    }
    .home-slider__image--desktop {
        display: block
    }
    .home-slider__content {
        bottom: 21.5rem;
        left: 2.8rem;
        width: 60rem;
        padding: 2rem 0 2rem 2rem
    }
    .home-slider__content-inner {
        height: 4.8rem
    }
    .home-slider__content-btn {
        margin-top: .8rem
    }
    .home-slider__nav {
        bottom: 3.6rem
    }
    .home-list {
        padding-bottom: 0;
        padding-top: 21rem
    }
    .home-list__hero {
        padding-bottom: 12rem
    }
    .home-list__hero p {
        font-size: 1.8rem
    }
    .home-list__wrap--overview {
        padding-bottom: 15.5rem
    }
    .home-list__section {
        padding-bottom: 14rem
    }
    .home-list__section[data-column=double][data-template="1"] .home-list__image-wrap:nth-of-type(2) {
        margin-top: 15rem
    }
    .home-list__section[data-column=double][data-template="3"] .home-list__image-wrap:nth-of-type(2) {
        margin-top: 20rem
    }
    .home-list__section[data-column=double][data-template="4"] {
        display: -ms-flexbox;
        display: flex
    }
    .home-list__section[data-column=double][data-template="4"] .home-list__image-wrap:first-of-type {
        -ms-flex-order: 2;
        order: 2
    }
    .home-list__section[data-column=double][data-template="4"] .home-list__image-wrap:nth-of-type(2) {
        margin-top: 25rem
    }
    .home-list__image-wrap {
        padding-bottom: 0
    }
    .home-list__image-wrapper img {
        max-height: 50vh
    }
    .about-images {
        padding: 0;
        text-align: inherit;
        position: fixed;
        top: 0;
        left: 60%;
        right: 0;
        bottom: 0;
        width: auto;
        height: 100vh
    }
    .about-images .about-images__wrapper div {
        opacity: 0;
        transition: opacity .3s;
        z-index: 1
    }
    .about-images .about-images__wrapper div img {
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        transition: transform 0s .3s
    }
    .about-images[data-image="1"] .about-images__wrapper[data-anim=true] div:first-child {
        opacity: 1;
        transition: opacity .5s .35s;
        z-index: 2
    }
    .about-images[data-image="1"] .about-images__wrapper[data-anim=true] div:first-child img {
        transition: transform 1s .35s;
        transition-timing-function: cubic-bezier(.165, .84, .44, 1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    .about-images[data-image="2"] .about-images__wrapper[data-anim=true] div:nth-child(2) {
        opacity: 1;
        transition: opacity .5s .35s;
        z-index: 2
    }
    .about-images[data-image="2"] .about-images__wrapper[data-anim=true] div:nth-child(2) img {
        transition: transform 1s .35s;
        transition-timing-function: cubic-bezier(.165, .84, .44, 1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    .about-images[data-image="3"] .about-images__wrapper[data-anim=true] div:nth-child(3) {
        opacity: 1;
        transition: opacity .5s .35s;
        z-index: 2
    }
    .about-images[data-image="3"] .about-images__wrapper[data-anim=true] div:nth-child(3) img {
        transition: transform 1s .35s;
        transition-timing-function: cubic-bezier(.165, .84, .44, 1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    .about-images div {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 80%;
        max-width: 40rem
    }
    .about-images img {
        height: 100%;
        max-width: none;
        width: auto
    }
    .about {
        padding-bottom: 17.5rem
    }
    .about__content-wrap {
        margin-left: 8.33333%;
        padding-bottom: 0;
        width: 50%
    }
    .about__intro {
        height: 100vh;
        margin: 0;
        max-width: 60rem;
        min-height: 100rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-top: 0;
        padding-bottom: 27.5%
    }
    .about__intro>div h2 {
        font-size: 6rem
    }
    .about__content-block-wrapper {
        margin-bottom: 12rem
    }
    .about__content-block {
        margin-bottom: 2rem;
        margin-left: 0;
        margin-right: 0;
        max-width: 60rem
    }
    .about__content-block p {
        font-size: 1.8rem;
        line-height: 1.7;
        margin-bottom: 5rem
    }
    .about__navigation-wrap {
        padding-bottom: 11.2rem;
        margin-left: 0;
        margin-right: 0
    }
    .about__navigation-wrap li {
        padding-bottom: .7rem
    }
    .about__navigation-list {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .about__brands-wrap,
    .about__single-link {
        margin-left: 0;
        margin-right: 0
    }
    .about__single-link {
        margin-top: 20rem
    }
    .contact {
        height: calc(100vh - 28.5rem);
        padding: 0
    }
    .contact .container {
        position: relative;
        top: calc(50% + 14.25rem);
        transform: translateY(-50%) translateZ(0)
    }
    .contact+.site-footer {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0
    }
    .contact-background {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 5.8rem;
        right: 5.8rem;
        margin-top: 9rem;
        margin-left: 0;
        margin-right: 0;
        min-height: inherit
    }
    .contact-images {
        left: 4.8rem;
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        right: 4.8rem;
        text-align: initial;
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: auto
    }
    .contact__content-wrap {
        padding-bottom: 0
    }
    .contact__content-wrap--left {
        margin-left: 8.33333%;
        width: 33.33333%
    }
    .contact__content-wrap--right {
        margin-left: 0;
        width: 50%
    }
    .contact__content-paragraph {
        width: 50%
    }
    .contact__content-block {
        margin-bottom: 10rem;
        margin-left: 0;
        margin-right: 0;
        max-width: none
    }
    .shoot-gallery__close-btn {
        right: 4.8rem;
        top: 3.7rem
    }
    .shoot__hero {
        text-align: left;
        padding-top: 16.5rem;
        padding-bottom: calc(100% * 1/12 + 2rem)
    }
    .shoot__hero-titles {
        margin-left: 0;
        padding-bottom: 10rem;
        margin-left: 25%
    }
    .shoot__hero-titles div:first-child {
        margin-bottom: .8rem
    }
    .shoot__hero-titles h1 {
        font-size: 6rem
    }
    .shoot__hero-titles p {
        max-width: 45%
    }
    .shoot__image-wrap {
        padding-bottom: 0
    }
    .shoot__contextual-nav {
        width: 60%;
        margin: 8rem auto 21rem;
        max-width: 85rem
    }
    .shoot__contextual-nav>div {
        height: auto;
        width: 50%
    }
    .shoot__contextual-nav>div:last-child {
        display: -ms-flexbox;
        display: flex;
        will-change: transform
    }
    .overview {
        min-height: calc(100vh - 12.4rem)
    }
    .overview__list-item {
        margin-bottom: 16rem
    }
}

@media (min-width:1024px) and (max-height:700px) {
    .site-header__main-menu .site-header__menu-link {
        font-size: 1.8rem
    }
    .site-header__main-menu .site-header__menu-inner>.site-header__menu-list-inner {
        margin-bottom: 2.5rem
    }
    .site-header__menu-link {
        line-height: 3rem;
        padding-bottom: 1.2rem
    }
}

@media (min-width:1070px) {
    .contact__content-paragraph {
        padding-right: 4rem;
        width: auto
    }
}

@media (min-width:1170px) {
    footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 5rem;
        padding-top: 5rem;
        text-align: inherit
    }
    footer[data-anim=true] .site-footer__social li:nth-of-type(3) {
        transition-delay: .1s
    }
    footer[data-anim=true] .site-footer__social li:nth-of-type(2),
    footer[data-anim=true] .site-footer__social li:nth-of-type(4) {
        transition-delay: .15s
    }
    footer[data-anim=true] .site-footer__social li:first-of-type,
    footer[data-anim=true] .site-footer__social li:nth-of-type(5) {
        transition-delay: .2s
    }
    .site-footer__wrapper {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .site-footer__rt {
        display: inline-block;
        margin-top: 0;
        text-align: right;
        width: 15rem
    }
    .site-footer__copyright {
        -ms-flex-order: -1;
        order: -1;
        width: 15rem
    }
    .site-footer__social {
        display: block;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        max-width: none
    }
    .site-footer__social li:first-child {
        display: inline-block
    }
    .site-footer__social a.social-icon {
        display: none
    }
    .site-footer__social a.view-btn {
        display: block
    }
    [data-namespace=home]:after {
        height: 12.4rem
    }
    .contact {
        height: 100vh
    }
    .contact .container {
        top: 50%
    }
}

@media (min-width:1240px) {
    body,
    body>* {
        cursor: none!important
    }
    .site-header__main-menu {
        margin-left: 8.333%;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
    .site-header__side-menu {
        left: 8.333%
    }
    .site-header__menu-link {
        font-size: 2.8rem
    }
    .site-header__side-title {
        display: block;
        position: absolute;
        left: -12.5%;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: -1
    }
    .site-header__side-title,
    .site-header__side-title * {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .site-header__side-title div {
        height: 30rem;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        bottom: -5rem
    }
    .site-header__side-title span {
        color: #faf9f8;
        display: block;
        font-family: Brandon_Regular, sans-serif;
        font-size: 30rem;
        line-height: 40rem;
        font-weight: 500;
        left: 0;
        opacity: 1;
        position: absolute;
        top: 0;
        white-space: nowrap
    }
    .cursor,
    .home-slider__arrow {
        display: block
    }
    .home-list {
        padding-bottom: 21rem
    }
    .home-list__hero {
        margin-left: 25%
    }
    @supports not (-moz-appearance:none) {
        .home-list__image-wrap[data-anim=true] .home-list__image-wrapper:hover img {
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            transition: transform 1s cubic-bezier(.165, .84, .44, 1)
        }
    }
    .home-list__image-wrap[data-anim=true] .home-list__image-wrapper-inner:hover~.home-list__title-wrap a:after {
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }
    .home-slider__bottom-arrow {
        display: block
    }
    .about-images {
        left: 50%
    }
    .about-images div {
        min-height: 65rem;
        max-height: inherit;
        max-width: inherit;
        height: calc(100vh - 49rem)
    }
    .about {
        padding-bottom: 37.5rem
    }
    .about__content-wrap {
        margin-left: 16.66667%;
        width: 33.33333%
    }
    .about__intro {
        padding-bottom: 24rem
    }
    .about__content-block,
    .about__intro {
        max-width: none
    }
    .contact-images .contact-images__row {
        padding-left: 8.33333%;
        padding-right: 8.33333%;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        opacity: 1
    }
    .contact-images .contact-images__row:first-child {
        margin-bottom: 12.5rem;
        margin-left: auto
    }
    .contact-images .contact-images__row:first-child img {
        width: 41.66667%
    }
    .contact-images .contact-images__row:nth-child(2) {
        margin-left: auto
    }
    .contact-images .contact-images__row:nth-child(2) img {
        max-width: none;
        width: 25%
    }
    .contact-images .contact-images__row {
        display: block;
        margin-bottom: 12.5rem
    }
    [data-page=shoots][data-theme=dark] .shoot__contextual-nav__link:before {
        background-color: rgba(0, 0, 0, .5)
    }
    [data-page=shoots][data-theme=light] .shoot__contextual-nav__link:before {
        background-color: hsla(0, 0%, 100%, .5)
    }
    .shoot__hero,
    .shoot__section {
        padding-bottom: 25rem
    }
    .shoot__contextual-nav {
        margin-top: 0
    }
    .shoot__contextual-nav>div .shoot__contextual-nav__title {
        width: 200%;
        position: relative;
        z-index: 1
    }
    .shoot__contextual-nav__link {
        display: block;
        position: relative
    }
    .shoot__contextual-nav__link:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: 1;
        opacity: 1;
        transition: opacity .3s cubic-bezier(.6, .01, .49, 1)
    }
    .overview__list[data-anim=true] .home-list__image a {
        overflow: hidden;
        position: relative
    }
    .overview__list[data-anim=true] .home-list__image:hover img {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        transition: transform 1s cubic-bezier(.165, .84, .44, 1);
        transition-delay: 0s
    }
    .overview__list[data-anim=true] .home-list__image:hover~.home-list__title-wrap a:after {
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@media (min-width:1400px) {
    .site-header__main-menu {
        margin-left: calc(8.333% + 4.8rem)
    }
    .site-header__main-menu .site-header__menu-inner:nth-child(2) {
        width: 40%
    }
    .site-header__side-menu {
        left: calc(8.333% + 4.8rem)
    }
    .site-header__side-title {
        left: calc(-12.5% - 4.8rem)
    }
    .home-list__section[data-column=single][data-template="4"] .home-list__image-wrap {
        padding-left: calc(100% * 4/12 + 1rem);
        padding-right: calc(100% * 3/12 + 1rem)
    }
    .home-list__section[data-column=single][data-template="6"] .home-list__image-wrap {
        padding-left: calc(100% * 4/12 + 1rem);
        padding-right: calc(100% * 1/12 + 1rem)
    }
    .home-list__section[data-column=double][data-template="1"] .home-list__image-wrap:first-of-type {
        margin-left: 16.66667%;
        width: 25%
    }
    .home-list__section[data-column=double][data-template="1"] .home-list__image-wrap:nth-of-type(2) {
        width: 33.334%
    }
    .home-list__section[data-column=double][data-template="2"] .home-list__image-wrap:first-of-type {
        margin-left: 8.33333%
    }
    .home-list__section[data-column=double][data-template="2"] .home-list__image-wrap:nth-of-type(2) {
        width: 41.66%
    }
    .home-list__section[data-column=double][data-template="3"] .home-list__image-wrap:first-of-type {
        margin-left: 8.33333%;
        width: 41.66%
    }
    .home-list__section[data-column=double][data-template="3"] .home-list__image-wrap:nth-of-type(2),
    .home-list__section[data-column=double][data-template="4"] .home-list__image-wrap:first-of-type {
        width: 33.334%
    }
    .home-list__section[data-column=double][data-template="4"] .home-list__image-wrap:nth-of-type(2) {
        margin-left: 8.33333%;
        width: 41.66%
    }
}

@media (min-width:1520px) {
    .contact__content-wrap--left {
        margin-left: 16.66667%;
        width: 25%
    }
    .contact__content-wrap--right {
        width: 33.33333%
    }
}

@media (max-width:768px) {
    .home-slider__images {
        width: 90%;
        margin: 0 5%
    }
    .about__navigation-list ul {
        margin-bottom: 4rem
    }
}

@media (max-width:1023px) {
    .about-images {
        -ms-transform: none!important;
        transform: none!important
    }
    .about-images div:not(:first-child) {
        display: none
    }
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important;
        filter: none!important;
        -ms-filter: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    a[href^="#"]:after {
        content: ""
    }
    img {
        max-width: 100%!important
    }
}