/*
 Theme Name: Mara Hoffman Studio
 Author: Federico Salort
 Author URI: http://federicosalort.com/
 Description: Theme developed for Mara Hoffman Studio

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

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

body {
    margin: 0px;
    margin: auto;
    height: auto;
    overflow: hidden;
    padding: 0px !important;
    color: #101010;
    background: #F9F6EE;
    font-family: 'HelveticaNeueLTStd-MdCn';
    font-size: 14px;
    line-height: 20px;
}

:root {
    --true-vh: 1vh;
}

.title_style {
}

.body_style {
}

.body_big_style {
}

.body_small_style {
}

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

p:last-child {
    margin: 0;
}

h1 {
}

.mobile {
    display: none !important;
}

html::-webkit-scrollbar, body::-webkit-scrollbar,.portfolio_item_container .portfolio_item_footer_content::-webkit-scrollbar,.profile_column::-webkit-scrollbar {
    display: none;
}

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

header {
    width: 100%;
    z-index: 11;
}

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; */
}

.link_wrap {
    cursor: pointer;
    display: inline-block;
    pointer-events: all;
}

.link_wrap a {
    pointer-events: none !important;
}

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;
}

a {
    color: #101010;
}

b, strong {
}

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

a {
    text-decoration: none
}

header {
    position: fixed;
    letter-spacing: -0.01em;
    line-height: 14px;
}

header a {
    pointer-events: auto;
}

#content,#colophon,#website_footer {
    transition: opacity .25s ease;
    transition: opacity var(--duration-default,.25s) ease
}

.website_unloading #content, .website_unloading #colophon,.website_unloading #website_footer {
    opacity: 0
}

.first_load #content, .first_load #colophon {
    opacity: 0
}

.header {
    height: 40px;
    pointer-events: none;
    text-transform: uppercase;
    bottom: 0;
    transition: color.5s cubic-bezier(0.8, 0, 0.2, 1), opacity .35s linear;
}

.header .header_wrapper {
}

.scroll-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.horizontal-wrapper {
    display: flex;
    width: max-content;
    white-space: nowrap;
    height: 100%;
  
    position: relative;
}
.portfolio_container .horizontal-wrapper {
	  pointer-events: none;
}
.gallery_image_container {
    flex: 0 0 auto;
    height: 100%;
    display: flex;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    flex-direction: column;
    position: relative;
}

.gallery_image_ob {
    background-size: cover;
    background-position: center;
    transition: opacity .25s linear;
    height: 100%;
    position: relative !important;
}
.gallery_image_ob img,.real_image{
	width:100%;
	height:100%;
	object-fit:cover;
	pointer-events:none;
}
.portfolio_container[view="gallery"] .gallery_image_ob:not(.gallery_image_ob_motion) {
    pointer-events: all;
}
.portfolio_container[view="gallery"][cat="motion"] .gallery_image_ob.gallery_image_ob_motion {
    pointer-events: all;
}



.gallery_image_ob.fullscreen_image:after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

body.home, body.home a {
    color: #F9F6EE;
}

.animation_on:not(.animation_off)   .home .header .logo {
    font-size: 4.166666vw;
    top:50%;
    transform: translate(-50%, -50%);
    width:100%;
    text-align:center;
    bottom: auto;
}

.animation_on:not(.animation_off) .home .header .main_menu_container .main_menu nav .main-nav > .item {
    opacity: 0;
}

.animation_on:not(.animation_off)  .header .logo svg {
}

.header .logo {
    position: fixed;
    bottom: 0;
    padding: 12px;
    left: 50%;
    transform: translate(-50%,0%);
    transition: opacity 0.5s cubic-bezier(0.8, 0, 0.2, 1);
    line-height: 100%;
    pointer-events: all;
}
.logo .slogan{
	font-size:16px;
	line-height:20px;
	letter-spacing:-0.01em;
	margin-top: 15px;
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
}
.animation_off .logo .slogan{
	display:none
}
.header .logo svg {
}

.gallery_image_ob > video.ob-video,.portfolio_isotope_grid .grid_item .grid_image_wrapper .grid_image_ob video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.main_menu_container {
}

.main_menu_container .main_menu {
}

.main_menu_container .main_menu nav {
}

.main_menu_container .main_menu nav .main-nav {
}

.main_menu_container .main_menu nav .main-nav > .item {
    position: absolute;
    bottom: 0;
    transition: opacity 0.5s cubic-bezier(0.8, 0, 0.2, 1);
}

.main_menu_container .main_menu nav .main-nav > .item:first-child {
}

.main_menu_container .main_menu nav .main-nav > .item:last-child {
    right: 0;
}

.main_menu_container .main_menu nav .main-nav > .item .submenu_parent {
}

.main_menu_container .main_menu nav .main-nav > .item .submenu_parent .title {
    display: block;
    padding: 12px 18px;
}

.main_menu_container .main_menu nav .main-nav > .item .submenu_parent > .title > span {
}

.main_menu_container .main_menu nav .main-nav > .item .submenu_parent > .title.underline {
}

.main_menu_container .main_menu nav .main-nav > .item .submenu_parent > .title.inverted_underline {
}

.main_menu_container .main_menu nav .main-nav > .item .submenu_parent > .title.cursor_pointer {
    cursor: pointer;
}

.profile_gallery {
    position: fixed;
    width: calc(var(--true-vh) * 64.1972 );
    height: 100%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%,0%);
    cursor: pointer;
    top: 0;
}

.profile_gallery .profile_gallery_image {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .5s cubic-bezier(0.8, 0, 0.2, 1) ;
}

.profile_gallery .profile_gallery_image.is-current {
    opacity: 1;
    z-index: 2;
}

.profile_gallery .profile_gallery_image .profile_gallery_image_ob {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.profile_gallery .profile_gallery_image .profile_gallery_image_ob > video.pg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.profile_container {
    height: calc((var(--true-vh) * 100) - 40px);
    position: relative;
}

.profile_column {
    width: 21.875vw;
    width: 420px;
    position: absolute;
    overflow: auto;
    height: 100%;
    letter-spacing: -0.01em;
    line-height: 18px;
}

.profile_column.profile_left_column {
}

.profile_column.profile_right_column {
    right: 0;
    top: 0;
    left: auto;
}

.profile_column .profile_column_wrapper {
    position: relative;
    padding: 15px;
    padding-bottom: 184px;
    min-height: 100%;
}

.profile_column .profile_column_wrapper .profile_column_item {
}

.profile_column .profile_column_wrapper .profile_column_item.profile_column_item_item {
}

.profile_column .profile_column_wrapper .profile_column_item .profile_column_item_title {
    font-family: 'HelveticaNeueLTStd-LtCn';
    margin-bottom: 1em;
}

.profile_column .profile_column_wrapper .profile_column_item .profile_column_item_text {
}
.profile_column .profile_column_wrapper .profile_column_item.social_item .profile_column_item_text a{
	text-decoration:underline
}

.profile_column .profile_column_wrapper .profile_column_item .profile_column_item_text p {
}

.profile_column .profile_column_wrapper .profile_column_item .profile_column_item_text a {
}

.profile_column .profile_column_items_group {
    margin-top: 1.9792vw;
}

.profile_column .profile_column_items_group.custom_clear {
}

.profile_column .profile_column_items_group .profile_column_items_group_column {
    width: 50%;
    float: left;
    padding-right: 15px;
}

.profile_column .profile_column_items_group .profile_column_items_group_column .profile_column_item {
    margin-bottom: 1.9792vw;
}

.profile_column .profile_column_items_group .profile_column_items_group_column .profile_column_item.profile_column_item_item.social_item {
    font-family: 'HelveticaNeueLTStd-LtCn';
}

.profile_column .profile_column_items_group .profile_column_items_group_column .profile_column_item .profile_column_item_title {
}

.profile_column .profile_column_items_group .profile_column_items_group_column .profile_column_item .profile_column_item_text {
}

.profile_column .profile_column_items_group .profile_column_items_group_column .profile_column_item .profile_column_item_text p {
}

.profile_column .profile_column_items_group .profile_column_items_group_column .profile_column_item .profile_column_item_text a {
}

/* Modulares por tipo de item */
.profile_column .bio_item {
}

.profile_column .offerings_item {
}

.profile_column .social_item {
}

.profile_column .extra_text_item {
}

.profile_column .clients_item {
}

.profile_bottom_legal_text {
    font-family: 'HelveticaNeueLTStd-LtCn';
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
}
.profile_copyrights{
	margin-top:25px
}
.in_conversation_items {
}

.in_conversation_items .in_conversation_item {
    margin: 0em 0 3em 0;
}

.in_conversation_items .in_conversation_item:last-child {
    margin: 0;
}

.in_conversation_items .in_conversation_item .in_conversation_item_date {
    font-family: 'HelveticaNeueLTStd-LtCn';
}

.in_conversation_items .in_conversation_item .in_conversation_item_title {
}

.in_conversation_items .in_conversation_item .in_conversation_item_text {
    margin: 1em 0;
}

.in_conversation_items .in_conversation_item .in_conversation_item_text p {
}

.in_conversation_items .in_conversation_item .in_conversation_item_text p + p {
}

.in_conversation_items .in_conversation_item .in_conversation_item_link {
}

.in_conversation_items .in_conversation_item .in_conversation_item_link a {
    font-family: 'HelveticaNeueLTStd-LtCn';
}

.in_conversation_title {
    font-family: 'HelveticaNeueLTStd-LtCn';
    margin-bottom: 1em;
}

.portfolio_item_slider {
    height: calc((var(--true-vh) * 100) - 212px);
    position: absolute;
    width: 100%;
    top: 40px;
}

.portfolio_item_slider .scroll-container {
    position: absolute;
    padding-bottom: 35px;
}

.portfolio_item_slider .gallery_image_container {
    padding-right: 1px;
}

.portfolio_item_container {
}

.portfolio_item_container .portfolio_item_header {
    position: absolute;
    height: 40px;
    top: 0;
    width: 100%;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.portfolio_item_container .portfolio_item_header > div,.portfolio_item_container .portfolio_item_header > a {
    padding: 12px 18px;
    position: absolute;
}

.portfolio_item_container .portfolio_item_header .portfolio_item_header_cats {
    font-family: 'HelveticaNeueLTStd-LtCn';
}

.portfolio_item_container .portfolio_item_header .portfolio_item_header_title {
    left: 50%;
    transform: translate(-50%,0%);
}

.portfolio_item_container .portfolio_item_header .portfolio_item_header_back {
    right: 0;
    font-family: 'HelveticaNeueLTStd-LtCn';
}

.portfolio_item_container .portfolio_item_slider {
}

.portfolio_item_container .portfolio_item_slider .scroll-container {
}

.portfolio_item_container .portfolio_item_slider .scroll-container .horizontal-wrapper {
}

.portfolio_item_container .portfolio_item_slider .scroll-container .horizontal-wrapper .gallery_image_container {
}

.portfolio_item_container .portfolio_item_slider .scroll-container .horizontal-wrapper .gallery_image_container .gallery_image_ob {
}

/* barra al fondo, sin overflow aquí */
.portfolio_item_container .portfolio_item_footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    height: 167px;
    padding: 15px 0 4px;
    letter-spacing: -0.01em;
    display: flex;
    flex-direction: column;
    overflow: visible;
    /* <- NO scroll aquí */
    z-index: 10;
    /* sobre el slider */
    pointer-events: auto;
}

/* el contenido es el scroller, pegado al fondo */
.portfolio_item_footer .portfolio_item_footer_content {
    margin-top: auto;
    /* empuja al fondo */
    max-height: 100%;
    overflow: auto;
    /* <- scroll aquí */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    /* evita que el wheel “salte” al slider */
    touch-action: pan-y;
    text-align: center;
    line-height: 18px;
    font-family: 'HelveticaNeueLTStd-LtCn';
    letter-spacing: -.01em
}

.portfolio_item_container .portfolio_item_footer .portfolio_item_footer_content p {
    margin-top: 0;
}

.portfolio_item_container .portfolio_item_footer .portfolio_item_footer_content p:last-child {
    magin: 0;
}

.portfolio_item_container .portfolio_item_footer .portfolio_item_footer_content strong {
    font-family: 'HelveticaNeueLTStd-MdCn';
}

.start_animation.animation_on:not(.animation_off) .home .logo {
    opacity: 0;
}

.single-portfolio .gallery_image_ob {
    cursor: pointer;
}

.gallery_image_caption {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-top: 14px;
    transform: translate(0%,100%);
}

::selection {
    background: #101010;
    color: #F9F6EE;
}

::-moz-selection {
    background: #101010;
    color: #F9F6EE;
}

.fullscreen_slider_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F9F6EE;
    z-index: 12;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s cubic-bezier(0.8, 0, 0.2, 1);
}

.fullscreen_slider_container.open {
    opacity: 1;
    pointer-events: auto;
}

.fullscreen_slider_container .fullscreen_slider_close {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.01em;
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 18px;
    z-index: 10;
    cursor: pointer;
    font-family: 'HelveticaNeueLTStd-LtCn';
}

.fullscreen_slider_container .swiper {
    height: 100%;
}

.fullscreen_slider_container .swiper .swiper-wrapper {
    height: 100%;
}

.fullscreen_slider_container .swiper .swiper-wrapper .swiper-slide {
    height: 100%;
}

.fullscreen_slider_container .swiper .swiper-wrapper .swiper-slide .swiper-slide-image {
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.fullscreen_slider_container .swiper .swiper-wrapper .swiper-slide .swiper-slide-image video {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: contain;
}

.fullscreen_slider_container .swiper .swiper-button-next, .fullscreen_slider_container .swiper .swiper-button-prev {
    top: 50%;
    transform: translate(0,-50%);
    padding: 15px;
    cursor: pointer;
    z-index: 10;
}

.fullscreen_slider_container .swiper .swiper-button-next svg, .fullscreen_slider_container .swiper .swiper-button-prev svg {
    width: 15px;
    height: auto;
    display: block;
}

.fullscreen_slider_container .swiper .swiper-button-next {
}

.fullscreen_slider_container .swiper .swiper-button-prev {
    transform: translate(0, -50%) rotate(180deg);
}

.fullscreen_slider_container .swiper .swiper-button-next svg {
}

.fullscreen_slider_container .swiper .swiper-button-prev svg {
}

.portfolio_header {
    position: fixed;
    width: 100%;
    height: 40px;
    font-family: 'HelveticaNeueLTStd-LtCn';
    letter-spacing: -0.01em;
    line-height: 14px;
    z-index: 5;
}

.portfolio_header .porfolio_header_categories_filters {
}

.portfolio_header .porfolio_header_categories_filters .portfolio_filters_list {
    padding: 0 7.5px;
}

.portfolio_header .porfolio_header_categories_filters .portfolio_filters_list .portfolio_filter {
    display: inline-block;
    padding: 12px 7.5px;
    cursor: pointer;
}

.portfolio_header .porfolio_header_categories_filters ul {
}

.portfolio_header .porfolio_header_categories_filters ul li {
}

.portfolio_header .porfolio_header_categories_filters ul li {
    position: relative;
}

.portfolio_header .porfolio_header_categories_filters ul li label {
    font-family: 'HelveticaNeueLTStd-MdCn';
    opacity: 0;
    pointer-events: none;
    left: 50%;
    transform: translate(-50%,0%);
    position: absolute;
    letter-spacing: -0.047em;
}

.portfolio_header .porfolio_header_categories_filters ul li.is-active label {
    opacity: 1;
}

.portfolio_header .porfolio_header_categories_filters ul li.is-active span {
    opacity: 0;
}

.portfolio_header .porfolio_header_views_container {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 7.5px;
    z-index: 3;
    transition: opacity 0.4s ease;
}

.portfolio_header .porfolio_header_views_container.views-motion-forced {
    opacity: 0;
    pointer-events: none;
}

.portfolio_container.cross-fading .view_section {
    opacity: 0 !important;
    pointer-events: none !important;
}

.portfolio_header .porfolio_header_views_container .profolio_view_item {
    display: inline-block;
    padding: 12px 7.5px;
    cursor: pointer;
}

.portfolio_header .porfolio_header_views_container .profolio_view_item label {
    font-family: 'HelveticaNeueLTStd-MdCn';
    opacity: 0;
    pointer-events: none;
    left: 50%;
    transform: translate(-50%,0%);
    position: absolute;
    letter-spacing: -0.047em;
}

.portfolio_header .porfolio_header_views_container .profolio_view_item {
    position: relative;
}

.portfolio_header .porfolio_header_views_container .profolio_view_item.active label {
    opacity: 1;
}

.portfolio_header .porfolio_header_views_container .profolio_view_item.active span {
    opacity: 0;
}

.view_section {
    height: calc((var(--true-vh) * 100));
    position: absolute;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    top: 0;
    left: 0;
    transition: opacity .25s linear;
}

.portfolio_slider .portfolio_slider_wrapper {
    height: 34.8438vw;
    position: relative;
}

.portfolio_slider .scroll-container {
    overflow: visible;
    position: absolute;
}

.portfolio_slider .gallery_image_container {
    cursor: pointer;
    /* padding-right: 5px; */
}

.portfolio_slider .gallery_image_container .gallery_image_ob {
    margin-right: 2px;
}
.portfolio_slider .gallery_image_container:last-child .gallery_image_ob{
	margin:0;
}
/*
.portfolio_slider .gallery_image_container.hidden{
	width:0
}
*/
.portfolio_slider .gallery_image_container:last-child {
    padding-right: 0px
}

.portfolio_slider .gallery_image_caption {
    opacity: 0;
    transition: opacity .1s linear;
}

.project_cats {
    font-family: 'HelveticaNeueLTStd-LtCn';
}

.fake_link {
    cursor: pointer;
    display: inline-block;
}

.view_section {
    opacity: 0;
    pointer-events: none;
}

.portfolio_container[view="gallery"] .profolio_view_item[view="gallery"] label {
    opacity: 1;
}

.portfolio_container[view="gallery"] .profolio_view_item[view="gallery"] span {
    opacity: 0;
}

.portfolio_container[view="grid"] .profolio_view_item[view="grid"] label {
    opacity: 1;
}

.portfolio_container[view="grid"] .profolio_view_item[view="grid"] span {
    opacity: 0;
}
.portfolio_container[view="grid2"] .profolio_view_item[view="grid2"] label {
    opacity: 1;
}

.portfolio_container[view="grid2"] .profolio_view_item[view="grid2"] span {
    opacity: 0;
}

.portfolio_container[view="grid"] .view_section[view="grid"] {
    opacity: 1;
}

.portfolio_container[view="grid"] .view_section[view="grid"] .grid_image_container {
    pointer-events: auto;
}

.portfolio_container[view="gallery"] .view_section[view="gallery"] {
    opacity: 1;
    pointer-events: auto;
}
.portfolio_container[view="grid2"] .view_section[view="grid2"] {
    opacity: 1;
    pointer-events: auto;
}

.portfolio_container[view="grid"] .grid_container {
    pointer-events: all;
    transition: opacity .25s ease;
}
.portfolio_container[view="grid"] .grid_container.filtering{
	opacity:0
}
.portfolio_grid .grid_container {
    /* padding: 0 14px; */
    overflow: hidden;
    height: 100%;
}

.portfolio_grid .grid_image_container {
    float: left;
    height: 13.5938vw;
    margin-bottom: calc((((var(--true-vh) * 100 - (80px + (13.5938vw*2)))/2)));
    transition: opacity .45s linear;
}
.portfolio_grid .grid_image_container.hidden{
	/* opacity: .2!important; */
	pointer-events: none !important;
	width: 0!important;
	display: none;
}

.portfolio_grid .grid_image_container.horizontal_image {
    width: 20%;
}

.portfolio_grid .grid_image_container.vertical_image {
    width: 10%;
}

.portfolio_grid .grid_image_container .grid_image_ob {
    height: 100%;
    background-size: cover;
    background-position: center;
    width: 100%!important;
    /* overflow: hidden; */
    position: relative;
}

.portfolio_grid .grid_image_container .grid_image_ob.keep_ratio_height {
}

.portfolio_grid .grid_image_container .grid_image_ob.fake_link {
}

.portfolio_grid .grid_image_container .grid_image_ob video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity .25s linear ;
}
.portfolio_grid .grid_image_container .grid_image_ob video.hide_this_video{
	opacity:0;
	transition: opacity .25s linear .2s;
}
.portfolio_grid .grid_image_container .grid_image_caption {
    position: absolute;
    opacity: 0;
    transition: opacity .25s linear;
	
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-top: 14px;
    transform: translate(0%, 100%);
    pointer-events: none;
}

.portfolio_grid .grid_image_container .grid_image_caption .project_title {
}

.portfolio_grid .grid_image_container .grid_image_caption .project_cats {
}

.grid_image_wrapper {
    height: 100%;
    padding: 0 1px;
    position: relative;
}

.grid_container_scroller {
    transform: translate3d(0,0,0);
    transition: transform 1000ms cubic-bezier(.22,.61,.36,1);
    will-change: transform;
    width: calc(100% + 2px);
    margin-left: -1px;
}
.filtering .grid_container_scroller {
	  transition: transform 0ms cubic-bezier(.22,.61,.36,1) !important;
}
.gallery_image_ob.fullscreen_image {
    width: 100vw!important;
}
@media (orientation: landscape) {
	

	.portfolio_header .porfolio_header_categories_filters .portfolio_filters_list{
		display:block!important;
		height: auto!important;
	}
}
.portfolio_container:after{
	content:'';
	height: 41px;
	width:100%;
	position:fixed;
	bottom:0;
	background: #F9F6EE;
	z-index:10
}

.scroll_arrow{
    position: absolute;
    left: 50%;
    width: 15px;
    bottom: 40px;
    cursor: pointer;
    transform: translate(-50%, -50%);
    z-index: 14;
    pointer-events: all;
    transition: opacity .25s linear;
}
.scrolled_once.scroll_arrow{
	opacity:0;
	pointer-events:none;
}
.scroll_arrow svg{
    width: 100%;
    display: block;
    height: auto;
    transform: rotate(90deg);
}
.accesibility_statement_module{
	background: rgba(249, 246, 238, 0.70);
	position:fixed;
	z-index:100;
	bottom:0;
	text-align:center;
	color: #101010;
	font-size:14px;
	font-style: normal;
	font-weight: 300;
	line-height: 14px;
	letter-spacing: -0.01em;
	font-family: 'HelveticaNeueLTStd-LtCn';
	width: 100%;
	padding:15px;
	transition: transform .35s linear;
	transform: translate(0%, 100%);
}
.accesibility_statement_module .accesibility_statement_module_close{
    position: absolute;
    cursor: pointer;
    right:15px;
    top: 15px;
}
.accesibility_statement_module .accesibility_statement_module_wrapper{}
.accesibility_statement_module .accesibility_statement_module_wrapper .accesibility_statement_module_wrapper_text{
    width: 75.26vw;
    margin: auto;
}
.accesibility_statement_module .accesibility_statement_module_wrapper .accesibility_statement_module_wrapper_text p{}
.accesibility_statement_module .accesibility_statement_module_wrapper .accesibility_statement_module_wrapper_text a{
	color: #101010;
}

.open_statement .accesibility_statement_module{
		transform: translate(0%, 0%);
}

.open_statement .header{
	opacity:0;
	pointer-events:none
}
.sound_btn{
	font-size: 14px;
	line-height: 14px;
	letter-spacing: -0.01em;
	position: absolute;
	left: 0;
	top: 0;
	padding: 12px 18px;
	z-index: 10;
	font-family: 'HelveticaNeueLTStd-LtCn';
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s linear;
}
.fullscreen-open .sound_btn.visible{
	opacity:1;
	pointer-events:all
}
.sound_btn.muted span:before{
	content:'On'
}
.sound_btn span:before{
	content:'Off'
}
.gallery_image_ob_motion{
	position: absolute !important;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	opacity: 0;
	pointer-events:none;
	transition: opacity .25s linear .25s;
}
[cat="motion"] .gallery_image_ob_motion{
	opacity:1;
	transition: opacity .25s linear;
	position: relative !important;
}
[cat="motion"] .gallery_image_ob_normal{
		position: absolute!important;
}
.gallery_image_ob_normal{

	opacity: 1;
	transition: opacity .25s linear;

}
[cat="motion"] .gallery_image_ob_normal{
	opacity:0;
	transition: opacity .25s linear .25s;
	width: auto!important;
}
.portfolio_container[cat="all"] .portfolio_slider .gallery_image_container.hide_from_all,
.portfolio_container[cat="all"] .portfolio_grid .grid_image_container.hide_from_all,
.portfolio_container[cat="all"] .portfolio_isotope_grid .grid_item.hide_from_all {
    display: none;
}

.motion_project_trigger {
    cursor: pointer;
}
.fullscreen_slider_container.portfolio_motion_fullscreen_slider .swiper .swiper-wrapper .swiper-slide .swiper-slide-image {
    position: relative;
    overflow: hidden;
}

.fullscreen_slider_container.portfolio_motion_fullscreen_slider .swiper .swiper-wrapper .swiper-slide .swiper-slide-image.video-is-playing {
    background-image: none !important;
}

.fullscreen_slider_container.portfolio_motion_fullscreen_slider .swiper .swiper-wrapper .swiper-slide .swiper-slide-image video.ob-video {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}