@charset "UTF-8";
.quick_cols, .quick_descr, .icon_list, .team_list, .hiring_list, .works_list, .contacts_list, .rebels_slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.social_list, .header_in, .header_nav_list, .section_in.index_mod, .belief_list, .control_list, .search_block_btn, .not_found, .works_detail_w_img.center_lvl_mod_1, .works_detail_img_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.bottom_info_banner, .control_w_list, .contacts_gallery_col.text_mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.work_nav, .work_nav_link, .footer, .banner, .banner_container, .new_team_item, .beliefs_slider_item_cols, .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.belief_item, .hiring_btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.beliefs_play, .podcast_player .plyr__controls__item.plyr__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.hero_item, .footer_in, .section_in.hero_mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.works_item_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.icon_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.team_join_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.header:before, .control_w_list, .control_list_item_title:before, .search_block_btn.close_mod .search_block_btn_title:before {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    will-change: opacity; }

.header_logo_w {
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    will-change: color; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
html:before, html:after, body:before, body:after, div:before, div:after, span:before, span:after, object:before, object:after, iframe:before, iframe:after,
h1:before,
h1:after, h2:before, h2:after, h3:before, h3:after, h4:before, h4:after, h5:before, h5:after, h6:before, h6:after, p:before, p:after, blockquote:before, blockquote:after, pre:before, pre:after,
abbr:before,
abbr:after, address:before, address:after, cite:before, cite:after, code:before, code:after,
del:before,
del:after, dfn:before, dfn:after, em:before, em:after, img:before, img:after, ins:before, ins:after, kbd:before, kbd:after, q:before, q:after, samp:before, samp:after,
small:before,
small:after, strong:before, strong:after, var:before, var:after,
b:before,
b:after, i:before, i:after,
dl:before,
dl:after, dt:before, dt:after, dd:before, dd:after, ol:before, ol:after, ul:before, ul:after, li:before, li:after,
fieldset:before,
fieldset:after, form:before, form:after, label:before, label:after, legend:before, legend:after,
article:before,
article:after, aside:before, aside:after, canvas:before, canvas:after, details:before, details:after, figcaption:before, figcaption:after, figure:before, figure:after,
footer:before,
footer:after, header:before, header:after, hgroup:before, hgroup:after, menu:before, menu:after, nav:before, nav:after, section:before, section:after, summary:before, summary:after,
time:before,
time:after, mark:before, mark:after, audio:before, audio:after, video:before, video:after, button:before, button:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

sub,
sup {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
sub:before, sub:after,
sup:before,
sup:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

a:before, a:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent; }

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

ol, ul, li {
    list-style: none; }

blockquote, q {
    quotes: none; }

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

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

:focus {
    outline: 0; }

input[type="text"], textarea {
    -webkit-appearance: none; }
input[type="text"]::-ms-clear, textarea::-ms-clear {
    display: none; }

input,
textarea {
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000; }
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #000; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000; }
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent; }
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent; }
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent; }

textarea {
    resize: none; }

ins {
    text-decoration: none; }

del {
    text-decoration: line-through; }

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

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word; }

@font-face {
    font-family: "BlossomPro";
    src: url("../fonts/BlossomProLight.woff2") format("woff2"), url("../fonts/BlossomProLight.woff") format("woff");
    font-weight: 300;
    font-style: normal; }

@font-face {
    font-family: "BlossomPro";
    src: url("../fonts/BlossomProRegular.woff2") format("woff2"), url("../fonts/BlossomProRegular.woff") format("woff");
    font-weight: 400;
    font-style: normal; }

@font-face {
    font-family: "BlossomPro";
    src: url("../fonts/BlossomProBlack.woff2") format("woff2"), url("../fonts/BlossomProBlack.woff") format("woff");
    font-weight: 900;
    font-style: normal; }

@font-face {
    font-family: "NoeDisplay";
    src: url("../fonts/NoeDisplay-Bold.woff2") format("woff2"), url("../fonts/NoeDisplay-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal; }

@font-face {
    font-family: "SHIRENS";
    src: url("../fonts/SHIRENSRegular.woff2") format("woff2"), url("../fonts/SHIRENSRegular.woff") format("woff");
    font-weight: 400;
    font-style: normal; }

@media screen and (min-width: 1025px) {
    :root {
        --full-screen: 100vh; } }

@media screen and (max-width: 1024px) {
    :root {
        --full-screen: calc(var(--vh, 1vh) * 100); } }

html {
    height: 100%;
    font-size: 10px; }
@media screen and (min-width: 1921px) {
    html {
        font: 400 calc(100vw / 1920 * 10)/1.33 "BlossomPro", sans-serif; } }
@media screen and (max-width: 1920px) {
    html {
        font: 400 10px/1.33 "BlossomPro", sans-serif; } }
@media screen and (max-width: 374px) {
    html {
        font-size: 8px; } }

body {
    position: relative;
    counter-reset: bls_menus;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    font-size: 1.6rem;
    color: #1a1a1a;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    opacity: 0; }
body.page-template-template-mediahouse {
    height: auto; }
@supports (display: grid) {
    body {
        display: block; } }
body.loaded_mod {
    opacity: 1; }
body.popup_open_mod, body.menu_open, body.open_search {
    overflow: hidden; }
body.dark_mod {
    background-color: #000; }
body.pointer_off {
    pointer-events: none; }

.wrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    height: auto !important;
    overflow-x: hidden; }
body.popup_open_mod .wrapper {
    z-index: 110; }

.base {
    width: 100%;
    padding: 0 0 23rem; }
body.index_mod .base {
    padding-bottom: 0; }
body.no_footer .base {
    padding-bottom: 0 !important; }
@media screen and (max-width: 1023px) {
    body.not_found_mod .base {
        padding-top: 0;
        padding-bottom: 0; } }

.barba-container {
    position: relative;
    z-index: 10;
    width: 100%;
    min-height: var(--full-screen);
    overflow: hidden; }
.barba-container.fixed_mod {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 130;
    width: 100%;
    height: var(--full-screen);
    visibility: visible !important;
    overflow: hidden; }

a {
    text-decoration: none;
    color: #4aa3df; }
a:hover, a:focus {
    text-decoration: underline; }

.elements_list {
    padding: 3rem; }

.test_hide {
    visibility: hidden !important; }

.bottom_info_banner {
    z-index: 10;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3em;
    text-align: center;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, 0.1); }

.bottom_info_banner_link {
    color: #1a1a1a;
    font-size: 1.2em;
    font-weight: 300;
    text-decoration: underline; }

.btn_w {
    width: 100%;
    text-align: center; }
.btn_w.offset_mod {
    margin-top: 4.6em; }
@media screen and (max-width: 1023px) {
    .btn_w.offset_mod {
        margin-top: 6.6em; } }

.btn_link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-decoration: none;
    color: #fff; }
.btn_link.left_pos_mod {
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: 0; }
@media screen and (max-width: 1023px) {
    .btn_link.left_pos_mod {
        bottom: .6em; } }
.btn_link.right_pos_mod {
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0; }
@media screen and (max-width: 1023px) {
    .btn_link.right_pos_mod {
        bottom: .6em; } }
.btn_link.not_found_mod {
    position: absolute;
    bottom: 3em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
@media screen and (max-width: 1023px) {
    .btn_link.not_found_mod {
        bottom: 4.8em; } }
.btn_link.black_mod {
    color: #000; }
.btn_link.black_2_mod {
    color: #1a1a1a; }
.btn_link:focus, .btn_link:active, .btn_link:hover {
    text-decoration: none; }
.btn_link.control_mod {
    height: 2rem;
    padding-left: 2.2rem;
    line-height: 2rem; }
@media screen and (min-width: 1023px) {
    .btn_link.control_mod.only_mob {
        display: none; } }

.btn_link_title {
    font-size: 1.5em;
    font-weight: 400; }

.social_list.header_social_mod {
    position: absolute;
    left: 50%;
    bottom: 3.8em;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
@media screen and (min-width: 1024px) {
    .social_list.header_social_mod {
        display: none; } }

@media screen and (max-width: 767px) {
    .social_list.contacts_mod {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }

.social_item {
    margin-right: 1.8em; }

.social_link {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
.social_link:hover, .social_link:focus {
    opacity: .2; }

.slider_control_btn {
    position: absolute;
    top: 50%;
    z-index: 20;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8em;
    height: 8em;
    margin-top: -4em;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    cursor: pointer; }
.slider_control_btn.beliefs_mod {
    top: 3rem;
    margin-top: -3em; }
.slider_control_btn.beliefs_mod:before {
    display: none; }
@media screen and (max-width: 1023px) {
    .slider_control_btn.beliefs_mod {
        top: auto;
        bottom: 1.2rem; }
    .slider_control_btn.beliefs_mod.prev_mod {
        left: 2rem; }
    .slider_control_btn.beliefs_mod.next_mod {
        right: 2rem; } }
.slider_control_btn:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #4d4d4d;
    opacity: .3;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    content: ''; }
.slider_control_btn.prev_mod {
    left: 8em; }
.slider_control_btn.prev_mod.works_details_mod {
    left: -4em; }
@media screen and (max-width: 1023px) {
    .slider_control_btn.prev_mod.works_details_mod {
        left: -2em; } }
.slider_control_btn.next_mod {
    right: 8em; }
.slider_control_btn.next_mod.works_details_mod {
    right: -4em; }
@media screen and (max-width: 1023px) {
    .slider_control_btn.next_mod.works_details_mod {
        right: -1.8em; } }
@media screen and (min-width: 1024px) {
    .slider_control_btn.works_details_mod {
        margin-top: -6em; } }
.slider_control_btn:hover:before, .slider_control_btn:focus:before {
    opacity: 1; }
@media screen and (max-width: 767px) {
    .slider_control_btn:hover:before, .slider_control_btn:focus:before {
        opacity: .3; } }
@media screen and (max-width: 1023px) {
    .slider_control_btn {
        font-size: .63rem; } }

.work_w_nav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 150;
    width: 100%;
    height: 6em;
    font-size: 1rem;
    background-color: #fff;
    pointer-events: none;
    opacity: 0; }
.work_w_nav.active_state {
    pointer-events: auto;
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
.work_w_nav.active_state .unactive_mod_in {
    display: none; }
.work_w_nav.active_state .active_mod_in {
    display: block; }
.work_w_nav .unactive_mod_in {
    display: block; }
.work_w_nav .active_mod_in {
    display: none; }

.work_nav {
    position: relative;
    height: 6em;
    padding: 2em 0; }

.work_nav_link {
    color: #1a1a1a;
    -webkit-transition: text-shadow .3s;
    -o-transition: text-shadow .3s;
    transition: text-shadow .3s; }
.work_nav_link.close_mod {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3em;
    height: 3em;
    margin-left: -1.5em;
    margin-top: -1.5em; }
@media screen and (max-width: 480px) {
    .work_nav_link.prev_mod, .work_nav_link.next_mod {
        display: none; } }
.work_nav_link.prev_mod {
    margin-right: auto; }
.work_nav_link.link_mod {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.5em;
    font-weight: 900;
    color: #1a1a1a;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.work_nav_link:hover, .work_nav_link:focus {
    text-decoration: none; }

@-webkit-keyframes moveArrowLeft {
    10% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    50% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes moveArrowLeft {
    10% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    50% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@-webkit-keyframes moveArrowRight {
    10% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    50% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes moveArrowRight {
    10% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    50% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

.work_nav_icon_wrap {
    width: 3.2em;
    height: 1.6em; }
.work_nav_link.prev_mod .work_nav_icon_wrap {
    margin-right: 1.2em; }
.work_nav_link.next_mod .work_nav_icon_wrap {
    margin-left: 1.2em; }
.work_nav_link.prev_mod:hover .work_nav_icon_wrap,
.work_nav_link.prev_mod:focus .work_nav_icon_wrap {
    -webkit-animation: moveArrowLeft 1s infinite ease-in-out;
    animation: moveArrowLeft 1s infinite ease-in-out; }
.work_nav_link.next_mod:hover .work_nav_icon_wrap,
.work_nav_link.next_mod:focus .work_nav_icon_wrap {
    -webkit-animation: moveArrowRight 1s infinite ease-in-out;
    animation: moveArrowRight 1s infinite ease-in-out; }

.work_nav_in {
    font-size: 1.5em; }

.lazy {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
.lazy.loading {
    opacity: 1; }

.hidden_mod {
    opacity: 0; }

.stagger_el {
    opacity: 0;
    will-change: transform; }

#hometit,
.gcp_link {
    -webkit-animation: homeFadeIn 2s;
    animation: homeFadeIn 2s; }

@-webkit-keyframes homeFadeIn {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }

@keyframes homeFadeIn {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }

.hero_logo {
    display: block;
    max-width: 47.4rem;
    height: auto;
    width: 100%; }
.hero_logo.center_level_mod {
    margin: 2.6rem auto 0; }
@media screen and (max-width: 767px) {
    .hero_logo {
        max-width: 29.4rem;
        height: 10.4rem; } }

.hero_logo_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.btn_action {
    display: block;
    color: #fff;
    font-family: "SHIRENS", sans-serif;
    font-size: 3.6rem;
    font-weight: 400; }
.btn_action.v2_mod {
    font-size: 1.2rem; }
.btn_action:hover, .btn_action:focus {
    text-decoration: none; }

.btn_hero {
    margin-top: auto;
    text-align: center; }

.hero_item_wrap {
    overflow: hidden; }
@media screen and (max-width: 1023px) {
    .hero_item_wrap.v2_mod {
        margin-left: -2rem;
        margin-right: -2rem; } }

.hero_item {
    position: relative;
    height: 71rem;
    padding: 5rem 3rem 6.2rem;
    z-index: 2; }

.slideTextEl > div,
.slideTextEl p > div {
    overflow: hidden; }

.slideTextEl div {
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }

.word_anim {
    position: relative;
    display: inline-block;
    margin-left: 1rem; }
@media screen and (max-width: 1023px) {
    .word_anim {
        margin-left: .4rem; } }

.word {
    text-align: left;
    display: inline-block; }
.word.v2_mod {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%; }

.magneticLink {
    display: inline-block;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }

.header {
    position: fixed;
    top: 0;
    left: 0;
    height: 8rem;
    width: 100%;
    padding: 0 2rem;
    font-size: 1rem;
    will-change: transform;
    z-index: 100; }
.header.home_mod {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%); }
.header.about_mod {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
.header:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    pointer-events: auto; }
.header.scroll_mod:before {
    opacity: 1; }

.header_in {
    position: relative;
    width: 100%;
    max-width: 128rem;
    height: 100%;
    margin: 0 auto; }

.header_logo_w {
    z-index: 200;
    position: relative;
    display: block;
    width: 3em;
    height: 4em;
    text-decoration: none;
    color: #1a1a1a; }
body.index_mod .header_logo_w {
    color: #fff; }
body.index_mod .header_logo_w.logoblack {
    color: #1a1a1a; }
@media screen and (max-width: 1023px) {
    body.not_found_mod .header_logo_w {
        color: #fff; } }
@media screen and (max-width: 1023px) {
    body.menu_open .header_logo_w {
        color: #1a1a1a !important; } }

.header_logo {
    width: 100%;
    height: 100%; }

.header_nav {
    margin-left: auto; }
@media screen and (max-width: 1023px) {
    .header_nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--full-screen);
        background-color: #fff;
        overflow: hidden;
        -webkit-transition: opacity .4s ease-in-out;
        -o-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
        opacity: 0;
        will-change: transform;
        pointer-events: none; }
    body.menu_open .header_nav {
        opacity: 1;
        pointer-events: auto; } }

@media screen and (max-width: 1023px) {
    .header_nav_in {
        position: relative;
        height: 100%;
        padding: 8rem 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }

.header_nav_list {
    padding: 0;
    list-style: none; }
@media screen and (min-width: 1024px) {
    .header_nav_list {
        margin: 0 -4em 0 0; } }
@media screen and (max-width: 1023px) {
    .header_nav_list {
        display: block;
        width: 100%;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto; } }

.header_nav_item {
    padding-right: 4em; }
@media screen and (min-width: 1024px) {
    .header_nav_item {
        opacity: 1 !important; } }
@media screen and (max-width: 1023px) {
    .header_nav_item {
        padding: 0 2rem;
        margin-bottom: 5.6em;
        text-align: center;
        opacity: 0; }
    .header_nav_item:last-of-type {
        margin-bottom: 0; } }
@media screen and (max-width: 640px) {
    .header_nav_item.search_menu {
        display: none; } }

.header_nav_link {
    position: relative;
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 400;
    text-decoration: none; }
body.dark_mod .header_nav_link,
body.un_mod .header_nav_link,
body.index_mod .header_nav_link {
    color: #fff; }
body.dark_mod .header_nav_link:before,
body.un_mod .header_nav_link:before,
body.index_mod .header_nav_link:before {
    background-color: #fff; }
@media screen and (max-width: 1023px) {
    body.dark_mod .header_nav_link,
    body.un_mod .header_nav_link,
    body.index_mod .header_nav_link {
        color: #1a1a1a; }
    body.dark_mod .header_nav_link:before,
    body.un_mod .header_nav_link:before,
    body.index_mod .header_nav_link:before {
        background-color: #1a1a1a; } }
@media screen and (max-width: 1023px) {
    body.menu_open .header_nav_link {
        color: #1a1a1a !important; } }
@media screen and (max-width: 1023px) {
    .header_nav_link {
        font-family: "NoeDisplay", sans-serif;
        font-size: 4.8em;
        font-weight: 700; } }
.header_nav_link:before {
    position: absolute;
    left: calc(50% - 11px);
    right: 0;
    bottom: -0.4em;
    height: 2px;
    width: 22px;
    background-color: #1a1a1a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    content: ''; }
body.un_mod .header_nav_link:before {
    background-color: #fff; }
.header_nav_link:hover, .header_nav_link:focus {
    text-decoration: none; }
.header_nav_link:hover:before, .header_nav_link:focus:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left; }
.header_nav_link.active:before {
    position: absolute;
    left: calc(50% - 11px);
    right: 0;
    bottom: -0.4em;
    height: 2px;
    width: 22px;
    background-color: #1a1a1a;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    content: ''; }
body.index_mod .header_nav_link.active:before,
body.un_mod .header_nav_link.active:before,
body.dark_mod .header_nav_link.active:before {
    background-color: #fff; }
body.dark_mod.wonder_mod .header_nav_link.active:before {
    background-color: #1a1a1a; }

body.un_mod .header_nav_link,
body.dark_mod .header_nav_link {
    color: #fff; }

body.un_mod .header_logo_w,
body.dark_mod .header_logo_w {
    color: #fff; }

body.un_mod .scroll_mod .header_nav_link,
body.dark_mod .scroll_mod .header_nav_link {
    color: #1a1a1a; }

body.un_mod .scroll_mod .header_logo_w,
body.dark_mod .scroll_mod .header_logo_w {
    color: #1a1a1a; }

body.dark_mod.wonder_mod .header_nav_link {
    color: #1a1a1a; }

body.dark_mod.wonder_mod .header_logo_w {
    color: #1a1a1a; }

body.dark_mod.wonder_mod .scroll_mod .header_nav_link {
    color: #1a1a1a; }

body.dark_mod.wonder_mod .scroll_mod .header_logo_w {
    color: #1a1a1a; }

@media screen and (max-width: 1023px) {
    .menu_trigger {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 3em;
        height: 3em;
        margin-left: auto;
        cursor: pointer; }
    .menu_trigger:before, .menu_trigger:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2em;
        height: 2em;
        margin-top: -1em;
        margin-left: -1em;
        border-radius: 100%;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        content: ''; }
    body.menu_open .menu_trigger:before, body.menu_open .menu_trigger:after {
        width: 3px;
        margin-left: -1px;
        border-radius: 0;
        border-color: #000; }
    .menu_trigger:before {
        border-top: 3px solid #1a1a1a;
        border-bottom: 3px solid #1a1a1a;
        border-right: 3px solid #1a1a1a; }
    body.dark_mod .menu_trigger:before,
    body.index_mod .menu_trigger:before,
    body.not_found_mod .menu_trigger:before {
        border-color: #fff; }
    body.dark_mod .header.scroll_mod .menu_trigger:before {
        border-color: #1a1a1a; }
    body.menu_open .menu_trigger:before {
        border-color: #1a1a1a;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .menu_trigger:after {
        border-top: 3px solid #1a1a1a;
        border-bottom: 3px solid #1a1a1a;
        border-left: 3px solid #1a1a1a; }
    body.dark_mod .menu_trigger:after,
    body.index_mod .menu_trigger:after,
    body.not_found_mod .menu_trigger:after {
        border-color: #fff; }
    body.dark_mod .header.scroll_mod .menu_trigger:after {
        border-color: #1a1a1a; }
    body.menu_open .menu_trigger:after {
        border-color: #1a1a1a;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); } }

@media screen and (min-width: 1024px) {
    .menu_trigger {
        display: none; } }

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    min-height: 23rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 2rem;
    font-size: 1rem;
    will-change: transform;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
body.index_mod .footer,
body.no_footer .footer {
    opacity: 0;
    pointer-events: none; }
@media screen and (max-width: 1023px) {
    body.not_found_mod .footer {
        display: none; } }

.footer_in {
    position: relative;
    width: 100%;
    max-width: 128rem;
    margin: 0 auto;
    padding: 3em 0;
    text-align: center; }
.footer_in:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(77, 77, 77, 0.2); }
@media screen and (max-width: 767px) {
    .footer_in:before {
        width: 60%;
        right: 0;
        margin: auto; } }

.footer_info_list {
    margin: 0;
    padding: 0;
    list-style: none; }

.footer_info_item {
    margin-bottom: 0.5em;
    color: #1a1a1a;
    font-size: 1.2em;
    font-weight: 400; }
body.dark_mod .footer_info_item {
    color: #fff; }
.footer_info_item a {
    text-decoration: none;
    color: #1a1a1a; }
body.dark_mod .footer_info_item a {
    color: #fff; }
.footer_info_item a:hover, .footer_info_item a:focus, .footer_info_item a:active {
    text-decoration: underline; }
.footer_info_item span:after {
    content: ' — '; }
.footer_info_item span:last-child:after {
    display: none; }
@media screen and (max-width: 767px) {
    .footer_info_item span {
        display: block;
        width: 100%;
        text-align: center; }
    .footer_info_item span:after {
        display: none; } }
@media screen and (max-width: 767px) {
    .footer_info_item {
        margin-bottom: 1.66667em;
        line-height: 1.6; }
    .footer_info_item:last-child {
        margin-bottom: 0; } }

.footer_info_link {
    color: #1a1a1a;
    font-size: 1.2em;
    font-weight: 400;
    text-decoration: underline; }
body.dark_mod .footer_info_link {
    color: #fff; }
.footer_info_link:hover, .footer_info_link:focus {
    text-decoration: none; }
@media screen and (max-width: 767px) {
    .footer_info_link {
        display: none; } }

.form_field.default_mod {
    display: block;
    width: 100%;
    height: 4rem;
    padding: 0;
    font-size: 2.4em;
    font-family: "NoeDisplay", sans-serif;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    -webkit-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease; }
.form_field.default_mod::-webkit-input-placeholder {
    color: #000;
    opacity: .2; }
.form_field.default_mod::-moz-placeholder {
    color: #000;
    opacity: .2; }
.form_field.default_mod:-ms-input-placeholder {
    color: #000;
    opacity: .2; }

.form_field.default_mod:focus {
    border-color: #4d4d4d; }

.form_cell.hidden_field {
    display: none; }

.form_cell_title.hline_hide_mod {
    display: none; }

.form_cell_title.form_v1_mod {
    display: none; }

.form_field_wrap {
    position: relative; }
.form_field_wrap.form_filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5em 2em 2em; }

.btn_link_filter {
    font-size: 1.2em;
    color: #000;
    font-family: "BlossomPro", sans-serif;
    font-weight: bold;
    margin: 0 1.5em;
    position: relative; }
.btn_link_filter.active {
    color: #000; }
.btn_link_filter.active:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }
.btn_link_filter:before {
    position: absolute;
    left: 50%;
    right: 0;
    top: -1.4em;
    height: 2px;
    width: 20px;
    margin-left: -10px;
    background-color: #1a1a1a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    content: ''; }
.btn_link_filter:hover {
    text-decoration: none; }
.btn_link_filter:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }

.searchFilters {
    -webkit-transition: max-height 0.5s cubic-bezier(0.59, 0.01, 0.28, 1);
    -o-transition: max-height 0.5s cubic-bezier(0.59, 0.01, 0.28, 1);
    transition: max-height 0.5s cubic-bezier(0.59, 0.01, 0.28, 1);
    max-height: 0;
    height: auto;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 27px; }

.search_filter_in {
    max-height: 0;
    height: auto;
    overflow: hidden; }
.search_filter_in ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
    padding: 2em 10rem 2em; }
.search_filter_in li {
    list-style: none;
    display: inline-block;
    width: calc(100% / 5);
    height: 30px;
    text-align: left; }
.search_filter_in li a {
    font-weight: bold;
    color: #000;
    font-size: 1.2em;
    text-decoration: none; }
.search_filter_in li a.active {
    color: #000; }
.search_filter_in li a.notactive {
    color: grey; }
.search_filter_in li a:hover {
    text-decoration: none; }

.search_result {
    overflow-y: scroll;
    height: 100%; }

.section {
    position: relative;
    width: 100%;
    padding: 4em 2rem 4em;
    font-size: 1rem; }
.section.no_indent_mod {
    padding: 4em 0 4em; }
.section.inner_offset_mod {
    padding-top: 12rem;
    padding-bottom: 12rem; }
@media screen and (max-width: 767px) {
    .section.inner_offset_mod {
        padding-bottom: 4em; } }
.section:first-child {
    padding-top: calc(8rem + 4rem); }
.section.no_offset_mod {
    padding: 0; }
.section.lg_offset_mod {
    padding: 10em 2rem 14em; }
@media screen and (max-width: 1023px) {
    .section.lg_offset_mod {
        padding-bottom: 6rem; } }
.section.lg_offset_mod2 {
    padding: 14em 2rem 14em; }
.section.offset_top_mod {
    padding-top: 6em; }
.section.offset_bottom_mod {
    padding-bottom: 8em; }
.section.offset_bottom_2_mod {
    padding-bottom: 12em; }
.section.offset_bottom_3_mod {
    padding-bottom: 10.6em; }
.section.un_mod {
    padding-bottom: 20em;
    padding-top: 20em; }
@media screen and (max-width: 1023px) {
    .section.un_mod {
        padding-bottom: 10em;
        padding-top: 10em; } }
.section.index_mod {
    height: var(--full-screen);
    padding-top: 4em; }
@media screen and (max-width: 1024px) {
    .section.index_mod {
        position: fixed;
        padding-bottom: 8em; } }
@media screen and (max-width: 768px) {
    .section.index_mod {
        padding-bottom: 6em; } }
@media screen and (max-width: 767px) {
    .section.index_mod {
        padding-bottom: 4em; } }
.section.height_mod {
    min-height: 60rem; }
.section.height_mod.v2h_mod {
    min-height: 20rem; }
.section.banner_mod {
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0; }
.section.banner_mod .section_in hr {
    border: 0 !important;
    background: rgba(77, 77, 77, 0.4);
    height: 1px;
    margin-top: 8em; }
@media screen and (max-width: 1023px) {
    .section.banner_mod .section_in hr {
        margin-top: 6em; } }
.section.works_mod {
    overflow: hidden; }
.section.border_mod {
    position: relative;
    padding-bottom: 8em; }
.section.border_mod:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 128rem;
    height: 1px;
    margin-left: -64rem;
    background-color: rgba(77, 77, 77, 0.2);
    content: ''; }
.section.bg_mod {
    background-color: #0e0e0e; }
@media screen and (max-width: 1023px) {
    .section.not_found_mod {
        padding: 0; } }
@media screen and (max-width: 768px) {
    .section.mob_padding_bottom_mod {
        padding-bottom: 23.6em; } }
.section.no_pdgbott_mod {
    padding: calc(8rem + 4rem) 2rem 0; }
.section.hero_mod {
    height: 80rem;
    padding-bottom: 4.8rem;
    cursor: none; }
@media screen and (min-width: 1921px) {
    .section.hero_mod {
        height: 100vh; } }
@media screen and (max-width: 767px) {
    .section.hero_mod {
        height: 66rem; } }

.section_para p {
    margin: 10px auto;
    width: 90%;
    color: white;
    font-size: 2em;
    line-height: 1.15;
    text-align: center; }
@media screen and (max-width: 1023px) {
    .section_para p {
        font-size: 1.4em;
        width: 90%; } }

.section_in {
    width: 100%;
    max-width: 128rem;
    margin: 0 auto; }
.section_in.index_mod {
    height: 100%;
    position: relative; }
.section_in.portfolio_mod {
    min-height: 67em; }
.section_in.hero_mod {
    height: 100%; }

.section_title {
    display: block;
    font-family: "NoeDisplay", sans-serif;
    font-size: 6.4em;
    color: #1a1a1a;
    line-height: 1.2; }
.section_title.ww_mod {
    line-height: 1.1; }
.section_title.ww_mod p {
    font-size: 80%; }
@media screen and (max-width: 767px) {
    .section_title.ww_mod {
        margin-bottom: 1.3em; } }
.section_title.sm_mod {
    font-size: 4.8em; }
.section_title.xl_mod {
    font-size: 8em;
    line-height: 1.1;
    font-weight: 700; }
@media screen and (max-width: 1023px) {
    .section_title.xl_mod {
        font-size: 4.4em; } }
.section_title.xxl_mod {
    margin-bottom: 1em;
    max-width: 9em;
    font-size: 10em;
    line-height: 1.1; }
@media screen and (max-width: 1023px) {
    .section_title.xxl_mod {
        font-size: 4.8em;
        line-height: 1.2; } }
.section_title.size_mod {
    margin-bottom: .3em;
    font-size: 10.5em;
    line-height: 1.1; }
@media screen and (max-width: 1023px) {
    .section_title.size_mod {
        margin-bottom: 0;
        font-size: 6.5em;
        line-height: 1.2; } }
@media screen and (max-width: 1023px) {
    .section_title.size_mod.mob_l_mod {
        font-size: 4.5em; } }
.section_title.size_2_mod {
    font-size: 10em;
    line-height: 1.1;
    font-family: "SHIRENS", sans-serif; }
@media screen and (max-width: 1200px) {
    .section_title.size_2_mod {
        font-size: 8em; } }
@media screen and (max-width: 1023px) {
    .section_title.size_2_mod {
        font-size: 4.8em; } }
@media screen and (max-width: 767px) {
    .section_title.size_2_mod {
        font-size: 2.8em; } }
.section_title.size_3_mod {
    font-size: 3.5em;
    font-family: "SHIRENS", sans-serif; }
@media screen and (max-width: 1023px) {
    .section_title.size_3_mod {
        font-size: 2.6em; } }
@media screen and (max-width: 767px) {
    .section_title.size_3_mod {
        font-size: 2.2em; } }
.section_title.size_4_mod {
    max-width: 106rem;
    margin-bottom: .3em;
    font-size: 12em;
    line-height: 1.3; }
@media screen and (max-width: 1023px) {
    .section_title.size_4_mod {
        margin-bottom: 0;
        font-size: 6.5em;
        line-height: 1.2; } }
@media screen and (max-width: 1023px) {
    .section_title.mob_sm_mod {
        font-size: 3.6em; } }
.section_title.mob_mod {
    font-size: 6.5rem; }
.section_title.white_mod {
    color: #fff; }
.section_title.color_mod {
    color: #333; }
.section_title.offset_mod {
    margin-bottom: 0.59375em; }
@media screen and (max-width: 1023px) {
    .section_title.offset_mod {
        margin-bottom: 0.79167em; } }
.section_title.offset_v2_mod {
    margin: 0.5em 0 0.21875em; }
.section_title.offset_v3_mod {
    margin-bottom: 1em; }
.section_title.offset_v4_mod {
    margin-bottom: 0.75em; }
.section_title.offset_v6_mod {
    margin-bottom: 3rem; }
@media screen and (min-width: 1024px) {
    .section_title.contacts_mod {
        margin-bottom: 1.34375em; } }
@media screen and (max-width: 1023px) {
    .section_title.contacts_mod {
        margin-bottom: 0.83333em; } }
.section_title.accent_mod {
    color: #fff; }
@media screen and (min-width: 1024px) {
    .section_title.beliefs_mod {
        margin-bottom: 0.75em; } }
@media screen and (max-width: 1023px) {
    .section_title.beliefs_mod {
        margin-bottom: 0.58333em; } }
.section_title.center_level_mod {
    text-align: center; }
@media screen and (max-width: 1023px) {
    .section_title {
        font-size: 4.8em; } }
@media screen and (max-width: 767px) {
    .section_title.not_found_mod {
        font-size: 3.6em; } }
.section_title.v1_mod {
    font-family: "SHIRENS", sans-serif;
    font-size: 4.8em; }
@media screen and (max-width: 1023px) {
    .section_title.v1_mod {
        font-size: 3em; } }
@media screen and (max-width: 767px) {
    .section_title.v1_mod {
        font-size: 2.4em; } }
.section_title.offset_v5_mod {
    margin-bottom: 4.5em; }

a.section_title:hover, a.section_title:focus {
    text-decoration: none; }

.section_descr {
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.56; }
.section_descr.lg_mod {
    font-size: 6rem;
    font-weight: 700; }
@media screen and (max-width: 1023px) {
    .section_descr.lg_mod {
        font-size: 3.6em;
        line-height: 1.2; } }
.section_descr.white_mod {
    color: #fff; }
.section_descr.limit_mod {
    max-width: 49.33333em; }
.section_descr.v2_mod {
    font-size: 2.8em;
    line-height: 1.2;
    text-align: center; }
@media screen and (max-width: 1023px) {
    .section_descr.v2_mod {
        font-size: 2.4em; } }
@media screen and (max-width: 767px) {
    .section_descr.v2_mod {
        font-size: 2.2em; } }
.section_descr.offset_mod {
    margin-bottom: 3.33333em; }
.section_descr.offset_2_mod {
    margin-bottom: 3rem; }
@media screen and (max-width: 1023px) {
    .section_descr.offset_2_mod {
        margin-bottom: 1rem; } }
.section_descr.belief_mod {
    margin-bottom: 5.41667em;
    font-size: 2.2em;
    font-weight: 400;
    color: #fff;
    letter-spacing: -.04rem; }
@media screen and (max-width: 1023px) {
    .section_descr.belief_mod {
        margin-bottom: 4.16667em;
        font-size: 2.2em; } }
.section_descr.belief_mod.black_mod {
    color: #1a1a1a; }
@media screen and (min-width: 1024px) {
    .section_descr.belief_2_mod {
        max-width: 26.42857em;
        font-size: 2.8em; } }
@media screen and (max-width: 1023px) {
    .section_descr.belief_2_mod {
        margin-top: 5rem;
        margin-bottom: 5rem;
        font-size: 1.8rem;
        line-height: 1.4; } }
.section_descr.about_hiring_mod {
    max-width: 48.93333em;
    width: 100%; }

.section_head {
    width: 100%;
    max-width: 100%; }
.section_head.offset_mod {
    margin-bottom: 4em; }
@media screen and (max-width: 1023px) {
    .section_head.index_mod {
        margin-left: 0; } }

.section_bg_w {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.section_bg_w:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); }

.section_bg {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.icon_w {
    display: block; }
.icon_w.play_mod, .icon_w.circle_v1_mod {
    position: absolute;
    top: 50%;
    left: 0; }
.icon_w.play_mod {
    width: 1.4em;
    height: 1.6em;
    margin-top: -1em; }
.icon_w.circle_mod, .icon_w.circle_v1_mod {
    width: 1.2em;
    height: 1.2em; }
.icon_w.circle_mod {
    margin-right: .8em; }
.icon_w.circle_v1_mod {
    margin-top: -.8em; }
.icon_w.search_mod {
    margin-right: .8em;
    width: 1.5em;
    height: 1.5em; }
@media screen and (max-width: 1023px) {
    .icon_w.search_mod {
        margin-right: 0;
        width: 100%;
        height: 100%; } }
.icon_w.close_mod {
    margin-right: 2em;
    width: 2.4em;
    height: 2.4em;
    cursor: pointer; }
.icon_w.menu_mod {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #1a1a1a; }
@media screen and (max-width: 1023px) {
    body.not_found_mod .icon_w.menu_mod {
        color: #fff; } }
@media screen and (max-width: 1023px) {
    body.menu_open .icon_w.menu_mod {
        color: #1a1a1a; } }
body.index_mod .icon_w.menu_open_mod {
    color: #fff; }
.icon_w.close_menu_mod {
    opacity: 0;
    pointer-events: none; }
body.menu_open .icon_w.close_menu_mod {
    opacity: 1;
    pointer-events: auto; }
body.menu_open .icon_w.menu_open_mod {
    opacity: 0;
    pointer-events: none; }

.icon.size_mod {
    display: block;
    width: 100%;
    height: 100%; }

.social_link .icon {
    fill: #1a1a1a; }

.icon.accent_mod {
    fill: #fff; }

.icon.link_mod {
    fill: transparent;
    stroke: currentColor;
    stroke-width: 2px;
    -webkit-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    transition: fill .3s ease; }
.btn_link:hover .icon.link_mod,
.btn_link:focus .icon.link_mod {
    fill: currentColor; }

@media screen and (max-width: 1023px) {
    .icon.arrow_mod {
        font-size: 1rem; }
    .slider_control_btn.beliefs_mod .icon.arrow_mod {
        font-size: 2.8rem; } }

.quick_cols {
    margin: 0 -1.6em; }

.quick_col {
    width: 50%;
    padding: 0 1.6em; }
@media screen and (max-width: 1023px) {
    .quick_col {
        width: 100%; } }

@media screen and (min-width: 1024px) {
    .quick_col_in {
        position: fixed;
        top: 12rem;
        width: calc((calc(128rem/2)) - 2rem); }
    .quick_col_in.absolute_mod {
        position: absolute;
        top: auto;
        bottom: 0; } }

@media (min-width: 1024px) and (max-width: 1280px) {
    .quick_col_in {
        width: calc(50% - 2rem); } }

.quick_img_wrap {
    position: relative;
    margin-bottom: 6.2em; }

.quick_img {
    display: block;
    width: 100%; }

.related_item {
    display: block;
    width: 100%; }
.related_item hr {
    margin-bottom: 5em;
    background: #e9e9e9;
    border: 0;
    height: 1px; }
.related_item h1, .related_item h2, .related_item h3, .related_item h4, .related_item h5, .related_item h6 {
    margin-bottom: 0.8em;
    font-size: 1.5em;
    font-weight: 900;
    color: #1a1a1a; }
.related_item a {
    font-size: 1.5em;
    text-decoration: underline;
    color: #1a1a1a; }
.related_item a:hover, .related_item a:focus {
    text-decoration: none; }
.related_item p {
    margin-bottom: .6em; }

@media screen and (max-width: 1023px) {
    .quick_descr.desktop_mod {
        display: none; } }

@media screen and (min-width: 1024px) {
    .quick_descr.mobile_mod {
        display: none; } }

@media screen and (max-width: 1023px) {
    .quick_descr.mobile_mod {
        margin-top: 6em; } }

@media screen and (max-width: 480px) {
    .quick_descr {
        margin-bottom: 0; } }

.quick_descr_title {
    margin-bottom: 0.8em;
    font-size: 1.5em;
    font-weight: 900;
    color: #1a1a1a; }
.quick_descr_title a {
    color: #1a1a1a;
    position: relative;
    display: inline-block; }
.quick_descr_title a:hover {
    text-decoration: none; }
.quick_descr_title a:before {
    position: absolute;
    left: calc(50% - 11px);
    right: 0;
    bottom: -0.4em;
    height: 2px;
    width: 22px;
    background-color: #1a1a1a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    content: ''; }
.quick_descr_title a:hover, .quick_descr_title a:focus {
    text-decoration: none; }
.quick_descr_title a:hover:before, .quick_descr_title a:focus:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left; }

.quick_descr_item {
    margin-right: 11.4em;
    padding-bottom: 4.4em; }
.quick_descr_item:last-child {
    margin-right: 0; }
@media screen and (max-width: 1200px) {
    .quick_descr_item {
        margin-right: 6.4em; } }
@media screen and (max-width: 480px) {
    .quick_descr_item {
        width: 100%; } }
.quick_descr_item:last-child {
    padding-bottom: 0; }

.quick_descr_list_item {
    margin-bottom: .6em; }
.quick_descr_list_item:last-child {
    margin-bottom: 0; }

.quick_descr_list_link {
    font-size: 1.5em;
    text-decoration: underline;
    color: #1a1a1a; }
.quick_descr_list_link:hover, .quick_descr_list_link:focus {
    text-decoration: none; }

.quick_view_pretitle {
    display: block;
    color: #1a1a1a;
    font-size: 1.8em;
    font-weight: 400; }
@media screen and (min-width: 768px) {
    .quick_view_pretitle {
        margin-bottom: 0.33333em; } }
@media screen and (max-width: 767px) {
    .quick_view_pretitle {
        margin-bottom: 1em; } }
.works_detail.accent_mod .quick_view_pretitle {
    color: #fff; }

.quick_view_title {
    color: #1a1a1a;
    font-family: "NoeDisplay", sans-serif;
    font-weight: 700;
    line-height: 1.1; }
@media screen and (min-width: 768px) {
    .quick_view_title.offset_mod {
        margin-bottom: 0.58333em; } }
@media screen and (max-width: 767px) {
    .quick_view_title.offset_mod {
        margin-bottom: 1.11111em; } }
@media screen and (min-width: 768px) {
    .quick_view_title {
        font-size: 4.8em; } }
@media screen and (max-width: 767px) {
    .quick_view_title {
        font-size: 3.6em; } }
.works_detail.accent_mod .quick_view_title {
    color: #fff; }

.quick_view_descr {
    margin-bottom: 2.83333em;
    font-size: 1.2em;
    font-weight: 900; }

.quick_view_text {
    min-height: 50em; }
.quick_view_text p {
    font-size: 1.5em;
    line-height: 1.55;
    margin-bottom: 1.46667em; }
.quick_view_text p:last-child {
    margin-bottom: 0; }

.close_btn_quickview {
    position: relative;
    display: inline-block;
    color: #1a1a1a;
    font-size: 1.2em;
    font-weight: 900;
    text-transform: uppercase; }
.works_detail.accent_mod .close_btn_quickview {
    color: #fff; }
.close_btn_quickview:before {
    position: absolute;
    left: calc(50% - 11px);
    right: 0;
    bottom: -0.4em;
    height: 2px;
    width: 22px;
    background-color: #1a1a1a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    content: ''; }
.close_btn_quickview:hover, .close_btn_quickview:focus {
    text-decoration: none; }
.close_btn_quickview:hover:before, .close_btn_quickview:focus:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left; }

.banner_wrap {
    padding-top: 8em; }
@media screen and (max-width: 1023px) {
    .banner_wrap {
        padding-top: 6em; } }

.banner {
    position: relative;
    color: #fff;
    padding: 8em 6em 6.2em; }
@media screen and (min-width: 1024px) {
    .banner {
        min-height: 32em; } }
@media screen and (max-width: 1023px) {
    .banner {
        padding: 4.8em 2rem 5.4em;
        min-height: 26em; } }
@media screen and (max-width: 767px) {
    .banner {
        height: 54em;
        font-size: calc(.4vw + .2rem); } }
.banner:hover, .banner:focus {
    text-decoration: none; }

.banner_container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 8em 6em 6.2em;
    overflow: hidden; }
@media screen and (max-width: 1023px) {
    .banner_container {
        padding: 4.8em 2rem 5.4em; } }

.banner_img_wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%; }
.banner_img_wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(14, 14, 14, 0.5); }
@media screen and (min-width: 768px) {
    .banner_img_wrap {
        height: 72em;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%); } }
@media screen and (max-width: 767px) {
    .banner_img_wrap {
        height: 100%; } }

.banner_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }

.banner_in {
    width: 50%;
    margin-left: auto;
    padding-left: 1.6em; }
@media screen and (max-width: 1023px) {
    .banner_in {
        width: 100%;
        padding-left: 0; } }

.banner_pretitle {
    margin-bottom: .8rem;
    color: #fff;
    font-size: 1.6rem; }
@media screen and (max-width: 1023px) {
    .banner_pretitle {
        margin-bottom: .6rem; } }

.banner_title {
    margin-bottom: 0.20833em;
    font-size: 4.8em;
    line-height: 1.25;
    font-family: "NoeDisplay", sans-serif;
    font-weight: 700;
    color: #fff; }
@media screen and (max-width: 1023px) {
    .banner_title {
        margin-bottom: 2.6rem;
        font-size: 2.6rem; } }

.banner_descr {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 900; }

.team_title_img {
    display: block;
    width: 100%; }

.belief_head {
    padding: 0 12em;
    margin-bottom: 6.4em; }
.belief_head.v2_mod {
    padding: 0;
    margin-bottom: 0; }
@media screen and (max-width: 1280px) {
    .belief_head {
        padding: 0; } }
@media screen and (max-width: 1023px) {
    .belief_head {
        margin-bottom: 6em; } }

.icon_list {
    padding: 0 13em; }
@media screen and (max-width: 768px) {
    .icon_list {
        padding: 0 4em; } }

.icon_item {
    width: 33.33%;
    padding: 15px;
    margin-bottom: 35px; }
.icon_item.center_mod {
    text-align: center;
    width: 33.33%; }
.icon_item.center_mod h3 {
    font-size: 2.2em;
    font-family: "NoeDisplay", sans-serif;
    margin-bottom: 15px; }
.icon_item.center_mod ul {
    text-align: center; }
.icon_item.center_mod ul li {
    display: block;
    list-style: none;
    font-size: 1.5em;
    margin: 6px 0; }
@media screen and (max-width: 1023px) {
    .icon_item.center_mod {
        width: 50%; } }
@media screen and (max-width: 768px) {
    .icon_item.center_mod {
        width: 100%; } }

.icon_img_wrap {
    max-width: 21em;
    margin: 0 auto;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }

.icon_img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top center;
    object-position: top center; }

.icon_text {
    color: #fff;
    width: 100%; }
.icon_text.black_mod {
    color: #1a1a1a; }

.belief_list {
    margin: 0 -1em -12em; }
.belief_list.v2_mod {
    margin: 0 -1em -2rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch; }
@media screen and (max-width: 767px) {
    .belief_list.v2_mod {
        margin: 0 0 -7rem; } }
@media screen and (max-width: 1023px) {
    .belief_list {
        margin-bottom: -6.4em; } }
.belief_list.align_mod {
    margin-bottom: -11rem; }
.belief_list.align_mod .belief_item {
    margin-top: 0 !important;
    padding-bottom: 11rem; }
@media screen and (max-width: 767px) {
    .belief_list .belief_item.v2_mod .belief_img_wrap {
        width: auto !important;
        max-width: 80%;
        margin: 0 auto;
        height: 30rem !important; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(1) .belief_img_wrap {
        width: 27em;
        height: 35em; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(2):not(.new_ver_mod) {
        margin-top: 10em; } }
@media screen and (max-width: 1023px) {
    .belief_list .belief_item.v2_mod:nth-child(2):not(.new_ver_mod) {
        margin-top: 4em; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(2) .belief_img_wrap {
        width: 23em;
        height: 33.6em; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(3) {
        margin-top: 3em; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(3) .belief_img_wrap {
        width: 38em;
        height: 30em; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(4) {
        margin-top: 1em; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(4) .belief_img_wrap {
        width: 19em;
        height: 30em; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(5):not(.new_ver_mod) {
        margin-top: 13em; } }
@media screen and (max-width: 1023px) {
    .belief_list .belief_item.v2_mod:nth-child(5):not(.new_ver_mod) {
        margin-top: 4em; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(5) .belief_img_wrap {
        width: 20.2em;
        height: 32.6em; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(6) {
        margin-top: 0; } }
@media screen and (min-width: 1024px) {
    .belief_list .belief_item.v2_mod:nth-child(6) .belief_img_wrap {
        width: 32.4em;
        height: 33em; } }
.belief_list .belief_item:nth-child(1) .belief_img_wrap {
    width: 15em;
    height: 19.4em; }
@media screen and (max-width: 767px) {
    .belief_list .belief_item:nth-child(1) .belief_img_wrap {
        width: 10.8em;
        height: 14em; } }
.belief_list .belief_item:nth-child(2) .belief_img_wrap {
    width: 12.8em;
    height: 18.8em; }
@media screen and (max-width: 767px) {
    .belief_list .belief_item:nth-child(2) .belief_img_wrap {
        width: 9.2em;
        height: 13.6em; } }
.belief_list .belief_item:nth-child(3) .belief_img_wrap {
    width: 21.2em;
    height: 16.8em; }
@media screen and (max-width: 767px) {
    .belief_list .belief_item:nth-child(3) .belief_img_wrap {
        width: 15.4em;
        height: 12.2em; } }
.belief_list .belief_item:nth-child(4) .belief_img_wrap {
    width: 10.6em;
    height: 16.6em; }
@media screen and (max-width: 767px) {
    .belief_list .belief_item:nth-child(4) .belief_img_wrap {
        width: 7.6em;
        height: 12.2em; } }
.belief_list .belief_item:nth-child(5) .belief_img_wrap {
    width: 18em;
    height: 18.4em; }
@media screen and (max-width: 767px) {
    .belief_list .belief_item:nth-child(5) .belief_img_wrap {
        width: 8.2em;
        height: 13.2em; } }
.belief_list .belief_item:nth-child(6) .belief_img_wrap {
    width: 18em;
    height: 18.4em; }
@media screen and (max-width: 767px) {
    .belief_list .belief_item:nth-child(6) .belief_img_wrap {
        width: 13em;
        height: 13.2em; } }

.belief_item {
    width: 33.33%;
    cursor: pointer;
    padding-bottom: 12em; }
.belief_item.v2_mod {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 2em;
    opacity: .2;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }
@media screen and (max-width: 767px) {
    .belief_item.v2_mod {
        width: 100%;
        padding-bottom: 7rem; } }
.belief_item.v2_mod:hover, .belief_item.v2_mod:focus {
    opacity: 1 !important; }
@media screen and (max-width: 1023px) {
    .belief_item {
        padding-bottom: 6.4em; } }
@media screen and (max-width: 767px) {
    .belief_item {
        width: 50%; } }
.belief_item p {
    color: #fff; }

.belief_link {
    display: block;
    margin-top: 2.6em;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center; }

.belief_img_wrap {
    max-width: calc(100% - 4em);
    margin: 0 auto;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }

.belief_img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top center;
    object-position: top center; }
@media screen and (max-width: 767px) {
    .belief_item.v2_mod .belief_img {
        width: auto;
        max-width: 100%; } }

.team_list {
    margin: 3em -3em -5em 0; }

.team_item_wrap {
    width: 25%;
    padding-right: 3em;
    padding-bottom: 5em; }
@media screen and (max-width: 1023px) {
    .team_item_wrap {
        width: 33.33%; } }
@media screen and (max-width: 767px) {
    .team_item_wrap {
        width: 50%; } }
@media screen and (max-width: 640px) {
    .team_item_wrap {
        width: 100%; } }
.team_item_wrap.v2_mod {
    margin-bottom: 4em; }
.team_item_wrap.v2_mod .team_job {
    font-size: 1.1em; }
.team_item_wrap.v2_mod p {
    font-size: 1.2em; }
.team_item_wrap.v2_mod hr {
    margin: 15px 0; }

.team_img_wrap {
    position: relative;
    display: block; }
.team_img_wrap.join_mod {
    color: #4d4d4d;
    background-color: #1a1a1a;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s; }
.team_img_wrap.join_mod:hover, .team_img_wrap.join_mod:focus {
    color: #fff; }
.team_img_wrap:after {
    content: '';
    display: block;
    padding-bottom: 120.8%; }

.team_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }

.team_content {
    margin-top: 2em;
    padding-left: 1.6em;
    -webkit-transition: height 0.6s;
    -o-transition: height 0.6s;
    transition: height 0.6s;
    position: relative; }
.text_mod .team_content {
    padding-left: 0; }
@media screen and (max-width: 640px) {
    .team_content {
        margin-top: 2.4em; } }
.team_content.closed .content {
    height: 58px;
    overflow: hidden;
    -webkit-transition: height 0.6s;
    -o-transition: height 0.6s;
    transition: height 0.6s; }
.team_content.closed .trigger_accordion {
    background: rgba(14, 14, 14, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 14, 14, 0)), color-stop(22%, rgba(14, 14, 14, 0)), color-stop(77%, #0e0e0e), color-stop(100%, #0e0e0e));
    background: -o-linear-gradient(top, rgba(14, 14, 14, 0) 0%, rgba(14, 14, 14, 0) 22%, #0e0e0e 77%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 14, 14, 0)), color-stop(22%, rgba(14, 14, 14, 0)), color-stop(77%, #0e0e0e), to(#0e0e0e));
    background: linear-gradient(to bottom, rgba(14, 14, 14, 0) 0%, rgba(14, 14, 14, 0) 22%, #0e0e0e 77%, #0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#0e0e0e', GradientType=0 ); }
.team_content.closed .trigger_accordion .rmore {
    display: block; }
.team_content.closed .trigger_accordion .closem {
    position: absolute;
    height: 0;
    display: none; }
.team_content .trigger_accordion {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff;
    left: 0;
    right: 0;
    height: 100px;
    bottom: -27px;
    font-size: 1.4em;
    font-family: "NoeDisplay", sans-serif;
    -webkit-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s; }
.team_content .trigger_accordion .rmore {
    position: absolute;
    height: 0;
    display: none; }
.team_content .trigger_accordion .closem {
    display: block; }
.team_content .trigger_accordion .rmore:hover,
.team_content .trigger_accordion .closem:hover {
    cursor: pointer; }

.team_name {
    margin-bottom: 0.25em;
    font-size: 2.4em;
    font-weight: 700;
    font-family: "NoeDisplay", sans-serif;
    color: #1a1a1a; }
@media screen and (max-width: 640px) {
    .team_name {
        margin-bottom: 0; } }
.team_name.white_mod,
body.dark_mod .team_name {
    color: #fff; }

.team_job {
    font-size: 1.5em;
    color: #1a1a1a; }
.team_job.white_mod,
body.dark_mod .team_job {
    color: #fff; }

.team_join_in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.team_join_title {
    font-size: 3.6em;
    font-weight: 700;
    font-family: "NoeDisplay", sans-serif; }

.team_join_descr {
    font-size: 1.5em; }

.new_team_decor {
    position: absolute;
    right: 0;
    bottom: 3rem;
    width: 14rem;
    height: 14rem;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: spinAnim;
    animation-name: spinAnim;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    z-index: 2; }
@media screen and (max-width: 767px) {
    .new_team_decor {
        position: static;
        margin: 5.4rem auto 0; } }

.new_team_decor_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center; }

.new_team_block {
    position: relative;
    overflow: hidden;
    z-index: 1; }
@media screen and (max-width: 1023px) {
    .new_team_block {
        margin-left: -2rem;
        margin-right: -2rem;
        padding: 0 2rem; } }

.news_team_w_title {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    white-space: nowrap; }

.news_team_images {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: -1; }

.news_team_trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.new_team_img_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .6;
    z-index: -2; }
.new_team_img_wrap.v1_mod {
    top: 2rem;
    left: 0;
    width: 41.4rem;
    height: 25.8rem; }
@media screen and (max-width: 767px) {
    .new_team_img_wrap.v1_mod {
        width: 21rem;
        height: 13rem; } }
.new_team_img_wrap.v2_mod {
    top: 0;
    left: 50%;
    width: 26rem;
    height: 33.4rem;
    margin-top: -17rem;
    margin-left: -13rem; }
@media (max-width: 1023px) and (min-width: 768px) {
    .new_team_img_wrap.v2_mod {
        margin-top: 0;
        margin-left: 6rem; } }
@media screen and (max-width: 767px) {
    .new_team_img_wrap.v2_mod {
        width: 13rem;
        height: 17rem;
        margin-top: -8.6rem;
        margin-left: 6.6rem; } }
.new_team_img_wrap.v3_mod {
    top: 11rem;
    right: 0;
    left: auto;
    width: 41.4rem;
    height: 25.8rem; }
@media (max-width: 1023px) and (min-width: 768px) {
    .new_team_img_wrap.v3_mod {
        top: 0;
        width: 30rem;
        height: 16rem; } }
@media screen and (max-width: 767px) {
    .new_team_img_wrap.v3_mod {
        top: 22rem;
        width: 20rem;
        height: 12rem; } }
.new_team_img_wrap.v4_mod {
    width: 36.8rem;
    height: 21.4rem;
    margin-left: -46rem;
    margin-top: -4rem; }
@media screen and (max-width: 767px) {
    .new_team_img_wrap.v4_mod {
        width: 18rem;
        height: 10rem;
        margin-left: -23rem; } }
.new_team_img_wrap.v5_mod {
    width: 48.6rem;
    height: 30.2rem;
    margin-top: 7rem;
    margin-left: 4rem; }
@media screen and (max-width: 767px) {
    .new_team_img_wrap.v5_mod {
        width: 24rem;
        height: 15rem; } }
.new_team_img_wrap.v6_mod {
    width: 29.6rem;
    height: 22rem;
    margin-top: 20rem;
    margin-left: -60rem; }
@media screen and (max-width: 767px) {
    .new_team_img_wrap.v6_mod {
        width: 15rem;
        height: 11rem;
        margin-top: 10rem;
        margin-left: -20rem; } }

.new_team_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center; }

.news_team_title {
    width: 100%;
    font-size: 12rem;
    font-family: "NoeDisplay", sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    z-index: -1; }
@media screen and (max-width: 767px) {
    .news_team_title {
        font-size: 6em; } }
@media screen and (max-width: 480px) {
    .news_team_title {
        font-size: 5.8em; } }

.new_team_preview_wrap {
    overflow: hidden;
    margin: 0 auto 20rem; }
@media screen and (max-width: 1023px) {
    .new_team_preview_wrap {
        margin-left: -2rem;
        margin-right: -2rem; } }

.new_team_preview {
    position: relative;
    max-width: 100%;
    width: 106rem;
    height: 27rem;
    margin: 0 auto; }

.new_team_preview_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }

.new_team_preview_text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.new_team_preview_text:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7rem;
    height: 7rem;
    margin-top: -3.5rem;
    margin-left: -3.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: .5; }

.new_team_item {
    margin-right: -2rem;
    margin-bottom: 3rem; }
.new_team_item:last-child {
    margin-bottom: 0; }
@media screen and (max-width: 1023px) {
    .new_team_item {
        margin-right: -1rem;
        margin-bottom: 2rem; } }

.new_team_col {
    padding-right: 2rem;
    color: #fff; }
@media screen and (max-width: 1023px) {
    .new_team_col {
        padding-right: 1rem; } }
.new_team_col.job_mod {
    width: 46%;
    font-size: 1.8rem;
    text-align: right; }
@media screen and (max-width: 1023px) {
    .new_team_col.job_mod {
        width: 50%;
        font-size: 1.3em; } }
@media screen and (max-width: 480px) {
    .new_team_col.job_mod {
        width: 100%; } }
.new_team_col.name_mod {
    width: 54%;
    font-size: 3.6rem;
    font-family: "NoeDisplay", sans-serif;
    font-weight: 700; }
@media screen and (max-width: 1023px) {
    .new_team_col.name_mod {
        width: 50%;
        font-size: 2.6em; } }
@media screen and (max-width: 767px) {
    .new_team_col.name_mod {
        font-size: 2em; } }
@media screen and (max-width: 480px) {
    .new_team_col.name_mod {
        width: 100%; } }

.hiring_list {
    margin-right: -3em;
    margin-bottom: -3em; }
@media screen and (max-width: 480px) {
    .hiring_list {
        margin-bottom: -6em; } }

.hiring_item_wrap {
    width: 25%;
    padding-right: 3em;
    padding-bottom: 3em; }
@media screen and (max-width: 768px) {
    .hiring_item_wrap {
        width: 50%; } }
@media screen and (max-width: 480px) {
    .hiring_item_wrap {
        width: 100%;
        padding-bottom: 6em; } }

.hiring_img_wrap {
    position: relative;
    width: 100%; }
.hiring_img_wrap:after {
    content: '';
    display: block;
    padding-bottom: 134.7%; }

.hiring_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }

.hiring_btn_wrap {
    margin-top: 3em; }
.hiring_btn_wrap.offset_mod {
    position: relative;
    margin-top: 8em; }
@media screen and (max-width: 1023px) {
    .hiring_btn_wrap.offset_mod {
        padding-top: 3em; }
    .hiring_btn_wrap.offset_mod:after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        height: 1px;
        width: 10em;
        margin-left: -5em;
        background-color: rgba(77, 77, 77, 0.2); } }
@media screen and (max-width: 1023px) {
    .hiring_btn_wrap {
        margin-top: 2.2em; } }

.team_item.white_mod p {
    color: #fff; }

.control_block_w {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 2.4em;
    margin-bottom: 4.8em;
    border-bottom: 1px solid rgba(77, 77, 77, 0.1); }
@media screen and (max-width: 767px) {
    .control_block_w {
        margin-bottom: 3.8em; } }

.control_w_list {
    height: 2.4em;
    width: 100%;
    font-size: 1rem; }
.control_w_list.disabled_state {
    opacity: 0;
    pointer-events: none; }
.control_w_list.position_mod {
    position: fixed;
    top: 8rem;
    z-index: 90;
    padding: 0 2rem;
    opacity: 0;
    pointer-events: none; }
.control_w_list.position_mod:before {
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    background: rgba(255, 255, 255, 0.9);
    pointer-events: auto; }
@media screen and (min-width: 1281px) {
    .control_w_list.position_mod {
        max-width: 128rem;
        width: 100%;
        margin-left: calc(-128rem / 2);
        left: 50%; } }
@media screen and (max-width: 1280px) {
    .control_w_list.position_mod {
        left: 2rem;
        right: 2rem;
        width: auto; } }
@media screen and (max-width: 767px) {
    .control_w_list.position_mod {
        padding-left: 4.4rem; } }
.control_w_list.active_state {
    opacity: 1;
    pointer-events: auto; }
@media screen and (max-width: 767px) {
    .control_w_list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }

.control_list {
    margin: 0 auto;
    padding: 0;
    list-style: none; }

.control_list_item {
    padding: 0 3.4em .4em; }
@media screen and (max-width: 1023px) {
    .control_list_item {
        padding: 0 1.4em .4em; } }
.control_w_list.open_mod .control_list_item {
    pointer-events: none; }

.control_list_item_title {
    position: relative;
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
    cursor: pointer; }
.control_list_item_title:before {
    position: absolute;
    left: calc(50% - 11px);
    bottom: -0.4em;
    content: '';
    width: 22px;
    height: 2px;
    opacity: 0;
    background-color: #1a1a1a; }
.control_list_item_title.active_mod:before {
    opacity: 1; }
.control_w_list.open_mod .control_list_item_title:before {
    opacity: 0; }

.search_block {
    z-index: 10;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 4.8em 0 0;
    background-color: white;
    opacity: 0;
    pointer-events: none; }
.control_w_list.open_mod .search_block {
    opacity: 1;
    pointer-events: auto; }
.control_w_list.position_mod .search_block {
    height: calc(100vh - 8rem - 2.4em); }
.control_w_list.open_mod.position_mod .search_block {
    opacity: 0;
    pointer-events: none; }
.control_w_list.open_mod.active_state .search_block {
    opacity: 1;
    pointer-events: auto; }
.control_w_list.fixed_mod .search_block {
    opacity: 1;
    pointer-events: auto; }
.control_w_list.position_mod .search_block {
    top: 100%; }
@media screen and (max-width: 1023px) {
    .search_block {
        padding: 1.2em 2em;
        background-color: #fff; } }

.search_block_btn_w {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 7.2em;
    height: 2.6em;
    cursor: pointer; }
@media screen and (max-width: 1023px) {
    .search_block_btn_w {
        bottom: .6em;
        width: 1.6em;
        height: 1.6em; } }

.search_block_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.search_block_btn.close_mod {
    opacity: 0;
    pointer-events: none; }
.control_w_list.open_mod .search_block_btn.close_mod {
    opacity: 1;
    pointer-events: auto; }
@media screen and (max-width: 1023px) {
    .control_w_list.open_mod .search_block_btn.close_mod:before {
        position: absolute;
        left: calc(50% - 11px);
        bottom: -0.66667em;
        content: '';
        width: 22px;
        height: 2px;
        background-color: #1a1a1a; } }
.control_w_list.open_mod .search_block_btn.open_mod {
    opacity: 0;
    pointer-events: none; }

.search_block_btn_title {
    margin-left: auto;
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 400; }
.search_block_btn.close_mod .search_block_btn_title {
    position: relative; }
.search_block_btn.close_mod .search_block_btn_title:before {
    position: absolute;
    left: calc(50% - 11px);
    bottom: -4px;
    content: '';
    width: 22px;
    height: 2px;
    background-color: #1a1a1a; }
@media screen and (max-width: 1023px) {
    .search_block_btn_title {
        display: none; } }

.back_btn_w {
    margin-bottom: 2em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }

.back_btn_title {
    color: #1a1a1a;
    font-family: "NoeDisplay", sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.4rem; }

.works_list_w {
    width: 100%; }

.works_list {
    margin: 0 -2.8em -5.8em 0;
    padding: 0;
    list-style: none; }
.works_list.bottom_title_mod {
    margin-bottom: -1.6em; }
@media screen and (max-width: 1023px) {
    .works_list {
        margin-bottom: -2.8em; } }

.works_item {
    width: 25%;
    padding: 0 2.8em 5.8em 0; }
.works_list.bottom_title_mod .works_item {
    padding-bottom: 1.6em; }
@media screen and (max-width: 1023px) {
    .works_item {
        width: 33.33%;
        padding-bottom: 2.8em; } }
@media screen and (max-width: 768px) {
    .works_item {
        width: 50%; } }
@media screen and (max-width: 767px) {
    .works_item {
        width: 100%; } }
.works_item.work_nores {
    width: 100%;
    text-align: center;
    font-size: 2.4em;
    font-family: "NoeDisplay", sans-serif; }

.works_item_in {
    width: 100%;
    text-decoration: none; }
.works_item_in:hover, .works_item_in:active, .works_item_in:focus {
    text-decoration: none; }

.works_item_title_w {
    width: 100%;
    max-height: 3.2em;
    overflow: hidden; }
.works_list.bottom_title_mod .works_item_title_w {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 1em;
    max-height: none;
    height: 60px; }

.works_item_title {
    color: #1a1a1a;
    font-family: "NoeDisplay", sans-serif;
    font-size: 2.4em;
    font-weight: 700;
    letter-spacing: -.01rem; }
.works_item_title span.label_mod_sz {
    font-family: "BlossomPro", sans-serif;
    font-weight: 700;
    position: relative;
    display: block; }
.works_item_title span.label_mod_sh {
    font-weight: 400;
    position: relative;
    display: none; }
@media screen and (max-width: 1023px) {
    .works_item_title span.label_mod_sh {
        display: block; } }
.works_list.bottom_title_mod .works_item_title {
    color: #1a1a1a;
    font-size: 1.45em;
    font-family: "BlossomPro", sans-serif;
    font-weight: 900; }
.works_item_in:hover .works_item_title,
.works_item_in:focus .works_item_title {
    font-weight: 400; }
.works_item_in:hover .works_item_title span.label_mod_sz,
.works_item_in:focus .works_item_title span.label_mod_sz {
    display: none; }
@media screen and (max-width: 1023px) {
    .works_item_in:hover .works_item_title span.label_mod_sz,
    .works_item_in:focus .works_item_title span.label_mod_sz {
        position: relative;
        display: block; } }
.works_item_in:hover .works_item_title span.label_mod_sh,
.works_item_in:focus .works_item_title span.label_mod_sh {
    display: block; }

.works_item_img_w {
    width: 100%;
    height: 20em;
    overflow: hidden; }
.works_list.bottom_title_mod .works_item_img_w {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
@media screen and (max-width: 1023px) {
    .works_item_img_w {
        height: 22.6em; } }
.works_item_img_w:hover .works_item_img.notvisible_mod {
    position: absolute;
    visibility: hidden; }
.works_item_img_w:hover .works_item_img.visible_mod {
    position: relative;
    visibility: visible; }

.works_item_img_w2 {
    width: 100%;
    display: block;
    height: 20em;
    position: relative;
    overflow: hidden;
    z-index: 1; }

.works_item_img2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #e3e4e5;
    display: block;
    visibility: hidden;
    background-size: cover;
    background-position: center;
    max-width: 100%; }

.works_item_img2:first-child {
    visibility: visible; }

.works_item_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    will-change: transform; }
.works_item_img.no_video {
    display: none; }
@media screen and (max-width: 767px) {
    .works_item_img.video_feature {
        display: none; }
    .works_item_img.no_video {
        display: block; } }
.works_item_in:hover .works_item_img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
.works_item_img.cycle_item {
    display: none; }
.works_item_img.cycle_item.active {
    display: block; }

.works_block {
    position: relative; }

.works_block_title {
    display: none;
    margin-bottom: 1em;
    color: #1a1a1a;
    font-family: "NoeDisplay", sans-serif;
    font-size: 2.4em;
    font-weight: 700; }

.works_loader {
    text-align: center;
    margin: 0 auto;
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

.loadmorebtn {
    display: none; }

.work_shuffle {
    position: relative;
    width: 100%; }

.link_bg {
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    padding: 50px; }
.link_bg .works_detail_info a {
    color: #fff;
    position: relative;
    display: inline-block; }
.link_bg .works_detail_info a:before {
    position: absolute;
    left: calc(50% - 11px);
    right: 0;
    bottom: -0.4em;
    height: 2px;
    width: 22px;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    content: ''; }
.link_bg .works_detail_info a:hover, .link_bg .works_detail_info a:focus {
    text-decoration: none; }
.link_bg .works_detail_info a:hover:before, .link_bg .works_detail_info a:focus:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left; }

@media screen and (min-width: 1024px) {
    .contacts_row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-right: -3em;
        margin-bottom: 2.8em; } }

@media screen and (max-width: 1023px) {
    .contacts_row {
        margin-bottom: 2em; } }

@media screen and (min-width: 1024px) {
    .contacts_col {
        width: 50%;
        padding-right: 3em; } }

@media screen and (max-width: 1023px) {
    .contacts_col {
        padding-bottom: 6.6em; }
    .contacts_col:last-of-type {
        padding-bottom: 0; } }

@media screen and (min-width: 1024px) {
    .contacts_col_w_img {
        height: 73em; } }

.contacts_col_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.contacts_w_info {
    position: relative;
    border-bottom: 1px solid rgba(77, 77, 77, 0.2); }
@media screen and (min-width: 1200px) {
    .contacts_w_info {
        padding-left: 11em; } }
@media screen and (min-width: 1024px) {
    .contacts_w_info {
        padding-bottom: 8em;
        margin-bottom: 7.6em; }
    .contacts_w_info:before {
        position: absolute;
        top: 1em;
        left: 0;
        width: 8rem;
        height: 2px;
        background-color: #1a1a1a;
        content: ''; } }
@media (min-width: 1024px) and (max-width: 1199px) {
    .contacts_w_info {
        padding-left: 10em; } }
@media screen and (max-width: 1023px) {
    .contacts_w_info {
        padding-bottom: 4em;
        margin-bottom: 4em; } }

.contacts_w_list {
    margin-bottom: 6.2em; }

@media screen and (min-width: 768px) {
    .contacts_list {
        margin-right: -4em;
        margin-bottom: -2em; } }

@media screen and (max-width: 767px) {
    .contacts_list {
        display: block; } }

@media screen and (min-width: 768px) {
    .contacts_list_item {
        width: 50%;
        padding-right: 4em;
        padding-bottom: 2em; } }

@media screen and (min-width: 1200px) {
    .contacts_list_item:nth-child(2) {
        padding-left: 5em; } }

@media screen and (max-width: 767px) {
    .contacts_list_item {
        padding-bottom: 6em; }
    .contacts_list_item:last-of-type {
        padding-bottom: 0; } }

.contacts_list_title {
    display: block;
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: -0.02rem;
    line-height: 1.5; }
@media screen and (min-width: 768px) {
    .contacts_list_title.offset_mod {
        margin-bottom: 2em; } }
@media screen and (max-width: 767px) {
    .contacts_list_title.offset_mod {
        margin-bottom: 1.33333em; } }

a.contacts_list_title {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
a.contacts_list_title:hover, a.contacts_list_title:focus {
    text-decoration: none;
    opacity: .2; }

@media screen and (min-width: 768px) {
    .contacts_gallery {
        display: grid;
        display: -ms-grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 3em;
        -ms-grid-columns: 1fr 1fr 1fr 1fr; } }

@media screen and (min-width: 1024px) {
    .contacts_gallery {
        grid-template-rows: repeat(3, 35em);
        -ms-grid-rows: 35em 35em 35em; } }

@media (min-width: 768px) and (max-width: 1023px) {
    .contacts_gallery {
        -ms-grid-rows: 26em 26em 26em;
        grid-template-rows: repeat(3, 26em); } }

@supports (display: -ms-grid) {
    .contacts_gallery {
        margin-right: -3em;
        margin-bottom: -3em; } }

@supports (display: -ms-grid) {
    .contacts_gallery_col {
        padding-right: 3em;
        padding-bottom: 3em; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:first-child {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(2) {
        grid-column: 3 / 5;
        grid-row: 1 / 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(3) {
        grid-column: 1 / 3;
        grid-row: 2 / 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(4) {
        grid-column: 3 / 5;
        grid-row: 2 / 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(5) {
        grid-column: 3 / 5;
        grid-row: 3 / 4;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(6) {
        grid-row-start: 4;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: 3; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(7) {
        grid-row-start: 5;
        grid-row-end: 6;
        grid-column-start: 1;
        grid-column-end: 3; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(8) {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 6; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(9) {
        grid-row: 6/8;
        grid-column: 1/3; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(10) {
        grid-column: 3/5; } }

@media screen and (min-width: 768px) {
    .contacts_gallery_col:nth-child(11) {
        grid-column: 3/5; } }

@media screen and (max-width: 767px) {
    .contacts_gallery_col {
        margin-bottom: 2em; }
    .contacts_gallery_col:last-of-type {
        margin-bottom: 0; }
    .contacts_gallery_col.text_mod {
        min-height: 19.6em; } }

.contacts_gallery_col_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.contacts_gallery_col_block {
    max-width: 27.06667em;
    width: 100%;
    margin: 0 auto;
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: .02rem;
    line-height: 1.56;
    text-align: justify; }
@media screen and (max-width: 767px) {
    .contacts_gallery_col_block {
        letter-spacing: -.006rem; } }

#load_circle {
    fill: none;
    stroke: #8a3ab8;
    stroke-width: 3px;
    stroke-dasharray: 1;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: loading 2s ease-in-out infinite alternate;
    animation: loading 2s ease-in-out infinite alternate; }

@-webkit-keyframes loading {
    100% {
        stroke-dasharray: 10; } }

@keyframes loading {
    100% {
        stroke-dasharray: 10; } }

.news_info {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
.news_info:hover, .news_info:focus {
    text-decoration: none;
    opacity: .7; }
@media screen and (min-width: 768px) {
    .news_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
@media screen and (max-width: 767px) {
    .news_info {
        display: block;
        text-align: center; } }

.news_info_w_img {
    position: relative;
    width: 7em;
    height: 7em;
    overflow: hidden;
    border-radius: 50%; }
@media screen and (min-width: 768px) {
    .news_info_w_img {
        margin-top: 2em; } }
@media screen and (max-width: 767px) {
    .news_info_w_img {
        margin: 0 auto 1.4em; } }

.news_info_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.news_info_img.contacts_mod {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6em;
    height: 6em;
    margin: -3em 0 0 -3em; }

@media screen and (min-width: 768px) {
    .news_info_w_descr {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 6.8em;
        flex: 1 1 6.8em;
        padding-left: 3.6em;
        margin-top: 2em; } }

.news_info_title {
    color: #1a1a1a;
    font-family: "NoeDisplay", sans-serif;
    font-size: 3.6em;
    font-weight: 700; }
.news_info_title.offset_mod {
    margin-bottom: 0.61111em; }
@media screen and (max-width: 767px) {
    .news_info_title {
        font-size: 2.4em; } }

.news_info_descr {
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 400; }

.not_found {
    position: relative; }
@media screen and (min-width: 1024px) {
    .not_found {
        height: 72em;
        padding: 2rem; } }
@media screen and (max-width: 1023px) {
    .not_found {
        height: 100vh;
        padding: 10em 2rem; } }

.not_found_w_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%; }

.not_found_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.not_found_in {
    width: 100%;
    text-align: center; }
@media screen and (max-width: 1023px) {
    .not_found_in {
        margin-top: -8em; } }

.not_found_w_subtitle {
    margin-bottom: 1.6em; }
@media screen and (max-width: 1023px) {
    .not_found_w_subtitle {
        margin-bottom: 2.6em; } }

.not_found_subtitle {
    margin-right: -5rem;
    color: #fff;
    font-size: 1.8em;
    letter-spacing: 5rem; }

.popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 120;
    width: 100%;
    height: 100vh;
    font-size: 1rem;
    overflow: hidden;
    background-color: #fff;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
body.dark_mod .popup {
    background-color: #000; }
.popup.active_state {
    pointer-events: auto;
    opacity: 1; }
.popup.black_mod {
    background: #000; }

.popup_close {
    position: absolute;
    width: 3em;
    height: 3em;
    cursor: pointer;
    z-index: 3; }
.popup_close.bg_mod:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 5rem;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1; }
body.dark_mod .popup_close {
    color: #fff; }
@media screen and (min-width: 1024px) {
    .popup_close {
        top: 3rem;
        right: 8em; } }
@media screen and (max-width: 1023px) {
    .popup_close {
        top: 2.4em;
        right: 3em; } }

.popup_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 7em 0; }
.popup_in.img_mod {
    padding: 0; }

.video_block {
    margin: auto; }
@media screen and (min-width: 1024px) {
    .video_block {
        max-width: 106em;
        width: 100%;
        height: 60em; }
    .popup .video_block {
        max-width: 100%;
        height: auto; } }
@media screen and (max-width: 767px) {
    body.wonder_mod .video_block {
        width: 85%; } }
.video_block.wide_mod {
    width: 100%; }

.video_block_in {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.popup_img_block {
    width: 100%;
    height: 100%;
    padding: 0 2rem; }

.popup_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center; }

.beliefs_popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 120;
    width: 100%;
    height: 100%;
    padding: 7.4em 2em 9.4em;
    font-size: 1rem;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    overflow: hidden; }
.beliefs_popup.active_state {
    opacity: 1;
    pointer-events: auto; }

.beliefs_popup_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
    overflow-y: auto; }

.beliefs_popup_close {
    position: absolute;
    width: 3em;
    height: 3em;
    z-index: 2;
    cursor: pointer; }
@media screen and (min-width: 1024px) {
    .beliefs_popup_close {
        bottom: 3em;
        left: 50%;
        margin-left: -1.5em; } }
@media screen and (max-width: 1023px) {
    .beliefs_popup_close {
        top: auto;
        bottom: 2.2rem;
        left: 50%;
        margin-left: -1.5em; } }

.beliefs_slider_item_cols {
    margin-right: -4rem; }
@media screen and (max-width: 767px) {
    .beliefs_slider_item_cols {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.beliefs_slider_item_col {
    position: relative;
    width: 50%;
    padding: 4.2rem 4rem 4.2rem 0; }
@media screen and (min-width: 768px) {
    .beliefs_slider_item_col:first-child {
        padding-left: 2.8rem; } }
@media screen and (max-width: 767px) {
    .beliefs_slider_item_col:first-child {
        margin-bottom: 3rem; } }
@media screen and (max-width: 767px) {
    .beliefs_slider_item_col {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0; } }

.beliefs_popup_w_slider {
    position: relative;
    max-width: 111.4em;
    width: 100%;
    margin: auto; }

.beliefs_slider .slick-list {
    overflow: visible; }

.beliefs_slider_item {
    position: relative; }

.beliefs_slider_item_w_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 31.8em;
    width: 100%;
    height: 100%;
    height: 50em;
    opacity: .05; }

.beliefs_slider_item_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.beliefs_slider_content {
    max-width: 43rem; }

.beliefs_slider_item_descr {
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: -.01rem;
    line-height: 1.5;
    text-align: justify; }
@media screen and (min-width: 1024px) {
    .beliefs_slider_item_descr p {
        margin-bottom: 1.73333em; } }
@media screen and (max-width: 1023px) {
    .beliefs_slider_item_descr p {
        margin-bottom: 1.46667em; } }
.beliefs_slider_item_descr p:last-of-type {
    margin-bottom: 0; }
@media screen and (max-width: 1023px) {
    .beliefs_slider_item_descr {
        line-height: 1.56; } }

.beliefs_slider_video_wrap {
    position: relative;
    overflow: hidden; }
@media screen and (max-width: 767px) {
    .beliefs_slider_video_wrap {
        max-width: 30rem;
        margin: 0 auto; } }
.beliefs_slider_video_wrap .plyr {
    opacity: .3;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }
.beliefs_slider_video_wrap.active_mod .plyr {
    opacity: 1; }

.beliefs_slider_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    cursor: pointer; }

.beliefs_play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14rem;
    height: 14rem;
    margin-top: -7rem;
    margin-left: -7rem;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }
.beliefs_slider_video_wrap.active_mod .beliefs_play {
    opacity: 0; }

.works_detail {
    position: relative;
    z-index: 10;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
@media screen and (min-width: 1024px) {
    .works_detail {
        width: 50%;
        margin-left: auto;
        padding-left: 1.6em;
        margin-bottom: 6.4em; } }
@media screen and (max-width: 1023px) {
    .works_detail {
        margin-bottom: 6.6em; } }
.works_detail.full_mod {
    width: 100%; }
.works_detail.center_mod {
    text-align: center; }

.works_detail_title {
    color: #1a1a1a;
    font-family: "NoeDisplay", sans-serif;
    font-weight: 700;
    line-height: 1.1; }
@media screen and (min-width: 768px) {
    .works_detail_title.offset_mod {
        margin-bottom: 0.58333em; } }
@media screen and (max-width: 767px) {
    .works_detail_title.offset_mod {
        margin-bottom: 1.11111em; } }
@media screen and (min-width: 768px) {
    .works_detail_title {
        font-size: 4.8em; } }
@media screen and (max-width: 767px) {
    .works_detail_title {
        font-size: 3.6em; } }
.works_detail.accent_mod .works_detail_title {
    color: #fff; }

.works_detail_subtitle {
    display: block;
    color: #1a1a1a;
    font-size: 1.8em;
    font-weight: 400; }
@media screen and (min-width: 768px) {
    .works_detail_subtitle {
        margin-bottom: 0.33333em; } }
@media screen and (max-width: 767px) {
    .works_detail_subtitle {
        margin-bottom: 1em; } }
.works_detail.accent_mod .works_detail_subtitle {
    color: #fff; }

.works_detail_descr {
    display: block;
    margin-bottom: 1.6em;
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: -.01rem;
    line-height: 1.56; }
@media screen and (max-width: 1023px) {
    .works_detail_descr {
        margin-bottom: 2.93333em;
        letter-spacing: -.02rem; } }
.works_detail.accent_mod .works_detail_descr {
    color: #fff; }

.works_detail_doing {
    display: block;
    margin-bottom: 3em;
    color: #1a1a1a;
    font-size: 1.2em;
    font-weight: 900;
    letter-spacing: .01rem; }
.works_detail.accent_mod .works_detail_doing {
    color: #fff; }

.works_details_w_slider {
    position: relative; }
@media screen and (min-width: 1024px) {
    .works_details_w_slider.offset_mod {
        margin-bottom: 3em; } }
@media screen and (max-width: 1023px) {
    .works_details_w_slider.offset_mod {
        margin-bottom: 4em; } }

.btn_more {
    position: relative;
    display: inline-block;
    color: #1a1a1a;
    font-size: 1.2em;
    font-weight: 900;
    text-transform: uppercase; }
.works_detail.accent_mod .btn_more {
    color: #fff; }
.btn_more:before {
    position: absolute;
    left: calc(50% - 11px);
    right: 0;
    bottom: -0.4em;
    height: 2px;
    width: 22px;
    background-color: #1a1a1a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    content: ''; }
.btn_more:hover, .btn_more:focus {
    text-decoration: none; }
.btn_more:hover:before, .btn_more:focus:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left; }

.works_detail_w_img {
    position: relative;
    overflow: hidden;
    max-width: 130em;
    height: auto;
    width: 100%;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
@media (min-width: 768px) and (max-width: 1023px) {
    .works_detail_w_img {
        font-size: calc(.6vw + .2rem); } }
@media screen and (max-width: 767px) {
    .works_detail_w_img {
        font-size: calc(.4vw + .2rem); } }
@media screen and (min-width: 1024px) {
    .works_detail_w_img.offset_mod {
        margin-bottom: 3rem; } }
@media screen and (max-width: 1023px) {
    .works_detail_w_img.offset_mod {
        margin-bottom: 2rem; } }
@media screen and (min-width: 1024px) {
    .works_detail_w_img.offset_v1_mod {
        margin-bottom: 8.6rem; } }
@media screen and (max-width: 1023px) {
    .works_detail_w_img.offset_v1_mod {
        margin-bottom: 4.8rem; } }
@media screen and (min-width: 1024px) {
    .works_detail_w_img.sm_mod {
        max-width: 44.8em;
        height: 35em; } }
@media screen and (max-width: 1023px) {
    .works_detail_w_img.sm_mod {
        height: auto;
        font-size: 1rem; } }
@media (min-width: 768px) and (max-width: 1023px) {
    .works_detail_w_img.sm_mod {
        max-width: 36.6em; } }
@media screen and (max-width: 767px) {
    .works_detail_w_img.sm_mod {
        max-width: 24.2em; } }
.works_detail_w_img.full_width_mod {
    max-width: 100%; }
.works_detail_w_img.sm_full_mod {
    max-width: 100%; }
@media screen and (min-width: 1024px) {
    .works_detail_w_img.sm_full_mod {
        height: 35.2em; } }
@media screen and (max-width: 1023px) {
    .works_detail_w_img.sm_full_mod {
        height: auto;
        font-size: 1rem; } }
.works_detail_w_img.center_level_mod {
    margin: 0 auto; }
.works_detail_w_img.bg_mod {
    background-color: #fafafa; }
.works_detail_w_img.center_lvl_mod_1 {
    padding: 4rem; }
@media screen and (max-width: 767px) {
    .works_detail_w_img.center_lvl_mod_1 {
        padding: 2rem 3.6rem; } }

.works_detail_img_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #0E0E0E;
    opacity: .5; }
.works_detail_img_overlay.full_o_mod {
    opacity: 0 !important; }

.works_detail_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

@media screen and (min-width: 1024px) {
    .works_detail_img_col.offset_mod {
        margin-bottom: 3em; } }

@media screen and (max-width: 1023px) {
    .works_detail_img_col.offset_mod {
        margin-bottom: 2em; } }

@media screen and (min-width: 1024px) {
    .works_detail_img_col.offset_v1_mod {
        margin-bottom: 8.6em; } }

@media screen and (max-width: 1023px) {
    .works_detail_img_col.offset_v1_mod {
        margin-bottom: 2em; } }

@media screen and (max-width: 767px) {
    .works_detail_img_col.mobile_column_mod {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }

@media screen and (min-width: 1024px) {
    .works_detail_img_col {
        margin-right: -3em; } }

@media screen and (max-width: 1023px) {
    .works_detail_img_col {
        margin-right: -1em; } }

.works_detail_img_col_in {
    width: 50%;
    padding-right: 3em; }
@media screen and (max-width: 1023px) {
    .works_detail_img_col.mobile_column_mod .works_detail_img_col_in {
        width: 100%;
        padding-bottom: 2em; }
    .works_detail_img_col.mobile_column_mod .works_detail_img_col_in:last-of-type {
        padding-bottom: 0; } }
@media screen and (max-width: 1023px) {
    .works_detail_img_col_in {
        padding-right: 1em; } }
.works_detail_img_col_in.three_mod {
    width: 33.333%; }

.works_detail_info {
    max-width: 84.4em;
    width: 100%;
    margin: 0 auto; }
@media screen and (min-width: 1024px) {
    .works_detail_info.offset_mod {
        margin-bottom: 9.4em;
        margin-top: 9.4em; } }
@media screen and (max-width: 1023px) {
    .works_detail_info.offset_mod {
        margin-bottom: 4.6em;
        margin-top: 4.6em; } }
.works_detail_info h1, .works_detail_info h2, .works_detail_info h3, .works_detail_info h4, .works_detail_info h5, .works_detail_info h6, .works_detail_info p, .works_detail_info a {
    color: #1a1a1a;
    font-family: "NoeDisplay", sans-serif;
    font-size: 3.6em;
    font-weight: 700; }
@media screen and (max-width: 767px) {
    .works_detail_info h1, .works_detail_info h2, .works_detail_info h3, .works_detail_info h4, .works_detail_info h5, .works_detail_info h6, .works_detail_info p, .works_detail_info a {
        font-size: 2.4em;
        line-height: 1.42; } }

.works_detail_info_title {
    color: #1a1a1a;
    font-family: "NoeDisplay", sans-serif;
    font-size: 3.6em;
    font-weight: 700; }
@media screen and (max-width: 767px) {
    .works_detail_info_title {
        font-size: 2.4em;
        line-height: 1.42; } }

.works_screen_block {
    position: relative;
    max-width: 100em;
    width: 100%;
    height: 57.6em;
    padding: 3.6em;
    margin: auto;
    -webkit-box-shadow: 0 0 1.4em rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 1.4em rgba(0, 0, 0, 0.25);
    border-radius: 2.8em;
    background-color: #0e0e0e;
    overflow: hidden; }
.works_screen_block:before {
    position: absolute;
    top: 0;
    right: -18em;
    width: 60.2em;
    height: 57.6em;
    border-radius: 0 2.8em 2.8em 0;
    background-image: -o-linear-gradient(47deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background-image: linear-gradient(43deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    opacity: .1;
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    pointer-events: none;
    content: ''; }
@media (min-width: 768px) and (max-width: 1023px) {
    .works_screen_block {
        font-size: .6rem; } }
@media screen and (max-width: 767px) {
    .works_screen_block {
        font-size: .26rem; } }

.works_screen_block_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.divider_item {
    margin: 4em 0; }
.divider_item hr {
    background: rgba(77, 77, 77, 0.2);
    border: 0;
    height: 1px; }

.anim_elem,
.anim_el_v1 {
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s ease-out, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: opacity 0.6s ease-out, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s ease-out, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s ease-out, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: transform; }

.anim_elem {
    -webkit-transform: translateY(3rem);
    -ms-transform: translateY(3rem);
    transform: translateY(3rem); }
.anim_elem.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.anim_el_v1 {
    -webkit-transform: translateY(6rem);
    -ms-transform: translateY(6rem);
    transform: translateY(6rem); }
.anim_el_v1:nth-of-type(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
.anim_el_v1:nth-of-type(2) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.anim_el_v1:nth-of-type(3) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
.anim_el_v1:nth-of-type(4) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.anim_el_v1:nth-of-type(5) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
.anim_el_v1:nth-of-type(6) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.anim_el_v1:nth-of-type(7) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
.anim_el_v1:nth-of-type(8) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.anim_el_v1:nth-of-type(9) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
.anim_el_v1:nth-of-type(10) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.anim_el_v1:nth-of-type(11) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
.anim_el_v1:nth-of-type(12) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.anim_el_v1:nth-of-type(13) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
.anim_el_v1:nth-of-type(14) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.anim_el_v1:nth-of-type(15) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
.anim_el_v1:nth-of-type(16) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.anim_el_v1:nth-of-type(17) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
.anim_el_v1:nth-of-type(18) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.anim_el_v1:nth-of-type(19) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
.anim_el_v1:nth-of-type(20) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.anim_el_v1:nth-of-type(21) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
.anim_el_v1:nth-of-type(22) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.anim_el_v1:nth-of-type(23) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
.anim_el_v1:nth-of-type(24) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.anim_el_v1:nth-of-type(25) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
.anim_el_v1:nth-of-type(26) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.anim_el_v1:nth-of-type(27) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
.anim_el_v1:nth-of-type(28) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.anim_el_v1:nth-of-type(29) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
.anim_el_v1:nth-of-type(30) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.anim_el_v1:nth-of-type(31) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
.anim_el_v1:nth-of-type(32) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.anim_el_v1:nth-of-type(33) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
.anim_el_v1:nth-of-type(34) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.anim_el_v1:nth-of-type(35) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
.anim_el_v1.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.rebels_slider {
    position: relative;
    height: 77.8rem;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
.rebels_slider .slick-list,
.rebels_slider .slick-track {
    height: 100%; }
.rebels_slider .slick-track {
    position: absolute !important;
    width: 100% !important;
    top: 0;
    left: 0;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important; }

.rebels_slider_item {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding: 0;
    float: none !important;
    background-color: transparent; }

.rebels_block {
    position: relative; }

.rebels_block_number {
    color: #fff;
    font-family: "SHIRENS", sans-serif;
    font-size: 4.8em;
    font-weight: 400; }

.rebels_block_w_image {
    position: relative;
    max-width: 43.2em;
    width: 100%;
    height: 58.6em; }
.rebels_block_w_image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); }

.rebels_block_image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.rebels_block_w_title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

.rebels_block_title {
    color: #fff;
    font-family: "SHIRENS", sans-serif;
    font-size: 6.4em;
    font-weight: 400;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff; }
@media screen and (max-width: 1023px) {
    .rebels_block_title {
        font-size: 5.1em; } }

body.wonder_mod {
    /* Will-change */ }
body.wonder_mod .strip-outer {
    width: 100%;
    height: 100vh;
    min-height: 750px;
    margin: auto;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }
body.wonder_mod .strip-inner {
    position: relative;
    top: 0;
    height: 100%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content; }
body.wonder_mod .strip-inner.active_mod {
    pointer-events: auto; }
body.wonder_mod .draggable {
    height: 500px !important;
    top: calc(50% - 250px) !important;
    width: 100% !important;
    position: absolute !important;
    cursor: -webkit-grab !important;
    cursor: grab !important; }
body.wonder_mod .draggable:active {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important; }
body.wonder_mod .strip {
    height: 100%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    position: relative;
    pointer-events: none; }
body.wonder_mod .strip__item {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
body.wonder_mod .img-outer {
    --imgheight: 450px;
    height: var(--imgheight);
    width: calc(var(--imgheight) * 0.7);
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }
body.wonder_mod .img-outer--size-s {
    --imgheight: 300px; }
body.wonder_mod .img-outer--size-m {
    --imgheight: 360px; }
body.wonder_mod .img-outer--size-l {
    --imgheight: 390px; }
body.wonder_mod .img-outer--size-xl {
    --imgheight: 420px; }
body.wonder_mod .img-inner {
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    left: -20px;
    top: -20px;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute; }
body.wonder_mod .strip__item-number {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
body.wonder_mod .strip__item-link {
    pointer-events: auto;
    cursor: pointer;
    display: block;
    position: relative; }
body.wonder_mod .strip__item-link::before {
    content: '';
    position: absolute;
    width: 160%;
    height: 120%;
    left: -30%;
    top: -10%; }
body.wonder_mod .strip__item-link span {
    display: block;
    display: none; }
body.wonder_mod .strip__item-plus {
    display: none;
    width: 13px;
    height: 13px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 6h6v1H7v6H6V7H0V6h6V0h1v6z' fill='%23505050'/%3e%3c/svg%3e");
    background-size: 100%; }
body.wonder_mod .strip__item-link:hover + .strip__item-plus {
    display: block; }
body.wonder_mod .strip-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-cover);
    pointer-events: none;
    opacity: 0; }
body.wonder_mod .strip-cover__title {
    margin: 0;
    font-family: "SHIRENS", sans-serif;
    font-weight: 400;
    font-size: 10vw;
    line-height: 1;
    color: #fff;
    text-stroke: 1px #fff;
    text-fill-color: transparent;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent; }
body.wonder_mod .strip-cover__subtitle {
    font-size: 1.5rem;
    margin: 0; }
body.wonder_mod .content_wrap {
    top: 0;
    position: absolute;
    height: 100vh;
    width: 100%;
    z-index: 1000;
    pointer-events: none; }
body.wonder_mod .js .content_wrap {
    pointer-events: none; }
body.wonder_mod .content__item {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100vh;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-rows: 50% 40% 10%;
    grid-column-gap: 0;
    grid-template-areas: "content-img" "content-copy" "...";
    display: none; }
body.wonder_mod .js .content__item {
    height: 100%;
    opacity: 0;
    pointer-events: none; }
body.wonder_mod .js .content__item--current {
    pointer-events: auto;
    opacity: 1;
    top: 0;
    display: grid; }
body.wonder_mod .img-outer--content {
    height: 100%;
    width: auto;
    grid-area: content-img; }
body.wonder_mod .img-inner--content {
    background-position: 50% 35%; }
body.wonder_mod .content__item-title {
    font-weight: normal;
    color: var(--color-content-title); }
body.wonder_mod .content__item-copy {
    grid-area: content-copy;
    padding: 1.5rem 2rem;
    color: var(--color-copy); }
body.wonder_mod .content__item-text {
    margin: 0; }
body.wonder_mod .content__close {
    display: block;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    color: inherit;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    position: absolute;
    bottom: 1.5rem;
    left: 3rem; }
body.wonder_mod .content__item--current ~ .content__close {
    pointer-events: auto; }
body.wonder_mod .content__close svg {
    fill: currentColor; }
body.wonder_mod .content__close:focus,
body.wonder_mod .content__close:hover {
    outline: none;
    color: #fff; }
body.wonder_mod .strip,
body.wonder_mod .strip__item,
body.wonder_mod .cursor__side,
body.wonder_mod .content__close,
body.wonder_mod .content__item-title,
body.wonder_mod .content__item-copy {
    will-change: transform; }
@media screen and (min-width: 53em) {
    body.wonder_mod .frame {
        position: fixed;
        text-align: left;
        z-index: 10000;
        display: grid;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        width: 100%;
        max-width: none;
        height: 100vh;
        padding: 1.25rem 3rem;
        pointer-events: none;
        grid-template-columns: 80% 20%;
        grid-template-rows: auto auto auto;
        grid-template-areas: 'page-title links' '... ...' 'indicator sub-title'; }
    body.wonder_mod .frame__title-wrap {
        grid-area: page-title;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    body.wonder_mod .frame__title {
        margin: 0; }
    body.wonder_mod .frame__subtitle {
        grid-area: sub-title;
        justify-self: end;
        margin: 0; }
    body.wonder_mod .frame__links {
        padding: 0;
        margin: 0 0 0 2rem; }
    body.wonder_mod .frame__indicator {
        grid-area: indicator;
        margin: 0; }
    body.wonder_mod .content__item {
        top: 0;
        grid-template-columns: 40% 45% 15%;
        grid-template-rows: 100%;
        grid-template-areas: 'content-copy content-img ... '; }
    body.wonder_mod .content__item-copy {
        max-width: 240px;
        justify-self: end;
        -ms-flex-item-align: end;
        align-self: end;
        text-align: right; }
    body.wonder_mod .strip-cover__title {
        font-size: 10em;
        text-stroke: 2px #fff;
        opacity: .5;
        -webkit-text-stroke: 2px #fff; }
    body.wonder_mod .strip-cover__subtitle {
        font-size: 3rem; } }
body.wonder_mod .strip-outer {
    height: auto;
    min-height: 73rem;
    margin: 0 -2rem;
    width: auto; }
@media screen and (max-width: 767px) {
    body.wonder_mod .strip-outer {
        min-height: 0; } }
body.wonder_mod .strip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.video_w_link {
    margin-bottom: 7.6rem;
    text-align: center; }

.video_link {
    font-size: 4.8rem;
    color: #fff;
    font-family: "SHIRENS", sans-serif;
    text-align: center; }
.video_link:hover, .video_link:focus {
    text-decoration: none; }

.wonder_bottom_separator {
    margin-bottom: 6rem;
    font-size: 1.5rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center; }

.wonder_bottom_ring {
    display: block;
    width: 14rem;
    height: 14rem;
    margin: 0 auto;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: spinAnim;
    animation-name: spinAnim;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }

.wonder_bottom_ring_img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center; }

@-webkit-keyframes spinAnim {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@keyframes spinAnim {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

.intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 2rem;
    background-color: #000;
    z-index: 1000; }
.intro.loaded_mod {
    opacity: 0;
    pointer-events: none; }

.intro_in {
    position: relative;
    z-index: 2; }

.intro_title {
    font-size: 3.8rem;
    font-family: "SHIRENS", sans-serif;
    color: #fff;
    text-align: center; }
.intro_title > div {
    overflow: hidden; }
.intro_title.v2_mod {
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff; }
@media screen and (max-width: 1023px) {
    .intro_title {
        font-size: 3.2rem; } }

canvas.p5Canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1; }

body.dark_mod .content {
    position: relative; }

.content2__item {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    color: var(--color-content);
    background: var(--color-content-bg); }

.js .content2__item {
    opacity: 0;
    pointer-events: none; }

.js .content2__item--current {
    opacity: 1;
    pointer-events: auto;
    top: 16rem; }

.content2__item-header {
    padding: 2rem 2rem 0;
    position: relative; }

.content2__item-header-title {
    font-family: ivymode, sans-serif;
    font-weight: 600;
    font-size: 3rem;
    margin: 0;
    color: var(--color-content-title); }

.content2__item-header-meta {
    text-indent: 0.25rem;
    display: block;
    color: var(--color-content-meta); }

.dark-mode .content2__item-header-meta {
    mix-blend-mode: difference; }

.content2__item-header-meta::before {
    content: '---------';
    margin: 0 0.5rem 0 0;
    letter-spacing: -0.15rem; }

.content2__item-copy {
    padding: 2rem;
    font-family: linotype-didot, serif; }

.revealer {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none; }

.revealer__inner {
    background-color: var(--color-reveal-bg);
    width: 200%;
    height: 200%;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }

.grid_wrap {
    position: relative;
    margin-top: 20rem; }
@media screen and (min-width: 1024px) {
    .grid_wrap {
        height: 40rem; } }
@media screen and (max-width: 1023px) {
    .grid_wrap {
        height: 53rem;
        margin-top: 10em; } }

.grid {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0; }
@media screen and (min-width: 1024px) {
    .grid {
        height: 40rem; } }
@media screen and (max-width: 1023px) {
    .grid {
        height: 47rem; } }

.grid--slideshow,
.grid--interaction {
    pointer-events: none; }

.grid--slideshow {
    top: 0;
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
    left: -5%;
    width: 110%; }
@media screen and (max-width: 1024px) {
    .grid--slideshow {
        top: 6rem !important; } }

@media screen and (min-width: 1024px) {
    .grid--interaction {
        left: -5%;
        width: 110%; } }

@media screen and (max-width: 1023px) {
    .grid--interaction {
        left: 50%;
        width: 120vw;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }

.grid--titles {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    cursor: default; }

.titles-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: none;
    -webkit-transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    transform: rotate(16deg); }

.grid__item {
    position: absolute !important;
    top: 0;
    left: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    pointer-events: none;
    opacity: 0; }
@media screen and (min-width: 1024px) {
    .grid__item {
        margin-left: calc((((100% - 36vw) / 3)) / 2 * -1);
        width: calc(((100% - 36vw) / 3)); } }
@media (min-width: 768px) and (max-width: 1023px) {
    .grid__item {
        width: calc(100% - 55vw);
        margin-left: calc((100% - 55vw) / 2 * -1); } }
@media screen and (max-width: 767px) {
    .grid__item {
        width: calc(100% - 30vw);
        margin-left: calc((100% - 30vw) / 2 * -1); } }

.grid__item--slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.grid__item--title {
    font-size: 3.4vw;
    font-family: "SHIRENS", sans-serif;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff; }

.grid__item--title span {
    display: inline-block; }

.grid__item--center,
.grid__item--left,
.grid__item--right {
    opacity: 1;
    cursor: pointer; }

.grid__item--left {
    left: 0;
    margin-left: 0;
    cursor: none; }
@media screen and (max-width: 1023px) {
    .grid__item--left {
        margin-left: -29.6rem; } }

.grid__item--center {
    left: 50%; }

.grid__item--right {
    right: 0;
    margin-left: 0;
    left: auto;
    cursor: none; }
@media screen and (max-width: 1023px) {
    .grid__item--right {
        margin-right: -29.6rem; } }

.grid__item--cursor {
    pointer-events: auto; }

.content-open .grid__item--cursor {
    display: none; }

.number {
    font-size: 4.8rem;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    color: transparent;
    line-height: 1;
    font-family: "SHIRENS", sans-serif;
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    opacity: .3; }
@media screen and (max-width: 1023px) {
    .number {
        font-size: 3.8rem; } }

.img_wrap_block {
    position: relative; }
@media screen and (max-width: 1023px) {
    .img_wrap_block {
        width: 100%;
        height: 100%; } }

.img-wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 100%; }
@media screen and (max-width: 1023px) {
    .img-wrap {
        height: 100% !important; } }
.img-wrap:after {
    content: '';
    position: absolute;
    top: -2rem;
    left: -2rem;
    bottom: -2rem;
    right: -2rem;
    z-index: 10;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); }

.img-wrap--content {
    height: 200px; }

.img {
    width: calc(100% + 40px);
    height: 100%;
    left: -20px;
    top: 0;
    z-index: -1;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    pointer-events: none;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }

.img--content {
    background-position: 50% 38%; }

.caption {
    position: absolute;
    bottom: 3rem;
    left: -7.2rem;
    font-size: 4.2vw;
    line-height: .9;
    font-family: "SHIRENS", sans-serif;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    z-index: 2; }
@media (min-width: 768px) and (max-width: 1023px) {
    .caption {
        left: 0; } }
@media screen and (max-width: 767px) {
    .caption {
        left: -5.4rem;
        right: 0;
        bottom: 2.2rem;
        font-size: 4.2rem; } }
@media screen and (max-width: 640px) {
    .caption {
        font-size: 3.2rem; } }

.img-wrap,
.img--content,
.caption,
.number,
.grid__item--title,
.grid__item--title span,
.revealer__inner,
.content2__item-header-title {
    will-change: transform; }

.grid__item--cursor.grid__item--left::after,
.grid__item--cursor.grid__item--right::after,
.img-wrap--content::after {
    position: absolute;
    left: calc(50% - 30px);
    cursor: pointer; }

.img-wrap--content::after {
    top: 0.5rem;
    right: 0.5rem;
    left: auto;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='52px' height='52px' viewBox='0 0 52 52' style='enable-background:new 0 0 52 52;' xml:space='preserve'%3E %3Cpath  d='M20.921 26.67L5.791 41.75C5.485 41.743.23 36.488.224 36.18L15.32 21.073.098 5.86 5.74.22l15.19 15.24L36.161.22l5.64 5.64-15.27 15.22 15.097 15.15c-.006.307-5.262 5.562-5.569 5.568L20.921 26.67z'/%3E %3C/svg%3E"); }

@media screen and (min-width: 53em) {
    .frame {
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 1rem;
        -webkit-transition: 0.3s opacity;
        -o-transition: 0.3s opacity;
        transition: 0.3s opacity; }
    .content-open + .frame {
        opacity: 0;
        pointer-events: none; }
    .frame__title-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
    .frame__title {
        margin: 0; }
    .frame__links {
        margin: 0 1.5rem; }
    .frame__mode {
        margin: 0; }
    .frame a {
        pointer-events: auto; }
    .grid_wrap {
        position: relative;
        height: 90rem; }
    .grid {
        height: 90rem;
        grid-template-columns: repeat(3, calc((100% - 36vw) / 3));
        grid-column-gap: 18vw; }
    .grid--slideshow {
        top: 0; }
    .grid--interaction {
        grid-template-columns: repeat(3, calc(100% / 3));
        grid-column-gap: 0; }
    .number {
        font-size: 3vw; }
    .img-wrap {
        height: 35vw; }
    .img-wrap--content {
        height: 100%;
        grid-area: 1 / 2 / 2 / 3; }
    body.dark_mod .content {
        top: 0;
        position: absolute;
        height: 100vh;
        width: 100%; }
    .content2__item {
        height: 100vh;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-template-columns: 30% 40% 30%;
        grid-column-gap: 0; }
    .js .content2__item {
        height: 100%; }
    .js .content2__item--current {
        top: 0; }
    .img-wrap--content {
        height: 100%; }
    .content2__item-header {
        justify-self: center;
        grid-area: 1 / 1 / 2 / 3;
        pointer-events: none; }
    .content2__item-header-title {
        font-size: 8vw; }
    .content2__item-copy {
        max-width: 240px;
        justify-self: end;
        text-align: right; }
    .grid__item--cursor.grid__item--left::after,
    .grid__item--cursor.grid__item--right::after,
    .img-wrap--content::after {
        display: none; }
    .grid__item--cursor.grid__item--center {
        cursor: default; } }

.cursor {
    display: none; }
@media screen and (min-width: 1024px) {
    body.wonder_mod .cursor {
        position: fixed;
        z-index: 1000;
        width: 7rem;
        height: 7rem;
        margin-top: -3.5rem;
        margin-left: -3.5rem;
        font-size: 1rem;
        pointer-events: none;
        display: block;
        will-change: transform;
        -webkit-transform: translateZ(0);
        transform: translateZ(0); }
    body.wonder_mod .cursor.disabled_state {
        opacity: 0; } }
@media screen and (max-width: 1023px) {
    body.wonder_mod .cursor {
        display: none; } }

@media screen and (min-width: 1024px) {
    body.wonder_mod .cursor_circle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.5);
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        overflow: hidden;
        -webkit-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
        will-change: transform;
        -webkit-transform: translateZ(0);
        transform: translateZ(0); }
    body.wonder_mod .cursor_circle.disabled_state {
        opacity: 0; } }

@media screen and (min-width: 1024px) {
    body.wonder_mod .cursor_in {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 20;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 14rem;
        height: 14rem;
        margin-left: -7rem;
        margin-top: -7rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.1);
        border: 2px solid rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        will-change: transform;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0); }
    body.wonder_mod .cursor_in.play_mod {
        color: #fff;
        font-size: 1.2rem;
        font-weight: 900;
        letter-spacing: .1rem;
        text-transform: uppercase; }
    body.wonder_mod .cursor_in.prev_mod {
        background: url("../i/icons/arrow_slider_left.svg") no-repeat center center;
        background-size: 4rem 2.8rem; }
    body.wonder_mod .cursor_in.next_mod {
        background: url("../i/icons/arrow_slider_right.svg") no-repeat center center;
        background-size: 4rem 2.8rem; }
    body.wonder_mod .cursor_in.active_state {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); } }

@media screen and (max-width: 1023px) {
    body.wonder_mod .cursor_in {
        display: none; } }

@font-face {
    font-family: "iconfont";
    src: url("../fonts/icons/iconfont.eot");
    src: url("../fonts/icons/iconfont.eot?#iefix") format("eot"), url("../fonts/icons/iconfont.woff") format("woff"), url("../fonts/icons/iconfont.ttf") format("truetype"), url("../fonts/icons/iconfont.svg#iconfont") format("svg"); }

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor; }

.icon-arrow_2_left {
    font-size: 2.94rem;
    width: 1.39456em; }

.icon-arrow_2_right {
    font-size: 2.94rem;
    width: 1.39456em; }

.icon-arrow_left {
    font-size: 1.414rem;
    width: 2.13154em; }

.icon-arrow_right {
    font-size: 1.414rem;
    width: 2.13154em; }

.icon-arrow_slider_left {
    font-size: 2.94rem;
    width: 1.39456em; }

.icon-arrow_slider_right {
    font-size: 2.94rem;
    width: 1.39456em; }

.icon-circle {
    font-size: 1.194rem;
    width: 1em; }

.icon-circle_2 {
    font-size: 1.2rem;
    width: 1em; }

.icon-close {
    font-size: 1.273rem;
    width: 1em; }

.icon-close_2 {
    font-size: 2.5rem;
    width: 1em; }

.icon-cross {
    font-size: 2.97rem;
    width: 1em; }

.icon-facebook {
    font-size: 1.4rem;
    width: 0.42857em; }

.icon-instagram {
    font-size: 1.8rem;
    width: 1em; }

.icon-linkedin {
    font-size: 1.4rem;
    width: 1.14286em; }

.icon-play {
    font-size: 1.588rem;
    width: 0.86587em; }

.icon-plyr-airplay {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-captions-off {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-captions-on {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-download {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-enter-fullscreen {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-exit-fullscreen {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-fast-forward {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-logo-vimeo {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-logo-youtube {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-muted {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-pause {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-pip {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-play {
    font-size: 1.581rem;
    width: 0.87476em; }

.icon-plyr-restart {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-rewind {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-settings {
    font-size: 1.8rem;
    width: 1em; }

.icon-plyr-volume {
    font-size: 1.8rem;
    width: 1em; }

.icon-search {
    font-size: 1.395rem;
    width: 1em; }

.icon-vimeo {
    font-size: 1.3rem;
    width: 1.23077em; }

body.search_full_opened {
    overflow: hidden; }
body.search_full_opened .header_nav_item {
    display: none; }
body.search_full_opened .header_nav_item.s_item_mod {
    display: list-item; }

.search_nav_trigger {
    color: #000; }

body.index_mod .search_nav_trigger {
    color: #fff; }
body.index_mod .search_nav_trigger .icon_c_full {
    color: #000; }

body.search_full_opened .search_wrapper {
    display: block; }

body.search_full_opened .icon.size_mod.icon_c_full {
    display: block; }

body.search_full_opened .icon.size_mod.icon_s_full {
    display: none; }

.icon.size_mod.icon_c_full {
    display: none; }

.search_wrapper {
    display: none; }

.search_panel_full {
    width: 100%;
    z-index: 300;
    position: absolute;
    padding-right: 50px;
    padding-left: 50px;
    visibility: visible;
    opacity: 0;
    height: 0;
    top: 0;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #fff; }
.search_panel_full.opened {
    height: 100%;
    max-height: 100%; }
.search_panel_full.ready {
    opacity: 1;
    height: auto;
    visibility: visible;
    height: 100%;
    max-height: 100%; }

.search_filter_full {
    padding-top: 130px;
    padding-bottom: 50px;
    background: #fff;
    text-align: center; }

.search_results_full {
    background: #fff;
    overflow: hidden; }

.btn_link_filter_full {
    font-size: 1.2em;
    color: #000;
    font-family: "BlossomPro", sans-serif;
    font-weight: bold;
    margin: 0 1.5em;
    position: relative; }
.btn_link_filter_full.active {
    color: #000; }
.btn_link_filter_full.active:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }
.btn_link_filter_full:before {
    position: absolute;
    left: 50%;
    right: 0;
    top: -1.4em;
    height: 2px;
    width: 20px;
    margin-left: -10px;
    background-color: #1a1a1a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    content: ''; }
.btn_link_filter_full:hover {
    text-decoration: none; }
.btn_link_filter_full:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }

.result_text {
    display: none; }

@-webkit-keyframes plyr-progress {
    to {
        background-position: 25px 0; } }

@keyframes plyr-progress {
    to {
        background-position: 25px 0; } }

@-webkit-keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px); }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px); }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@-webkit-keyframes plyr-fade-in {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }

@keyframes plyr-fade-in {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }

.plyr {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    direction: ltr;
    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; }

.plyr audio,
.plyr video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%; }

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto; }

.plyr:focus {
    outline: 0; }

.plyr--full-ui {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit; }

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    -ms-touch-action: manipulation;
    touch-action: manipulation; }

.plyr__badge {
    background: #4a5764;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px; }

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none; }

.plyr__captions {
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    width: 100%; }

.plyr__captions .plyr__caption {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap; }

.plyr__captions .plyr__caption div {
    display: inline; }

.plyr__captions span:empty {
    display: none; }

@media (min-width: 480px) {
    .plyr__captions {
        font-size: 16px;
        padding: 20px; } }

@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px; } }

.plyr--captions-active .plyr__captions {
    display: block; }

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
.plyr__control.plyr__control--overlaid[data-plyr=play] {
    padding: 0;
    width: 30px !important; }
.plyr__control.plyr__control--overlaid[data-plyr=play]:hover, .plyr__control.plyr__control--overlaid[data-plyr=play]:focus {
    background: none !important; }
.plyr__control.plyr__control--overlaid[data-plyr=play] svg {
    width: 100%;
    height: 100%; }

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width: 18px; }

.plyr__control:focus {
    outline: 0; }

.plyr__control.plyr__tab-focus {
    -webkit-box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    outline: 0; }

a.plyr__control {
    text-decoration: none; }

a.plyr__control::after,
a.plyr__control::before {
    display: none; }

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none; }

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: transparent;
    color: #fff; }

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: transparent;
    color: #fff; }

.plyr__control--overlaid {
    background: rgba(0, 179, 255, 0.8);
    border: 0;
    border-radius: 100%;
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2; }
.plyr__control--overlaid.plyr__control--overlaid[data-plyr=play] {
    padding: 0;
    background: none; }

.plyr__control--overlaid svg {
    left: 2px;
    position: relative; }

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    background: #00b3ff; }

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden; }

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block; }

.plyr--full-ui ::-webkit-media-controls {
    display: none; }

.plyr__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center; }

.plyr__controls .plyr__progress__container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0; }

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px; }

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto; }

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px; }

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px; }

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0; }

.plyr__controls .plyr__controls__item.plyr__volume {
    padding-right: 5px; }

.plyr__controls .plyr__controls__item.plyr__volume:first-child {
    padding-right: 0; }

.plyr__controls:empty {
    display: none; }

.plyr--audio .plyr__controls {
    background: #fff;
    border-radius: inherit;
    color: #4a5764;
    padding: 10px; }

.plyr--video .plyr__controls {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px 5px 5px;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    z-index: 3; }

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: 35px 10px 10px; } }

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
    display: none; }

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block; }

.plyr__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }

.plyr__menu .plyr__control svg {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease; }

.plyr__menu .plyr__control[aria-expanded=true] svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none; }

.plyr__menu__container {
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #4a5764;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3; }

.plyr__menu__container > div {
    overflow: hidden;
    -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.plyr__menu__container::after {
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, 0.9);
    content: '';
    height: 0;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 0; }

.plyr__menu__container [role=menu] {
    padding: 7px; }

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px; }

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0; }

.plyr__menu__container .plyr__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5764;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 4px 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%; }

.plyr__menu__container .plyr__control > span {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }

.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px; }

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: rgba(74, 87, 100, 0.8);
    right: 5px; }

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor; }

.plyr__menu__container .plyr__control--back {
    font-weight: 500;
    margin: 7px;
    margin-bottom: 3px;
    padding-left: 28px;
    position: relative;
    width: calc(100% - 14px); }

.plyr__menu__container .plyr__control--back::after {
    border-right-color: rgba(74, 87, 100, 0.8);
    left: 7px; }

.plyr__menu__container .plyr__control--back::before {
    background: #c1c9d1;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    content: '';
    height: 1px;
    left: 0;
    margin-top: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%; }

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor; }

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px; }

.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius: 100%; }

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, 0.1);
    content: '';
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 16px; }

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    width: 6px; }

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #00b3ff; }

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1); }

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(0, 0, 0, 0.1); }

.plyr__menu__container .plyr__menu__value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    overflow: hidden;
    padding-left: 25px;
    pointer-events: none; }

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    color: #fff;
    display: block;
    height: 19px;
    margin: 0;
    padding: 0;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    width: 100%; }

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); }

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
    height: 13px;
    position: relative;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    -webkit-appearance: none;
    margin-top: -4px; }

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none; }

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
    height: 13px;
    position: relative;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px; }

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    height: 5px; }

.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent; }

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none; }

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor; }

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
    height: 13px;
    position: relative;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    margin-top: 0; }

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none; }

.plyr--full-ui input[type=range]:focus {
    outline: 0; }

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0; }

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    -webkit-box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    outline: 0; }

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    outline: 0; }

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    outline: 0; }

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, 0.25); }

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255, 255, 255, 0.25); }

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255, 255, 255, 0.25); }

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 201, 209, 0.66); }

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 201, 209, 0.66); }

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 201, 209, 0.66); }

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1; }

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1; }

.plyr__time {
    font-size: 14px; }

.plyr__time + .plyr__time::before {
    content: '\2044';
    margin-right: 10px; }

@media (max-width: 767px) {
    .plyr__time + .plyr__time {
        display: none; } }

.plyr--video .plyr__time {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.plyr__tooltip {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #4a5764;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%, 10px) scale(0.8);
    -ms-transform: translate(-50%, 10px) scale(0.8);
    transform: translate(-50%, 10px) scale(0.8);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    -o-transition: transform .2s .1s ease, opacity .2s .1s ease;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    transition: transform .2s .1s ease, opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    white-space: nowrap;
    z-index: 2; }

.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2; }

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1);
    -ms-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1); }

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
    left: 0;
    -webkit-transform: translate(0, 10px) scale(0.8);
    -ms-transform: translate(0, 10px) scale(0.8);
    transform: translate(0, 10px) scale(0.8);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
    left: 16px; }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    -webkit-transform: translate(0, 10px) scale(0.8);
    -ms-transform: translate(0, 10px) scale(0.8);
    transform: translate(0, 10px) scale(0.8);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%); }

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); }

.plyr--video {
    background: #000;
    overflow: hidden; }

.plyr--video.plyr--menu-open {
    overflow: visible; }

.plyr__video-wrapper {
    background: #FFFFFF;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index: 0; }

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%; }

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 101%; }

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    -webkit-transform: translateY(-38.28125%);
    -ms-transform: translateY(-38.28125%);
    transform: translateY(-38.28125%); }

.plyr__progress {
    left: 6.5px;
    margin-right: 22px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative; }

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-right: -6.5px;
    width: calc(100% + 13px); }

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2; }

.plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0; }

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    left: 0;
    margin-top: -2.5px;
    padding: 0;
    position: absolute;
    top: 50%; }

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0; }

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease; }

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease; }

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease; }

.plyr--video .plyr__progress__buffer {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.25); }

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 201, 209, 0.66); }

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: -o-linear-gradient(135deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent; }

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, 0.25); }

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 201, 209, 0.66); }

.plyr__volume {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative; }

.plyr__volume input[type=range] {
    margin-left: 5px;
    position: relative;
    z-index: 2; }

@media (min-width: 480px) {
    .plyr__volume {
        max-width: 90px; } }

@media (min-width: 768px) {
    .plyr__volume {
        max-width: 110px; } }

.plyr--is-ios .plyr__volume {
    display: none !important; }

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
    display: none !important; }

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%; }

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%; }

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%; }

.plyr:-webkit-full-screen video {
    height: 100%; }

.plyr:-ms-fullscreen video {
    height: 100%; }

.plyr:fullscreen video {
    height: 100%; }

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static; }

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static; }

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static; }

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none; }

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none; }

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none; }

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none; }

.plyr:fullscreen.plyr--hide-controls {
    cursor: none; }

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px; }
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px; }
    .plyr:fullscreen .plyr__captions {
        font-size: 21px; } }

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%; }

.plyr:-webkit-full-screen video {
    height: 100%; }

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static; }

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none; }

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none; }

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px; } }

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%; }

.plyr:-moz-full-screen video {
    height: 100%; }

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static; }

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none; }

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none; }

@media (min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px; } }

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%; }

.plyr:-ms-fullscreen video {
    height: 100%; }

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static; }

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none; }

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none; }

@media (min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px; } }

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000; }

.plyr--fullscreen-fallback video {
    height: 100%; }

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    position: static; }

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block; }

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
    display: none; }

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none; }

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px; } }

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1; }

.plyr__ads > div,
.plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width: 100%; }

.plyr__ads::after {
    background: rgba(35, 41, 47, 0.8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 3; }

.plyr__ads::after:empty {
    display: none; }

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    left: 0;
    margin: -2.5px 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3; }

.plyr__preview-thumb {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(0, 10px) scale(0.8);
    -ms-transform: translate(0, 10px) scale(0.8);
    transform: translate(0, 10px) scale(0.8);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    -o-transition: transform .2s .1s ease, opacity .2s .1s ease;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    transition: transform .2s .1s ease, opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    z-index: 2; }

.plyr__preview-thumb--is-shown {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); }

.plyr__preview-thumb::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2; }

.plyr__preview-thumb__image-container {
    background: #c1c9d1;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    z-index: 0; }

.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%; }

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3; }

.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 3px 6px; }

.plyr__preview-scrubbing {
    bottom: 0;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1; }

.plyr__preview-scrubbing--is-shown {
    opacity: 1; }

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%; }

.plyr--no-transition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; }

.plyr [hidden] {
    display: none !important; }

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
.slick-list:focus {
    outline: none; }
.slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
.slick-track:before, .slick-track:after {
    content: "";
    display: table; }
.slick-track:after {
    clear: both; }
.slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
[dir="rtl"] .slick-slide {
    float: right; }
.slick-slide img {
    display: block; }
.slick-slide.slick-loading img {
    display: none; }
.slick-slide.dragging img {
    pointer-events: none; }
.slick-initialized .slick-slide {
    display: block; }
.slick-loading .slick-slide {
    visibility: hidden; }
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

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

.slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
.works_details_slider .slick-dots {
    position: absolute;
    bottom: 1.6em;
    left: 0;
    width: 100%; }
@media screen and (max-width: 1023px) {
    .works_details_slider .slick-dots {
        bottom: .4em; } }
@media screen and (min-width: 1024px) {
    .beliefs_popup .slick-dots {
        display: none; } }
@media screen and (max-width: 1023px) {
    .beliefs_popup .slick-dots {
        position: absolute;
        bottom: 1.6em;
        left: 0;
        width: 100%; } }
.slick-dots li.slick-active button {
    opacity: 1; }
@media screen and (min-width: 1024px) {
    .slick-dots li {
        margin-right: 1em; } }
@media screen and (max-width: 1023px) {
    .slick-dots li {
        margin-right: .8em; } }
.slick-dots li:last-of-type {
    margin-right: 0; }
.slick-dots button {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    color: transparent;
    opacity: .4;
    background-color: #fff;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer; }
@media screen and (max-width: 1023px) {
    .slick-dots button {
        width: .8rem;
        height: .8rem; } }
.slick-dots button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    margin-left: -1rem;
    content: ''; }

/*
    zuck.js
    https://github.com/ramon82/zuck.js
    MIT License
*/
.stories.carousel {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }

.stories.carousel::-webkit-scrollbar {
    width: 0px;
    background: transparent; }

.stories.carousel .story {
    display: inline-block;
    width: 18vw;
    max-width: 90px;
    margin: 0 6px; }

.stories.carousel .story:first-child {
    margin-left: 0; }

.stories.carousel .story:last-child {
    margin-right: 0; }

.stories.carousel .story > a {
    text-align: center;
    display: block; }

.stories.carousel .story > a:active > .img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }

.stories.carousel .story > a > .img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    max-height: 90px;
    height: 18vw;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }

.stories.carousel .story > a > .img > * {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center; }

.stories.carousel .story > a > .info {
    display: inline-block;
    margin-top: .5em;
    line-height: 1.2em;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }

.stories.carousel .story > a > .info strong {
    font-weight: 300; }

.stories.carousel .story > a > .info .time {
    display: none; }

.stories.carousel .story > .items {
    display: none; }

.stories.list {
    white-space: nowrap;
    overflow: auto; }

.stories.list .story {
    display: block;
    width: auto;
    margin: 6px;
    padding-bottom: 6px; }

.stories.list .story > a {
    text-align: left;
    display: block; }

.stories.list .story > a > .img {
    height: 42px;
    width: 42px;
    max-width: 42px;
    margin-right: 12px;
    vertical-align: top;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden; }

.stories.list .story > a > .img > * {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center; }

.stories.list .story > a > .info {
    display: inline-block;
    line-height: 1.6em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: top; }

.stories.list .story > a > .info strong {
    font-weight: 500;
    display: block; }

.stories.list .story > a > .info .time {
    display: inline-block; }

.stories.list .story > .items {
    display: none; }

@-webkit-keyframes zuckSlideTime {
    0% {
        max-width: 0; }
    100% {
        max-width: 100%; } }

@keyframes zuckSlideTime {
    0% {
        max-width: 0; }
    100% {
        max-width: 100%; } }

@-webkit-keyframes zuckLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@keyframes zuckLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

#zuck-modal {
    outline: 0 !important;
    overflow: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    z-index: 100000;
    font-size: 14px;
    font-family: inherit; }

#zuck-modal-content, #zuck-modal-content .story-viewer, #zuck-modal-content .story-viewer > .slides, #zuck-modal-content .story-viewer > .slides > * {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden; }

#zuck-modal * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0; }

#zuck-modal.with-effects {
    -webkit-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    min-height: 100vh;
    top: 0;
    bottom: 0; }

#zuck-modal.with-effects.animated {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border-radius: 0;
    margin-top: 0 !important;
    margin-left: 0 !important; }

#zuck-modal.with-effects.closed {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

#zuck-modal .slider {
    width: 300vw;
    height: 100%;
    top: 0;
    bottom: 0;
    left: -100vw;
    position: absolute; }

#zuck-modal .slider > * {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute; }

#zuck-modal .slider > .previous {
    left: 0; }

#zuck-modal .slider > .viewing {
    left: 100vw; }

#zuck-modal .slider > .next {
    left: 200vw; }

#zuck-modal .slider.animated {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    -o-transition: transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear, -webkit-transform .25s linear; }

#zuck-modal.with-cube #zuck-modal-content {
    -webkit-perspective: 1000vw;
    perspective: 1000vw;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    overflow: visible;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

#zuck-modal.with-cube .slider {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg); }

#zuck-modal.with-cube .slider > .previous {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100vw;
    -webkit-transform: rotateY(270deg) translateX(-50%);
    transform: rotateY(270deg) translateX(-50%);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left; }

#zuck-modal.with-cube .slider > .viewing {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100vw;
    -webkit-transform: translateZ(50vw);
    transform: translateZ(50vw); }

#zuck-modal.with-cube .slider > .next {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100vw;
    -webkit-transform: rotateY(-270deg) translateX(50%);
    transform: rotateY(-270deg) translateX(50%);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right; }

#zuck-modal-content .story-viewer.paused.longPress .head, #zuck-modal-content .story-viewer.paused.longPress .slides-pointers, #zuck-modal-content .story-viewer.paused.longPress .tip {
    opacity: 0; }

#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers > * > .active > b {
    -webkit-animation-play-state: running;
    animation-play-state: running; }

#zuck-modal-content .story-viewer.next {
    z-index: 10; }

#zuck-modal-content .story-viewer.viewing {
    z-index: 5; }

#zuck-modal-content .story-viewer.previous {
    z-index: 0; }

#zuck-modal-content .story-viewer.muted .tip.muted, #zuck-modal-content .story-viewer.loading .head .loading {
    display: block; }

#zuck-modal-content .story-viewer.loading .head .right .time, #zuck-modal-content .story-viewer.loading .head .right .close {
    display: none; }

#zuck-modal-content .story-viewer .slides-pointers {
    display: table;
    table-layout: fixed;
    border-spacing: 6px;
    border-collapse: separate;
    position: absolute;
    width: 100vh;
    top: 5px;
    bottom: 0;
    top: 0;
    left: calc(50vw - 50vh);
    right: calc(50vw - 50vh);
    z-index: 100020; }

#zuck-modal-content .story-viewer .slides-pointers > * {
    display: table-row; }

#zuck-modal-content .story-viewer .slides-pointers > * > * {
    display: table-cell;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px; }

#zuck-modal-content .story-viewer .slides-pointers > * > .seen {
    background: #fff; }

#zuck-modal-content .story-viewer .slides-pointers > * > * > b {
    background: #fff;
    width: auto;
    max-width: 0;
    height: 2px;
    display: block;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    border-radius: 2px; }

#zuck-modal-content .story-viewer .slides-pointers > * > .active > b {
    -webkit-animation-name: zuckSlideTime;
    animation-name: zuckSlideTime;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }

#zuck-modal-content .story-viewer .head {
    position: absolute;
    height: 56px;
    left: 0;
    right: 0;
    line-height: 56px;
    z-index: 100010;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35), 1px 0 1px rgba(0, 0, 0, 0.35);
    padding: 0 6px;
    top: 5px; }

#zuck-modal-content .story-viewer .head .img {
    vertical-align: top;
    background-size: cover;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-right: 12px;
    border-radius: 50%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center; }

#zuck-modal-content .story-viewer .head .img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #000;
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

#zuck-modal-content .story-viewer .head .time {
    display: none !important; }

#zuck-modal-content .story-viewer .head .left {
    line-height: 1 !important;
    display: inline-block;
    margin: 6px 0 0 20px; }

#zuck-modal-content .story-viewer .head .left > div {
    display: inline-block;
    max-width: 30vw;
    vertical-align: middle; }

#zuck-modal-content .story-viewer .head .left > div > * {
    width: 100%;
    display: inline-block;
    line-height: 21px; }

#zuck-modal-content .story-viewer .head .left > div > strong {
    font-weight: 500; }

#zuck-modal-content .story-viewer .head .right {
    float: right;
    margin: 0 20px; }

#zuck-modal-content .story-viewer .head .right .close, #zuck-modal-content .story-viewer .head .back {
    font-size: 16px;
    width: 48px;
    cursor: pointer;
    text-align: center;
    color: white;
    z-index: 99999;
    display: block; }

#zuck-modal-content .story-viewer .head .left > .back {
    display: none;
    width: 24px;
    margin: -6px -6px 0 -6px; }

#zuck-modal-content .story-viewer .head .right .time {
    display: none; }

#zuck-modal-content .story-viewer .head .loading {
    display: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top-color: #FFF;
    -webkit-animation: zuckLoading 1s infinite linear;
    animation: zuckLoading 1s infinite linear; }

#zuck-modal-content .story-viewer .head, #zuck-modal-content .story-viewer .slides-pointers, #zuck-modal-content .story-viewer .tip {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s; }

#zuck-modal-content .story-viewer .slides .item {
    display: none;
    overflow: hidden;
    background: #000; }

#zuck-modal-content .story-viewer .slides .item:before {
    z-index: 4;
    background: transparent;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }

#zuck-modal-content .story-viewer .slides .item > .media {
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: auto; }

#zuck-modal-content .story-viewer .slides .item.active, #zuck-modal-content .story-viewer .slides .item.active .tip.link {
    display: block; }

#zuck-modal-content .story-viewer .tip {
    z-index: 5;
    text-decoration: none;
    display: none;
    border-radius: 24px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 24px; }

@media (max-width: 1024px) {
    #zuck-modal-content .story-viewer .head {
        top: 3px;
        z-index: 9999999; }
    #zuck-modal-content .story-viewer .head .loading {
        width: 24px;
        height: 24px;
        margin: 6px 0; }
    #zuck-modal-content .story-viewer .head .img {
        width: 30px;
        height: 30px;
        margin-right: 12px; }
    #zuck-modal-content .story-viewer .head .left {
        font-size: 15px;
        margin: 15px 0; }
    #zuck-modal-content .story-viewer .head .left > div {
        line-height: 30px; }
    #zuck-modal-content .story-viewer .head .right .time {
        display: block;
        white-space: nowrap;
        font-size: 15px;
        margin: 15px 0;
        line-height: 30px; }
    #zuck-modal-content .story-viewer .head .left > .back {
        display: none;
        background: transparent;
        z-index: 20;
        visibility: visible;
        margin: -6px 0;
        position: absolute;
        height: 42px;
        width: 72px;
        line-height: 36px;
        text-align: left;
        vertical-align: top;
        text-shadow: none; }
    #zuck-modal-content .story-viewer.with-back-button .head .left > .back {
        display: block; }
    #zuck-modal-content .story-viewer.with-back-button .head .left .img {
        margin-left: 18px; }
    #zuck-modal-content .story-viewer .slides-pointers {
        width: 100vw;
        left: 0;
        right: 0; }
    #zuck-modal-content .story-viewer .tip {
        font-size: 14px;
        padding: 6px 12px; } }

.responsive-video video {
    width: 100%;
    height: inherit; }

.podcast_player {
    padding-top: 6em;
    margin-top: 8em;
    margin-bottom: 10.8em; }
.podcast_player .plyr--audio .plyr__controls {
    padding-left: 0;
    padding-right: 0; }
@media screen and (max-width: 1023px) {
    .podcast_player .plyr--audio .plyr__controls {
        padding: 0 5em; } }
.podcast_player .plyr--audio .plyr__progress__buffer {
    height: 5px;
    color: transparent;
    background: var(--accent_color);
    border-radius: 4px; }
.podcast_player .plyr--full-ui input[type=range] {
    color: #000; }
.podcast_player .plyr__controls__item.plyr__control {
    position: absolute;
    top: 0;
    left: 50%;
    width: 5em;
    height: 5em;
    margin-top: -6em;
    margin-left: -2.5em !important;
    border: 2px solid #000;
    color: #000;
    border-radius: 50%; }
.podcast_player .plyr__controls__item.plyr__control .icon--not-pressed {
    margin-right: -.6em; }
.podcast_player .plyr__controls__item.plyr__control svg {
    width: 1.8em;
    height: 1.8em;
    left: .2em; }
.podcast_player .plyr__controls__item.plyr__control:hover, .podcast_player .plyr__controls__item.plyr__control:focus {
    background: #000;
    color: #fff; }
.podcast_player .plyr__controls__item.plyr__time {
    font-size: 1.8em;
    font-weight: 700;
    font-family: "BlossomPro", sans-serif;
    padding: 0 !important;
    margin: 0;
    letter-spacing: 1px; }
.podcast_player .plyr__time--current {
    position: absolute;
    top: 50%;
    right: calc(100% + 3rem);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
@media screen and (max-width: 1023px) {
    .podcast_player .plyr__time--current {
        left: 0;
        right: auto;
        margin-top: .2rem !important; } }
.podcast_player .plyr__time--duration {
    position: absolute;
    top: 50%;
    left: calc(100% + 3rem);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.podcast_player .plyr__time--duration:before {
    display: none; }
@media screen and (max-width: 1023px) {
    .podcast_player .plyr__time--duration {
        right: 0;
        left: auto;
        margin-top: .2rem !important; } }

.seahorses {
    overflow: hidden; }