/*
 Theme Name: Project Ramble Creative
 Author: Federico Salort
 Author URI: http://federicosalort.com/
 Description: Theme developed for Ramble Creative

 */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overscroll-behavior: none;
    font-weight: normal;
    overflow: auto;
}

html * {
    /* overscroll-behavior: none; */
}

body {
    margin: 0vw;
    margin: auto;
    height: auto;
    overflow: hidden;
    padding: 0vw !important;
    font-family: 'Sohne-Kraftig';
    background-color: white;
    color: black;
    font-size: 1vw;
    line-height: 1.2vw;
}

.open_menu body {
    overflow: hidden;
}

body *,span, a,p {
    text-size-adjust: none;
}

h1 {
}

.mobile {
    display: none !important;
}

.studio_pop_ups_container .team_item_pop_up::-webkit-scrollbar,html::-webkit-scrollbar, body::-webkit-scrollbar,.start_a_project_container::-webkit-scrollbar,.conversation_container .conversations_columns .conversations_column::-webkit-scrollbar,.checkout_summary::-webkit-scrollbar, .start_a_project_containerl::-webkit-scrollbar {
    display: none;
}

html, body {
    -ms-overflow-style: none;
}

header {
    width: 100%;
    z-index: 3;
    opacity: 1;
    transform: translateY(0);
    /* Start with header in its original position */
    transition: transform 0.2s linear;
    /* Smooth transition for hiding and showing */
}

.header_hide:not(.open_contact_form) .fixed_header .header {
    transform: translateY(-100%);
    /* Move the header out of view */
}

.header_hide:not(.open_contact_form) .fixed_header .work_container .work_details, .header_hide:not(.open_contact_form) .fixed_header.page-template-template_work .work_footer {
    transform: translateY(-1.7vw);
    /* Move the header out of view */
}

html, body {
    -ms-overflow-style: none;
}

html.home_html {
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body * {
    outline: none;
    /* margin-top: 0; */
    /* letter-spacing: -.02em; */
}

.clock_content {
    margin-bottom: 1em;
}

p {
    margin-top: 0;
}

svg {
    overflow: visible;
}

div, ul, li, header, footer, a, figure, img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ol, ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

b, strong, h1, h2, h3, h4, h5, h6, label {
    font-weight: normal;
    /* margin: 0; */
}

textarea, input[type="text"], input[type="button"], input[type="submit"], input, button {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    font-family: 'Sohne-Buch';
}

a {
    color: black;
}

b, strong {
}

.custom_clear::after {
    clear: both;
    display: block;
    content: '';
}

a {
    text-decoration: none
}

header {
}

.project_image_div_effect {
    position: relative;
}

.grid_item[effect="zoomIn"] .project_image_div_effect {
    transition: transform .3s;
}

.grid_item[effect="zoomOut"] .project_image_div_effect {
    transition: transform .3s;
}

.grid_item[effect="rotateLeft"] .project_image_div_effect {
    transition: transform .3s;
}

.grid_item[effect="rotateRight"] .project_image_div_effect {
    transition: transform .3s;
}

.project_image_div_effect video,video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: all;
    object-fit: cover;
}

.vjs-fullscreen video {
    object-fit: contain;
}

.home_container {
    overflow: hidden;
    padding-top: 7vw;
    padding-bottom: 7vw;
    overflow: hidden;
}

.home_container .grid {
    z-index: 6;
    padding: 2.6vw 1.3vw;
    position: relative;
    overflow: visible;
}

.home_container .grid .grid_item {
}

.home_container .grid .grid_item {
    float: left;
    padding: 3.076923076923077vw;
}

.fake_grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    padding-top: 7vw;
}

.fake_grid .fake_grid_item {
    padding: 3.076923076923077vw;
}

/* Default: 3 items per column for screens less than 53.3vw */
.home_container .grid .grid_item,.fake_grid .fake_grid_item {
    width: 50%;
    height: 50vw;
    pointer-events: none;
    float: left;
}

.home_container .grid .grid_item:nth-child(3n+1) {
    clear: both;
}

@media (max-width: 820px) {
    .home_container .grid .grid_item,.fake_grid .fake_grid_item {
        width: 33.33%;
        height: 40vw;
    }

    .home_container .grid .grid_item:nth-child(3n+1), .home_container .grid .grid_item:nth-child(4n+1), .home_container .grid .grid_item:nth-child(5n+1) {
        clear: none;
    }

    .home_container .grid .grid_item:nth-child(3n+1) {
        clear: both;
    }
}

@media (min-width: 820px) and (max-width: 1379px) {
    .home_container .grid .grid_item,.fake_grid .fake_grid_item {
        width: 25%;
        height: 25vw;
    }

    .home_container .grid .grid_item:nth-child(3n+1) {
        clear: none;
    }

    .home_container .grid .grid_item:nth-child(4n+1) {
        clear: both;
    }
}

@media (min-width: 1380px) and (max-width: 1920px) {
    .home_container .grid .grid_item,.fake_grid .fake_grid_item {
        width: 20%;
        height: 20vw;
        padding: 3.076923076923077vw;
    }

    .home_container .grid .grid_item:nth-child(3n+1), .home_container .grid .grid_item:nth-child(4n+1) {
        clear: none;
    }

    .home_container .grid .grid_item:nth-child(5n+1) {
        clear: both;
    }
}

/* Screen width greater than 1920px: 6 items per column */
@media (min-width: 1921px) {
    .home_container .grid .grid_item,.fake_grid .fake_grid_item {
        width: 16.66%;
        height: 16.66vw;
        padding: 2.076923vw;
    }

    .home_container .grid .grid_item:nth-child(3n+1), .home_container .grid .grid_item:nth-child(4n+1), .home_container .grid .grid_item:nth-child(5n+1) {
        clear: none;
    }

    .home_container .grid .grid_item:nth-child(6n+1) {
        clear: both;
    }
}

.home_container .grid .grid_item .grid_item_wrapper {
    height: 100%;
    display: block;
}

.home_container .grid .grid_item .image_grid {
    height: 95%;
    display: block;
    margin: auto;
    opacity: 0;
    pointer-events: none;
}

.home_container .grid .grid_item .project_image_div {
    display: block;
    opacity: 0;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    pointer-events: none;
}

.home_container[grid_type="boom"] .grid_item .project_image_div {
    cursor: -webkit-grab;
    cursor: grab;
}

.home_container .grid .grid_item .project_image_div.active {
    opacity: 1;
}

.project_image_div {
    position: absolute;
}

.home_container[grid_type="boom"] .grid_item .project_image_div.ui-draggable-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.project_image {
}

.project_image img {
    pointer-events: all;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    display: block;
    width: 100%
}

.home_container .grid.width_transition .grid_item .project_image_div {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.home_container .grid.width_transition .grid_item .project_image_div .project_image {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.home_container .grid.width_transition .grid_item .project_image_div .project_image_div_container {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.project_image_caption {
    position: absolute;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    pointer-events: none;
    width: 20vw;
    text-align: center;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
    font-size: 0.7vw;
    line-height: 0.8vw;
    padding-top: 0.4vw;
    opacity: 0;
}

.project_image_div_container {
    position: relative;
}

.home_container[grid_type="boom"] .grid_item .project_image_div.ui-draggable-dragging .project_image_caption {
    opacity: 1;
}

.home_container[grid_type="grid"] .project_image_caption {
}

.change_grid {
    position: fixed;
    padding: 0.7vw 0.8vw;
    right: 4vw;
    top: 0;
    cursor: pointer;
    z-index: 10;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.home_container[grid_type="boom"] .change_grid:before {
    content: 'Grid';
}

.home_container[grid_type="grid"] .change_grid:before {
    content: 'Boom!';
}

.custom_gallery_random_image {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

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

.info_div {
    width: 21.6vw;
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    padding-bottom: 0;
    z-index: 10;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all .6s ease-out;
    -webkit-transform: translate(100%, 0%);
    -moz-transform: translate(100%, 0%);
    -ms-transform: translate(100%, 0%);
    -o-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
    max-width: 100%;
}

.open_info .info_div {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.info_div .info_div_content {
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 0.4vw;
}

.go_top_btn {
    position: absolute;
    right: 0vw;
    padding: 0.7vw 0.8vw;
    cursor: pointer;
    padding-left: 0.3vw;
}

.info_div .close_info {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.7vw;
    cursor: pointer;
    z-index: 10;
}

.info_div .info_div_content {
}

.info_div .info_div_content .information_header_items {
    margin-bottom: 2vw;
}

.info_div .info_div_content .information_header_items .information_email {
    margin-right: 2.3vw;
}

.info_div .info_div_content .information_header_items a {
    display: inline-block;
    position: relative;
}

.info_div .info_div_content .information_header_items a:after, .info_div .info_div_content .information_footer_items a:after {
    position: absolute;
    bottom: 0;
    background: black;
    height: 0.1vw;
    width: 100%;
    content: '';
    left: 0;
    -moz-transition: width .15s linear;
    -ms-transition: width .15s linear;
    -o-transition: width .15s linear;
    transition: width .15s linear;
}

.info_div .info_div_content .information_header_items .information_instagram {
}

.info_div .info_div_content .information_text_module {
}

.info_div .info_div_content .information_text_module.clients_about_text {
    margin-top: 1.3vw;
    margin-bottom: 3vw;
}

.info_div .info_div_content .information_text_module.about_text {
    margin-bottom: 2.9vw;
}

.info_div .info_div_content .information_text_module p {
}

.info_div .info_div_content .about_images_with_link {
}

.info_div .info_div_content .about_images_with_link .about_image_container {
    position: relative;
    margin: 0.3vw 0;
}

.info_div .info_div_content .about_images_with_link .about_image_container a {
}

.info_div .info_div_content .about_images_with_link .about_image_container a .about_image_label {
    position: absolute;
    /* mix-blend-mode: difference; */
    color: white;
    right: 0;
    font-size: 0.7vw;
    line-height: 0.8vw;
    padding: 0.3vw;
}

.info_div .info_div_content .about_images_with_link .about_image_container:last-child a .about_image_label {
    color: black;
}

.info_div .info_div_content .about_images_with_link .about_image_container a img {
}

.info_div .info_div_content .about_images_with_link .about_image_container a img {
    width: 100%;
    display: block;
}

.address_about_image_container img {
    width: 100%;
    display: block;
}

.info_div .info_div_content .information_text_module.secondary_about_text {
    margin-top: 1.3vw;
    margin-bottom: 3vw;
}

.info_div .info_div_content .about_gallery {
}

.info_div .info_div_content .about_gallery .about_gallery_wrapper {
}

.info_div .info_div_content .about_gallery .about_gallery_wrapper img {
    width: 100%;
    display: block;
}

.info_div .info_div_content .information_text_module.address_about_text {
    margin-bottom: 3.5vw;
    margin-top: 1.3vw;
}

.info_div .info_div_content .information_footer_items {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.3vw 0.3vw;
    left: 0;
}

.info_div .info_div_content .information_text_module.address_about_text ul {
}

.info_div .info_div_content .information_text_module.address_about_text ul li {
}

.info_div .info_div_content .information_footer_items .information_email {
    margin-right: 2.3vw;
}

.info_div .info_div_content .information_footer_items a {
    display: inline-block;
    position: relative;
}

.info_div .info_div_content .information_footer_items .information_instagram {
}

.info_div .info_div_content .information_footer_items .copyrights_item {
    position: absolute;
    right: 0.3vw;
    bottom: 0.3vw;
}

.info_div_content_wrapper {
    position: relative;
    padding: 0.3vw;
    padding-bottom: 1.9vw;
    background: #FFF170;
}

.about_gallery {
}

.about_gallery .about_gallery_wrapper {
}

.about_gallery .about_gallery_wrapper .gallery_swiper {
}

.about_gallery .about_gallery_wrapper .gallery_swiper .gallery_swiper_header {
    position: relative;
    padding-bottom: 0.4vw;
}

.about_gallery .about_gallery_wrapper .gallery_swiper .gallery_swiper_header .swiper-pagination {
}

.about_gallery .about_gallery_wrapper .gallery_swiper .gallery_swiper_header .swiper-button-next {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: pointer;
}

.about_gallery .about_gallery_wrapper .gallery_swiper .swiper-container {
    height: 13.4vw;
    overflow: hidden;
}

.about_gallery .about_gallery_wrapper .gallery_swiper .swiper-container .swiper-wrapper {
    height: 100%;
}

.about_gallery .about_gallery_wrapper .gallery_swiper .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    width: auto;
}

.about_gallery_item {
    height: 100%;
}

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

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

.swiper-pointer-events {
    touch-action: pan-y
}

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

.close_open_project {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    right: 0;
    top: 0;
    padding: 0.7vw 0.7vw;
    cursor: pointer;
    z-index: 10;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div {
}

.portrait_open .project_image_caption {
    opacity: 1!important;
    transition-delay: .3s;
}

.portrait_image_open_background .change_grid {
    opacity: 0;
    pointer-events: none;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div.block_portrait_open_position {
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
    transition: unset;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div img {
    -moz-transition: all .5s ease-out,opacity 0s;
    -ms-transition: all .5s ease-out,opacity 0s;
    -o-transition: all .5s ease-out,opacity 0s;
    transition: all .5s ease-out,opacity 0s;
    pointer-events: none!important;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div.portrait_open {
    pointer-events: all!important;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div .project_image_div_container {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.home_container .grid .grid_item .project_image_div.portrait_open {
    margin-top: 0vw !important;
    position: fixed;
}

.home_container .grid .grid_item .project_image_div.portrait_open_position {
    /* left: 20vw!important; */
}

.home_container .grid .grid_item .project_image_div.bring_to_front {
    z-index: 100;
}

.portrait_open .project_image_caption {
    opacity: 1!important;
    transition-delay: .3s;
}

.portrait_image_open_background .change_grid {
    opacity: 0;
    pointer-events: none;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div.block_portrait_open_position {
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
    transition: unset;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div .project_image {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
    pointer-events: none!important;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div.portrait_open {
    pointer-events: all!important;
}

.portrait_image_open .home_container .grid .grid_item .project_image_div .project_image_div_container {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.home_container .grid .grid_item .project_image_div.portrait_open {
    margin-top: 0vw !important;
    position: fixed;
}

.home_container .grid .grid_item .project_image_div.portrait_open_position {
    /* left: 40vw!important;*/
}

.home_container .grid .grid_item .project_image_div.portrait_open .project_image_div_container {
    transform: rotate(0deg)!important
}

.home_container .grid .grid_item .project_image_div.portrait_open img {
    /*  width: 20vw!important;*/
}

.portrait_image_open .site_container {
    overflow: hidden;
}

.portrait_image_open_background #main_header {
    pointer-events: none;
    opacity: 0;
}

.portrait_image_open_background .home_container .grid .open_background {
    opacity: 1;
    pointer-events: auto;
}

.portrait_image_open_background .close_open_project {
    opacity: 1;
    pointer-events: auto;
}

.home_container .grid .open_background {
    pointer-events: none;
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -moz-transition: opacity .15s linear,backdrop-filter .15s linear;
    -ms-transition: opacity .15s linear,backdrop-filter .15s linear;
    -o-transition: opacity .15s linear,backdrop-filter .15s linear;
    transition: opacity .15s linear,backdrop-filter .15s linear;
    z-index: 1;
    background-color: rgb(255 255 255 / 60%);
    /* Standard Syntax */
    backdrop-filter: blur(0.3vw);
    -webkit-backdrop-filter: blur(0.3vw);
}

#main_header {
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.project_image_caption {
    opacity: 0!important;
    width: 100vw;
}

.portrait_open .project_image_caption {
    opacity: 1!important;
    transition-delay: .15s;
}

.portrait_image_open_background .change_grid {
    opacity: 0;
    pointer-events: none;
}

.home_container[grid_type="grid"] .project_image {
    cursor: pointer;
}

.grid_item[effect="changeImage"] .project_image_div .project_image_div_effect .hover_image {
    opacity: 0;
    /*  -moz-transition: opacity .#s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;*/
    top: 50%;
    left: 0;
    position: absolute;
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
}

.grid_item[effect="changeImage"] .project_image_div .project_image_div_effect .hover_image img {
    width: 100%;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 100%;
    /* border: 0.1vw solid #f1f1f1; */
    perspective: 52.1vw;
    /* Remove this if you don't want the 3D effect */
    position: absolute;
    top: 0;
    pointer-events: all;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    pointer-events: all;
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
    pointer-events: all;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
}

/* Style the back side */
.flip-card-back {
    transform: rotateY(180deg);
}

.size_reference_image {
}

.size_reference_image {
    opacity: 0;
    pointer-events: none!important;
}

.about_gallery_item:nth-child(1) {
    margin-bottom: 0.3vw;
}

.about_gallery_item:nth-child(2),.about_gallery_item:nth-child(3) {
    float: left;
    width: 50%;
}

.about_gallery_item:nth-child(2) {
    padding-right: 0.2vw;
}

.about_gallery_item:nth-child(3) {
    padding-left: 0.2vw;
}

.about_gallery_item:nth-child(1) img {
}

.about_gallery_item:nth-child(2) img {
}

.about_gallery_item:nth-child(3) img {
}

.header {
    position: fixed;
    height: 2.1vw;
    width: 100%;
    padding: 0.5vw;
    z-index: 9;
    background-color: white;
}
@media (orientation: landscape) {
.home .header {
    background: transparent;
}
    }

.header .header_wrapper {
}

.header .header_wrapper .logo_container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header .header_wrapper .logo_container a {
    width: 6.8vw;
    display: block;
}

.header .header_wrapper .logo_container a svg {
    display: block;
    width: 100%;
    height: auto;
}

.header .header_wrapper .menu_container {
}

.header .header_wrapper .menu_container .main_menu {
}

.header .header_wrapper .menu_container .main_menu .main_menu-nav {
}

.header .header_wrapper .menu_container .main_menu .main_menu-nav a {
    display: inline-block;
    margin-right: 0.4vw;
}

.link {
    -moz-transition: opacity .35s linear,color .35s linear;
    -ms-transition: opacity .35s linear,color .35s linear;
    -o-transition: opacity .35s linear,color .35s linear;
    transition: opacity .35s linear,color .35s linear;
    color: black;
    opacity: .35;
}

.link.active {
    opacity: 1;
}

.header .header_wrapper .contact_btn {
    position: absolute;
    right: 0.5vw;
    top: 0.5vw;
    cursor: pointer;
}

.open_contact_form .header .header_wrapper .contact_btn {
    opacity: 1;
}

.home_content {
    position: absolute;
    left: 15.5vw;
    z-index: 8;
    width: 20.6vw;
    pointer-events: none;
    top: 2.1vw;
}

.home_content p {
    margin: 0;
}

#website_footer.custom_footer {
    height: 2.1vw;
    width: 100%;
    padding: 0.5vw;
}

.footer_container {
    position: relative;
}

.footer_container .copyright {
    display: inline-block;
    margin-right: 4.4vw;
}

.footer_container .footer_text {
    display: inline-block;
}

.footer_container .footer_menu_container {
    position: absolute;
    right: 0;
    top: 0;
}

.footer_container .footer_menu_container .footer_menu {
}

.footer_container .footer_menu_container .footer_menu.menu_item_parent {
}

.footer_container .footer_menu_container .footer_menu .footer_menu-nav {
}

.footer_container .footer_menu_container .footer_menu .footer_menu-nav li {
    display: inline-block;
    margin-left: 2.9vw;
}

.footer_container .footer_menu_container .footer_menu .footer_menu-nav li a {
}

a .link_arrow {
    -moz-transition: transform .35s linear;
    -ms-transition: transform .35s linear;
    -o-transition: transform .35s linear;
    transition: transform .35s linear;
    display: inline-block;
    vertical-align: -0.1vw;
}

.main_grid_container {
    padding: 4vw 0.3vw;
    /* clear: both; */
    position: relative;
    padding-bottom: 0;
}

.main_grid_container .main_grid {
    width: 100% !important;
}

.main_grid_container .main_grid .grid_item {
    width: 25%;
    /* padding: 0 0.9vw; */
    float: left;
    padding: 0.3vw;
}

.isotope-inactive a .grid_item_image {
    filter: blur(.5vw)
}

.isotope-inactive a .grid_item_footer {
    opacity: .2;
}

.main_grid_container .main_grid .grid_item a {
    display: block;
    cursor: none;
}

.main_grid_container .main_grid .grid_item a .grid_item_image {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    position: relative;
}

.main_grid_container .main_grid .grid_item a .grid_item_image video,.has_video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 101%;
    object-fit: cover;
    object-position: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.openSource_container .main_title {
    margin-bottom: 3.5vw
}

.has_video {
    position: relative;
}

.main_grid_container .main_grid .grid_item a .grid_item_image img {
    display: block;
    width: 100%;
}

.main_grid_container .main_grid .grid_item a .grid_item_footer {
    padding-top: 0.7vw;
    -moz-transition: opacity .35s ease;
    -ms-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease;
}

.main_grid_container .main_grid .grid_item a .grid_item_footer .grid_item_title {
    font-size: 2.1vw;
    line-height: 2.4vw;
}

.main_grid_container .main_grid .grid_item a .grid_item_footer .grid_item_excerpt {
    padding-top: .1vw;
}

.grid_item_image_ob {
    height: 100%;
    background-size: cover;
    background-position: center;
    -moz-transition: filter .25s ease, transform .5s;
    -ms-transition: filter .25s ease, transform .5s;
    -o-transition: filter .25s ease, transform .5s;
    transition: filter .25s ease, transform .5s;
}

.hover_title {
    position: absolute;
    z-index: 3;
    top: 0;
    font-family: 'Sohne-Buch';
    font-size: 0.8vw;
    line-height: 0.9vw;
    text-align: center;
    opacity: 0;
}

.hover_title div {
    margin: 0.2vw 0;
}

.hover_title div span {
    display: inline-block;
    padding: 0 0.2vw;
    background: white;
}

.work_footer {
    position: fixed;
    bottom: 0;
    height: 2.1vw;
    padding: 0.5vw;
    z-index: 7;
    background-color: white;
    width: 100%;
}

.work_footer {
    bottom: auto;
    top: calc(1.7vw - 1px);
}

.work_footer .filters_container {
}

.work_footer .filters_container .filter_options {
}

.work_footer .filters_container .filter_options .filter_labels_container {
}

.work_footer .filters_container .filter_options .filter_labels_container .filter_labels_container_wrapper {
}

.work_footer .filters_container .filter_options .filter_labels_container .filter_labels_container_wrapper .categories_filters_option {
    display: inline-block;
    margin-right: 0.5vw;
    cursor: pointer;
}

.work_footer .filters_container .filter_options .filter_labels_container .filter_labels_container_wrapper .categories_filters_option.active {
}

.work_footer .filters_container .filter_options .filter_labels_container .filter_labels_container_wrapper .categories_filters_option .work_count_label {
    /* font-size: 0.7vw; */
    /* vertical-align: top; */
}

.work_footer .work_footer_menu {
    position: absolute;
    top: 0.5vw;
    right: 0.5vw;
}

.work_footer .work_footer_menu a {
    margin-left: 0.4vw;
}

[data-aos=fade-up] {
    transform: translate3d(0,5.2vw,0);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform;
}

[data-aos][data-aos], body[data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}

.header, body, .work_footer, .start_a_project_container, .mobile_menu_container, .filters_container, .work_container .work_details,.hover_title_mobile span{
    -moz-transition: color .35s linear,background .35s linear,transform .5s linear;
    -ms-transition: color .35s linear,background .35s linear,transform .5s linear;
    -o-transition: color .35s linear,background .35s linear,transform .5s linear;
    transition: color .35s linear,background .35s linear,transform .5s linear;
}

.fix_work_footer .work_footer {
    /* position: absolute; */
    /* bottom: 0vw; */
}

.logo_container a svg path,.clock_emoji svg path {
    -moz-transition: fill .35s linear;
    -ms-transition: fill .35s linear;
    -o-transition: fill .35s linear;
    transition: fill .35s linear;
}

#primary {
    position: relative;
}

.index_container {
    padding: 2.1vw 0;
    padding-top: 6.3vw;
}

.index_container .main_index_container {
    overflow: hidden;
}

.index_container .main_index_container .main_index {
}

.index_container .main_index_container .main_index .index_item {
    line-height: 1.4vw;
}

.index_container .main_index_container .main_index .index_item a {
    display: block;
    width: 100%;
    -moz-transition: color .35s linear, background .35s linear;
    -ms-transition: color .35s linear, background .35s linear;
    -o-transition: color .35s linear, background .35s linear;
    transition: color .35s linear, background .35s linear;
}

.index_container .main_index_container .main_index .index_item.identity {
}

.index_container .main_index_container .main_index .index_item.signage {
}

.index_container .main_index_container .main_index .index_item.print-packaging {
}

.index_container .main_index_container .main_index .index_item.motion {
}

.index_container .main_index_container .main_index .index_item.enviroment {
}

.index_container .main_index_container .main_index .index_item.journal {
}

.index_container .main_index_container .main_index .index_item.clear {
}

.index_container .main_index_container .main_index .index_item .index_item_row {
    float: left;
    padding: 0 0.5vw;
}

.index_container .main_index_container .main_index .index_item .index_item_row label {
    cursor: pointer;
    opacity: .35;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.index_container .main_index_container .main_index .index_item .index_item_row.index_item_row_title {
    width: 20.41vw;
}

.index_container .main_index_container .main_index .index_item .index_item_row.index_item_row_title .index_item_image {
}

.index_container .main_index_container .main_index .index_item .index_item_row.index_item_row_title .index_item_image.scale_prop {
}

.index_container .main_index_container .main_index .index_item .index_item_row.index_item_row_title .index_item_image .index_item_index_ob {
}

.index_container .main_index_container .main_index .index_item .index_item_row.index_item_row_year {
    width: 4.973vw;
}

.index_container .main_index_container .main_index .index_item .index_item_row.index_item_row_categories {
    float: right;
    text-align: right;
}

.index_container .work_footer {
}

.index_container .work_footer .filters_container {
}

.index_container .work_footer .filters_container .filter_options {
}

.index_container .work_footer .filters_container .filter_options .filter_labels_container {
}

.index_container .work_footer .filters_container .filter_options .filter_labels_container .filter_labels_container_wrapper {
}

.index_container .work_footer .filters_container .filter_options .filter_labels_container .filter_labels_container_wrapper .categories_filters_option {
}

.index_container .work_footer .filters_container .filter_options .filter_labels_container .filter_labels_container_wrapper .categories_filters_option.link {
}

.index_container .work_footer .filters_container .filter_options .filter_labels_container .filter_labels_container_wrapper .categories_filters_option.active {
}

.index_container .work_footer .work_footer_menu {
}

.index_container .work_footer .work_footer_menu .work_menu_container {
}

.index_container .work_footer .work_footer_menu .work_menu_container .work_menu {
}

.index_container .work_footer .work_footer_menu .work_menu_container .work_menu .menu_item_parent {
}

.index_container .work_footer .work_footer_menu .work_menu_container .work_menu .menu_item_parent .work_menu-nav {
}

.index_container .work_footer .work_footer_menu .work_menu_container .work_menu .menu_item_parent .work_menu-nav .link {
}

.page-template-template_index .work_footer .work_footer_menu a:last-child {
    opacity: 1;
}

.page-template-template_work .work_footer .work_footer_menu a:first-child {
    opacity: 1;
}

#website_footer.custom_footer a {
    -moz-transition: color .35s linear;
    -ms-transition: color .35s linear;
    -o-transition: color .35s linear;
    transition: color .35s linear;
}

.index_item_image {
    width: 24.32vw;
    position: fixed;
    top: 6.3vw;
    left: 25.36vw;
    opacity: 0;
    -moz-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
    pointer-events: none;
}

.index_item_image .index_item_index_ob {
    background-size: cover;
    background-position: center;
    height: 100%;
}

.start_a_project_container {
    position: fixed;
    right: 0;
    z-index: 8;
    background-color: white;
    height: 100%;
    width: 25.4vw;
    padding: 2.1vw 0.5vw;
    font-size: 0.9vw;
    line-height: 1.2vw;
    -webkit-transform: translate(100%, 0%);
    -moz-transform: translate(100%, 0%);
    -ms-transform: translate(100%, 0%);
    -o-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
    overflow: auto;
    padding-bottom: 0;
}

.open_contact_form .start_a_project_container {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.start_a_project_container .start_a_project_content {
    min-height: 100%;
    position: relative;
    padding-bottom: 8vw;
}

.start_a_project_container .start_a_project_content p {
    margin-bottom: 1.6vw;
}

.start_a_project_container .start_a_project_content .digital-clock {
    display: inline-block;
    min-width: 3.7vw;
    text-align: center;
}

.start_a_project_container .start_a_project_content .wpcf7.js {
}

.start_a_project_container .start_a_project_content .wpcf7.js .screen-reader-response {
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form {
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field {
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field .contact_form_field_label {
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field .contact_form_field_label p {
    margin: 0;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field .contact_form_field_container {
    margin-bottom: 1.6vw;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field .contact_form_field_container p {
    margin: 0;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field .contact_form_field_container .wpcf7-form-control {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid;
    background: transparent;
    height: 2.3vw;
    font-size: 1.6vw;
    -moz-transition: border .35s linear, color .35s linear, background .35s linear;
    -ms-transition: border .35s linear, color .35s linear, background .35s linear;
    -o-transition: border .35s linear, color .35s linear, background .35s linear;
    transition: border .35s linear, color .35s linear, background .35s linear;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field .contact_form_field_container .wpcf7-form-control.wpcf7-not-valid {
    border-color: red;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field .contact_form_field_container .wpcf7-text {
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field .contact_form_field_container .wpcf7-email {
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field .contact_form_field_container .wpcf7-textarea {
    height: 8.1vw;
    resize: none;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field.contact_submit_field .contact_form_field_container {
    margin: 0;
    margin-bottom: 0.5vw;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field.contact_submit_field .contact_form_field_container:after {
    content: '';
    display: block;
    clear: both;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field.contact_submit_field .contact_form_field_container .wpcf7-submit {
    border-radius: 50%;
    width: 2.5vw;
    line-height: 2.5vw;
    height: 2.5vw;
    border: 1px solid;
    font-size: 1.9vw;
    line-height: 1.39197vw;
    font-family: 'Sohne-Leicht';
    float: right;
    cursor: pointer;
    margin-top: -0.3vw;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form.wpcf7-form.submitting .contact_form_field.contact_submit_field .contact_form_field_container .wpcf7-submit {
    opacity: .5;
    pointer-events: none
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .contact_form_field.contact_submit_field .contact_form_field_container .wpcf7-spinner {
    display: none!important;
}

.start_a_project_container .start_a_project_content .wpcf7.js .wpcf7-form .wpcf7-response-output {
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    display: none!important;
}

.start_a_project_form {
    margin-top: 4.2vw;
}

::placeholder {
    opacity: .5;
    color: black;
    -moz-transition: opacity .35s linear,color .35s linear;
    -ms-transition: opacity .35s linear,color .35s linear;
    -o-transition: opacity .35s linear,color .35s linear;
    transition: opacity .35s linear,color .35s linear;
}

::-webkit-input-placeholder {
    opacity: .5;
    color: black;
    -moz-transition: opacity .35s linear,color .35s linear;
    -ms-transition: opacity .35s linear,color .35s linear;
    -o-transition: opacity .35s linear,color .35s linear;
    transition: opacity .35s linear,color .35s linear;
}

:-ms-input-placeholder {
    opacity: .5;
    color: black;
    -moz-transition: opacity .35s linear,color .35s linear;
    -ms-transition: opacity .35s linear,color .35s linear;
    -o-transition: opacity .35s linear,color .35s linear;
    transition: opacity .35s linear,color .35s linear;
}

::-ms-input-placeholder {
    opacity: .5;
    color: black;
    -moz-transition: opacity .35s linear,color .35s linear;
    -ms-transition: opacity .35s linear,color .35s linear;
    -o-transition: opacity .35s linear,color .35s linear;
    transition: opacity .35s linear,color .35s linear;
}

.clock_emoji {
    display: inline-block;
    width: 0.9vw;
    height: auto;
    vertical-align: -0.12vw;
    margin-left: 0.1vw;
    margin-right: 0;
}

.clock_emoji svg {
    display: block;
    width: 100%;
    height: auto;
}

.status_emoji {
    width: 0.9vw;
    height: 0.9vw;
    background-image: url(images/smiling_emoji.png);
    display: inline-block;
    background-size: cover;
    background-position: center;
    vertical-align: -0.1vw;
    /* margin-left: 0; */
    margin-right: 0.1vw;
    margin: 0 0.1vw;
}

.night .status_emoji {
    background-image: url(images/sleeping_emoji.png);
}

body .wpcf7-not-valid-tip {
    display: none!important
}

body .wpcf7 form.failed .wpcf7-response-output, body .wpcf7 form.aborted .wpcf7-response-output {
    display: none!important
}

body .wpcf7 form.spam .wpcf7-response-output {
    display: none!important
}

body .wpcf7 form.invalid .wpcf7-response-output, body .wpcf7 form.unaccepted .wpcf7-response-output, body .wpcf7 form.payment-required .wpcf7-response-output {
    display: none!important
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    /* Green */
    color: #46b450;
}

.work_container {
    padding-top: 4vw;
}

.page-template-template_work .work_container {
    padding: 0;
}

.work_container .work_details {
    padding-bottom: 0.5vw;
    height: 2.1vw;
    padding: 0.5vw;
    z-index: 7;
    position: fixed;
    width: 100%;
    top: calc(1.7vw - 1px);
    background-color: white;
    transform: translateZ(0);
}

.work_container .work_details .work_details_item {
    float: left;
    padding: 0;
}

.work_container .work_details .work_details_work_name {
    width: 19.9vw;
}

.work_container .work_details .work_details_work_subtitle {
}

.work_container .work_details .work_details_work_subtitle , .work_container .work_details .work_details_work_year {
    -moz-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}

.fixed_header .work_container .work_details .work_details_work_subtitle , .fixed_header .work_container .work_details .work_details_work_year {
    /* opacity:0; */
}

.work_container .work_details .work_details_work_year {
    float: right;
}

.work_container .work_hero {
    padding: 0 0.5vw 0.5vw;
}

.work_container .work_hero .work_hero_image {
    height: 100vh;
}

.work_container .work_content {
    padding: 4.2vw 0.5vw;
    font-family: 'Sohne-Buch';
    font-size: 2.5vw;
    line-height: 3vw;
}

.work_container .work_content p {
    margin: 0;
    text-indent: 19.8vw;
}

.work_container .work_images_layout {
}

.work_container .work_images_layout .work_images_layout_item {
    padding: 0 0.3vw;
}

.work_container .work_images_layout .work_images_layout_item .work_images_layout_item_image_container {
    float: left;
    min-height: 0.5vw;
    padding: 0.3vw;
}

.work_container .work_images_layout .work_images_layout_item .work_images_layout_item_image_container .work_images_layout_item_image.video_controls {
    cursor: pointer;
}

.work_container .work_images_layout .work_images_layout_item.images_1 .work_images_layout_item_image_container {
    float: none
}

.work_container .work_images_layout .work_images_layout_item.images_2 .work_images_layout_item_image_container {
    width: 50%;
}

.work_container .work_images_layout .work_images_layout_item.images_3 .work_images_layout_item_image_container {
    width: 33.3333%;
}

.work_container .work_images_layout .work_images_layout_item.images_4 .work_images_layout_item_image_container {
    width: 25%;
}

.work_container .acknowledgments_container {
    padding-bottom: 14.1vw;
    padding-top: 0.5vw;
}

.work_container .acknowledgments_container .acknowledgments_title {
    width: 19.9vw;
    float: left;
    padding: 0 0.5vw;
}

.work_container .acknowledgments_container .acknowledgments_items {
    width: auto;
    overflow: hidden;
    padding: 0 0.5vw;
    line-height: 1.6vw;
    font-family: 'Sohne-Buch';
}

.work_container .acknowledgments_container .acknowledgments_items .acknowledgments_item {
}

.work_container .relate_projects_container {
}

.work_container .relate_projects_container .relate_projects_title {
    padding: 0 0.5vw;
}

.work_container .relate_projects_container .relate_projects_list {
    padding-bottom: 12.1vw;
}

.work_container .relate_projects_container .relate_projects_list .main_grid_container {
    padding-top: 0.3vw;
}

.work_container .relate_projects_container .relate_projects_list .main_grid_container .main_grid {
}

.work_container .relate_projects_container .relate_projects_list .main_grid_container .main_grid .grid_item {
}

.work_container .relate_projects_container .relate_projects_list .main_grid_container .main_grid .grid_item .grid_item_image {
}

.work_container .relate_projects_container .relate_projects_list .main_grid_container .main_grid .grid_item .grid_item_image .grid_item_image_ob {
}

.image_video {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    position: relative;
}

.play_btn {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 3.6vw;
    cursor: pointer;
}

.play_btn svg {
    width: 100%;
    height: auto;
    display: block;
}

.studio_container {
    padding-top: 2.1vw;
    padding-bottom: 0;
}

.studio_container .main_studio_information {
}

.studio_container .main_studio_information .main_studio_information_content {
    float: left;
    width: 29.24vw;
    /* padding-right: 0.5vw; */
    font-size: 1.25vw;
    line-height: 1.5625vw;
    letter-spacing: -0.002em;
}

.studio_container .main_studio_information .main_studio_information_details {
    width: 17.2395vw;
    float: left;
    margin-left: 5.468vw;
    font-size: 1.25vw;
    line-height: 1.5625vw;
    letter-spacing: -0.002em;
}

.studio_container .main_studio_information .main_studio_information_details p {
    margin-bottom: 2.8vw;
}

.studio_container .main_studio_information .main_studio_information_details p:last-child {
    margin: 0;
}

.studio_container .main_studio_information .main_studio_information_content a {
    -moz-transition: opacity .35s linear, color .35s linear;
    -ms-transition: opacity .35s linear, color .35s linear;
    -o-transition: opacity .35s linear, color .35s linear;
    transition: opacity .35s linear, color .35s linear;
    opacity: .35;
}

.studio_container .main_studio_information .main_studio_information_content strong {
    font-family: 'TimesNow-ExtraLight';
}

.studio_container .main_studio_information_image_container {
}

.studio_container .main_studio_information_image_container .main_studio_information_image {
    float: right;
    width: 44.24vw;
    background-size: cover;
    background-position: center;
    position: relative;
}

.studio_container .main_studio_information_image_container .main_studio_information_image img {
    width: 100%;
    display: block;
    height: auto;
    opacity: 0;
}

.studio_container .main_studio_information_image_container .main_studio_information_image map {
    position: absolute;
}

.studio_container .main_studio_information_image_container .main_studio_information_image map area {
    cursor: none;
}

.main_studio_email {
    padding-left: 15.5vw
}

.main_studio_email a {
}

.main_studio_information_content_container {
    font-family: 'Sohne-Halbfett';
    padding: 14.6vw 0.5vw;
    padding-top: 2.8vw;
    padding-bottom: 1.5vw;
}

.studio_hover_labels_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.studio_hover_labels_container .studio_hover_label {
    position: absolute;
    z-index: 3;
    top: 0;
    font-family: 'Sohne-Buch';
    font-size: 0.8vw;
    line-height: 0.9vw;
    text-align: center;
    opacity: 0;
}

.studio_hover_labels_container .studio_hover_label div {
    margin: 0.2vw 0;
}

.studio_hover_labels_container .studio_hover_label div span {
    display: inline-block;
    padding: 0 0.2vw;
    background: #99FF99;
}

.studio_details_container {
    width: 100%;
    max-width: 63.3vw;
    float: right;
    padding: 0 0.5vw;
    position: relative;
}

.studio_details_container .studio_details_items {
    padding-bottom: 3.6vw;
}

.studio_details_container .studio_details_items .studio_details_item {
}

.studio_details_container .studio_details_items:last-child {
    padding-bottom: 0;
}

.studio_details_container .studio_details_items .studio_details_item .studio_details_item_title {
    float: left;
    width: 50%;
    max-width: 12.4vw;
    padding-right: 0.5vw;
}

.studio_details_container .studio_details_items .studio_details_item .studio_details_item_inner_items {
    width: auto;
    overflow: hidden;
    max-width: 12.4vw;
    padding-right: 0.5vw;
    font-family: 'Sohne-Buch';
    color: rgb(22 25 30 / 50%);
}

.studio_details_container .studio_details_items .studio_details_item .studio_details_item_inner_items .studio_details_item_inner_item {
}

.studio_details_container .studio_details_text {
    width: auto;
    overflow: hidden;
    max-width: 24.3vw;
    font-size: 1.5vw;
    line-height: 1.9vw;
    font-family: 'Sohne-Halbfett';
    position: relative;
    height: 34.4vw;
}

.studio_details_container .studio_details_text p {
}

.studio_details_wrapper {
    padding-bottom: 0;
}

.studio_details_container_items_wrapper {
    width: 55%;
    float: left;
    padding-bottom: 8.2vw;
}

.team_container {
    padding: 0.3vw;
}

.team_container .team_list {
}

.team_container .team_list .team_item {
    padding: 0.3vw;
    float: left;
}

.team_container .team_list .team_item .team_item_wrapper {
    display: block;
    width: 18.1vw;
}

.team_container .team_list .team_item .team_item_image {
    height: 25.3vw;
    background-size: cover;
    background-position: center;
    display: block;
}

.team_container .team_list .team_item .team_item_footer {
    font-family: 'Sohne-Buch';
    font-size: 1vw;
    line-height: 1.4vw;
    padding-top: 1vw;
    display: block;
}

.team_container .team_list .team_item .team_item_footer h2 {
    font-size: 1.1vw;
    line-height: 1.3vw;
    font-family: 'Sohne-Halbfett';
    margin-bottom: 1.6vw;
    margin-top: 0;
}

.team_container .team_list .team_item .team_item_footer p {
}

.studio_details_container .studio_details_items .studio_details_item .studio_details_item_inner_items .studio_details_item_inner_item {
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
    transition: color .15s linear;
}

.studio_details_container .studio_details_items .studio_details_item .studio_details_item_inner_items .studio_details_item_inner_item label {
    cursor: pointer
}

.studio_details_container .studio_details_items .studio_details_item .studio_details_item_inner_items .studio_details_item_inner_item.active {
    color: black;
    font-family: 'Sohne-Halbfett';
}

.studio_details_text_item.active {
    opacity: 1;
    pointer-events: all;
}

.studio_details_container .studio_details_text {
}

.studio_details_text_item {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.page-template-template_work #website_footer.custom_footer, .page-template-template_index #website_footer.custom_footer {
    /* display: none; */
}

.post_container {
    cursor: none;
}

.post_container .post_header {
    position: fixed;
    width: 100%;
    pointer-events: none;
    padding: 2.6vw 0.5vw 0 0.5vw;
    font-family: 'Sohne-Buch';
    z-index: 10;
}

.post_container .post_header a {
    pointer-events: auto;
    text-decoration: underline;
    -moz-transition: opacity .35s linear, color .35s linear;
    -ms-transition: opacity .35s linear, color .35s linear;
    -o-transition: opacity .35s linear, color .35s linear;
    transition: opacity .35s linear, color .35s linear;
}

.post_container .post_header .posts_menu {
    max-width: 13vw;
}

.post_container .post_header .posts_menu ul {
}

.post_container .post_header .posts_menu ul li {
}

.post_container .post_header .posts_menu ul li a {
    opacity: .35;
    text-decoration: none;
    pointer-events: all;
}

.post_container .post_header .posts_menu ul li .mWrap a {
    pointer-events: none
}

.post_container .post_header .posts_menu ul li a {
}

.post_container .post_header .posts_menu ul li a.active {
    opacity: 1;
}

.post_container .post_header .post_author_name {
    position: absolute;
    top: 2.6vw;
    left: 15.4vw;
}

.post_container .post_header .post_sections_menu {
    position: fixed;
    left: 15.4vw;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.post_container .post_header .post_sections_menu ul {
}

.post_container .post_header .post_sections_menu ul li {
    line-height: 1.4vw;
}

.post_container .post_header .post_sections_menu ul li a {
    opacity: .35;
}

.post_container a,.single-post .play_btn {
    cursor: pointer
}

.post_container .vjs-control {
    cursor: pointer
}

.post_container .post_header .post_sections_menu ul li a.active {
    opacity: 1;
}

.post_container .post_content {
    width: 56.4vw;
    padding: 0 0.5vw;
    float: right;
    padding-top: 2.6vw;
    font-family: 'IowanOldStyleBT-Roman';
    font-size: 1.6vw;
    line-height: 2vw;
    padding-bottom: 10.4vw;
}

.post_container .post_content .sections {
}

.post_container .post_content .sections .post_flexible_content {
}

.post_container .post_content .sections .post_flexible_content .post_section {
    margin-bottom: 1.5em;
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module {
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module.post_flexible_content_module_image {
    margin-bottom: 1.2em;
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module.post_flexible_content_module_image .post_images_layout_item_image_container {
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module.post_flexible_content_module_image .post_images_layout_item_image_container .post_images_layout_item_image {
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module.post_flexible_content_module_image .post_images_layout_item_image_container .post_images_layout_item_image.image_video {
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module.post_flexible_content_module_text {
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module.post_flexible_content_module_text.custom_clear {
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module.post_flexible_content_module_text .post_flexible_content_text_container {
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module.post_flexible_content_module_text .post_flexible_content_text_container p {
}

.post_container .post_content .sections .post_flexible_content .post_section .post_flexible_content_module.post_flexible_content_module_text .post_flexible_content_text_container h1 {
    font-family: 'Sohne-Kraftig';
    font-size: 1vw;
    line-height: 2.5vw;
    text-decoration: underline;
    margin-top: 0;
}

.post_content_date {
    text-align: right;
    font-family: 'Sohne-Buch';
    padding-bottom: 0.5vw;
    font-size: 1vw;
    line-height: 1.2vw;
}

.post_credits {
    font-size: 1vw;
    line-height: 1.6vw;
    font-family: 'Sohne-Buch';
    margin-top: 7.3vw;
}

.post_credits .credit_item {
}

.post_credits .credit_item .credit_item_title {
    float: left;
    width: 7.3vw;
    padding-right: 0.5vw;
}

.post_credits .credit_item .credit_item_value {
    overflow: hidden;
    width: auto;
}

.post_credits .credit_item .credit_item_value a:link {
    text-decoration: underline;
}

#progress-bar-container {
    position: fixed;
    /* Stays fixed at the top */
    top: 0;
    left: 0;
    width: 100%;
    /* Full width */
    height: 1px;
    /* Adjust height as needed */
    background-color: rgb(0 0 0 / 24%);
    /* Background color for the container */
    /* Ensure it is on top of other elements */
    top: 2.1vw;
}

#progress-bar {
    height: 1px;
    /* Full height */
    width: 0%;
    /* Initial width set to 0% */
    background-color: #000000;
    /* Color of the progress bar */
    transition: width 0.25s;
    /* Smooth transition for width */
}

body.single-post .vjs-seek-handle,body.single-post .vjs-play-progress,body.single-post .vjs-load-progress {
    background-color: #99FF99;
}

body.single-post .vjs-load-progress {
    background: white
}

body.single-post .vjs-fullscreen .vjs-fullscreen-control:after,body.single-post .vjs-fullscreen-control:after,body.single-post .vjs-play-control.vjs-playing:after,body.single-post .vjs-play-control:after {
    color: #99FF99;
}

body.single-post .vjs-slider {
    background-color: #99FF99;
}

.single-post .play_btn svg path {
    fill: #99FF99;
}

body.single-post .vjs-loading-spinner:before {
    color: #99FF99;
}

.cursor {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
}

.cursor_inner {
    position: absolute;
    z-index: 3;
    top: 0;
    font-family: 'Sohne-Buch';
    font-size: 0.8vw;
    line-height: 0.9vw;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cursor_inner div {
    margin: 0.2vw 0;
}

.cursor_inner div span {
    display: inline-block;
    padding: 0 0.2vw;
    background: #99FF99;
}

.scroll_cursor .cursor {
    opacity: 1;
}

.single-post .start_a_project_container {
    padding-top: 2.8vw
}

@media (orientation: landscape) {
    .filters_container {
        background-color:transparent !important;
    }

    .studio_details_container .studio_details_items {
        display: block!important;
    }
}

.mobile_label {
    display: none;
}

.team_item_links {
    margin-top: 1.5vw;
}

.mobile_menu_footer .footer_menu {
}

.mobile_menu_footer .footer_menu.menu_item_parent {
    padding-bottom: 1.1vw;
}

.mobile_menu_footer .footer_menu.menu_item_parent ul {
}

.mobile_menu_footer .footer_menu.menu_item_parent ul.footer_menu-nav {
}

.mobile_menu_footer .footer_menu.menu_item_parent ul.footer_menu-nav li {
}

.open_contact_form .mobile_menu_footer .footer_menu.menu_item_parent ul.footer_menu-nav li a {pointer-events: all;}

.mobile_menu_footer .footer_menu.menu_item_parent ul.footer_menu-nav li a .link_arrow {
}

.mobile_menu_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    pointer-events: none;
}

.marquee_parent {
    position: relative;
    width: 17.70vw;
    overflow: hidden;
}

.open_menu .mobile_menu_footer a {
    pointer-events: all
}

.posts_menu .marquee_parent {
    width: 8.7vw;
}

.marquee_parent label {
    display: block;
    width: 100%;
}

.marquee_parent label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 100%; */
    cursor: none;
}

.marquee_parent .mWrap {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
    overflow: hidden;
    opacity: 0!important;
    z-index: `;
}

.marquee_parent.inited_marquee .mWrap {
    opacity: 1!important;
    z-index: 4;
}

.marquee_parent.inited_marquee label {
    opacity: 0!important;
}

.marquee_parent .mWrap a {
    display: inline-block;
    padding-right: 1vw;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
}

.width_reference {
    opacity: 0;
    white-space: nowrap;
    position: absolute;
    top: 0;
    pointer-events: none;
}

.mWrap {
    opacity: 0;
}

.mMove {
    opacity: 0;
    white-space: nowrap;
    transform: translateZ(0);
}

.mWrap.mIni .mMove {
    opacity: 1;
}

.mWrap, .mWrap * {
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.grab {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
}

.grabbing {
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}

.strTools *, .strTools *:after, .strTools *:before {
    box-sizing: border-box !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.mWrap img {
    max-width: none !important;
}

.str_move {
    cursor: move;
}

.str_static .str_move, .no_drag .str_move, .noStop .str_move {
    cursor: inherit;
}

/* === Appearance Marquee === */
.mWrap {
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    text-transform: none;
    text-align: left;
    background: none;
    color: inherit;
}

.marquee_parent label {
    display: block;
    width: 100%;
}

.marquee_parent label {
    display: block;
    /* width: 100%; */
    cursor: none;
}

.marquee_parent.is_marquee label a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.marquee_parent .mWrap {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
    overflow: hidden;
    opacity: 0!important;
}

#confettiCanvas {
    pointer-events: none;
}

.start_a_project_content_header a {
    text-decoration: underline
}

#randomImagesContainer {
    position: fixed;
    /* Ensure it's relative for absolute positioning of images */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 100000000000000000;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

#randomImagesContainer.active {
    opacity: 1;
}

.random-image {
    position: absolute;
    /* Make images absolutely positioned */
    opacity: 0;
}

.random-image.active {
    opacity: 1;
}

.post_container .post_header .post_sections_menu ul li .marquee_parent {
    width: 12vw;
}

.studio_pop_ups_container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12;
    pointer-events: none;
}
.open_team_pop_up .studio_pop_ups_container{
    pointer-events:all;
}

.studio_pop_ups_container.desktop {
}

.studio_pop_ups_container .team_item_pop_up {
    padding: 0.520vw;
    position: fixed;
    top: 0;
    z-index: 12;
    width: 29.843vw;
    left: 7.8645vw;
    max-height: 100vh;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.studio_pop_ups_container .team_item_pop_up.active {
    opacity: 1;
    pointer-events: all
}

.studio_pop_ups_container .team_item_pop_up.custom_clear {
}

.studio_pop_ups_container .team_item_pop_up .close_team_pop_up {
    width: 2.447vw;
    cursor: pointer;
    position: absolute;
    right: 0.520vw;
    top: 0.520vw;
    z-index: 3;
}

.studio_pop_ups_container .team_item_pop_up .close_team_pop_up svg {
    display: block;
    width: 100%;
}

.studio_pop_ups_container .team_item_pop_up .close_team_pop_up svg line {
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper {position: relative;}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_image_container {
    height: 22.079vw;
    width: 16.85vw;
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_image_container .team_item_image {
    height: 100%;
    background-size: cover;
    background-position: center;
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer {
    padding-top: 0.520vw;
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer label {
    font-size: 1.7819vw;
    line-height: 2.13838vw;
    font-family: 'Sohne-Halbfett';
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_footer_body {
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_footer_body .team_item_footer_job_description {
    font-size: 0.989583vw;
    line-height: 1.466vw;
    padding-top: .1vw;
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_footer_body .team_item_footer_text {
    font-family: 'Sohne-Buch';
    font-size: 1.0416vw;
    padding: 2vw 0;
    line-height: 1.3541;
    padding-bottom: 3vw;
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_footer_body .team_item_footer_text p {
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_footer_body .team_item_footer_text p:last-child {
    margin: 0;
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_links {
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    /* padding: 0.520vw; */
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_links div {
    =: 33.33%;position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_links div:first-child {
    float: left;
    position: static;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_links div:last-child {
    float: right;
    position: static;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_links div a {
}

.studio_pop_ups_container .team_item_pop_up .team_item_wrapper .team_item_footer .team_item_links div a .link_arrow {
}