/*
 Theme Name: Armen Harootun
 Author: Federico Salort
 Author URI: http://federicosalort.com/
 Description: Theme developed for Armen Harootun

 */
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: 0px;
    margin: auto;
    height: auto;
    overflow: hidden;
    padding: 0px !important;
    color: black;
    font-family: 'RL-Orbis-C-Regular';
    font-size: 13px;
    line-height: 15.83px;
    -moz-transition: background .25s ease 0s;
    -ms-transition: background .25s ease 0s;
    -o-transition: background .25s ease 0s;
    transition: background .25s ease 0s;
}

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

p:last-child {
    margin: 0;
}

h1 {
}

.mobile {
    display: none !important;
}

html::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
}

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

header {
    width: 100%;
    z-index: 3;
    opacity: 1;
}

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

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

b, strong {
}

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

a {
    text-decoration: none
}

header {
}

.body *, body, a, label {
}

body.home,body.single-project {
    color: White;
}

body.single-project {
    background: black;
}

body.home a,body.single-project a {
    color: White;
}

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

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

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

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

.header {
    position: fixed;
    width: 100%;
    z-index: 14;
    text-transform: uppercase;
}

.header .header_wrapper {
    position: relative;
}

.header .header_wrapper .main_menu_container {
}

.header .header_wrapper .main_menu_container .main_menu {
    position: absolute;
    padding: 12.4px 13px;
    -moz-transition: opacity .3s linear 0s;
    -ms-transition: opacity .3s linear 0s;
    -o-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s;
}

.header .header_wrapper .main_menu_container .main_menu ul {
}

.header .header_wrapper .main_menu_container .main_menu ul li {
}

.header .header_wrapper .main_menu_container .main_menu ul li .menu_item {
}

.header .header_wrapper .social_menu {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 12.4px;
    transition: opacity .25s ease;
}

.single-project .header .header_wrapper .social_menu {
    opacity: 0;
}

.header .header_wrapper .social_menu ul {
}

.header .header_wrapper .social_menu ul li {
    display: inline-block;
    width: 12.5vw;
    padding: 0 4px;
}

.header .header_wrapper .social_menu ul li .social_item {
}

.custom_link:before {
    content: '['
}

.custom_link:after {
    content: ']'
}

.custom_link:after,.custom_link:before {
    -moz-transition: opacity .15s linear 0s;
    -ms-transition: opacity .15s linear 0s;
    -o-transition: opacity .15s linear 0s;
    transition: opacity .15s linear 0s;
}

.custom_link .custom_link_label {
    display: inline-block;
    -moz-transition: padding .6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    -ms-transition: padding .6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    -o-transition: padding .6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    transition: padding .6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}

.custom_link {
    position: relative;
}

.custom_link span {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%, -50%);
    left: 1px;
    opacity: 0;
    -moz-transition: opacity .3s linear 0s;
    -ms-transition: opacity .3s linear 0s;
    -o-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s;
}

.home .custom_link span:after,.single-project .custom_link span:after {
    background: white;
}

.custom_link.active span {
    opacity: 1;
    opacity: 0;
}

.custom_link.active:after,.custom_link.active:before {
    opacity: 0;
}

.custom_link.active .custom_link_label {
    padding-left: 39px
}

.custom_link span:after {
    content: '';
    width: 4.915px;
    height: 4.915px;
    background: black;
    display: block;
    border-radius: 50%;
}

.logo {
    font-size: 19px;
    line-height: 16px;
    position: absolute;
    left: 50%;
    top: 68.486px;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    font-family: 'Selecta-Medium';
    -moz-transition: opacity .3s linear 0s;
    -ms-transition: opacity .3s linear 0s;
    -o-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s;
    opacity: 0;
    pointer-events: none;
    top: 57.125px;
    z-index: 14;
    position: fixed;
}

body:not(.single-project) .logo {
    opacity: 1;
    pointer-events: auto;
}

body.first_time .logo {
    opacity: 0;
    pointer-events: auto;
}

.logo a {
}

.logo a.site_logo {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

body:not(.home) .logo a.site_logo {
    opacity: 1
}

.logo a.home_logo {
    position: relative;
}

body:not(.home) .logo a.home_logo {
    /* display: none; */
    opacity: 0;
    z-index: -1
}

body.home .logo a.home_logo {
    display: block;
    z-index: 2
}

.about_items {
    position: absolute;
    bottom: 0;
    padding-bottom: 70px;
    width: 100%;
}

.about_items .about_items_group {
    float: left;
    width: 33.33%;
    /* padding: 0 4px; */
}

.about_items .about_items_group.about_items_group_1 {
    padding-left: 13px;
}

.about_items .about_items_group.about_items_group_2 {
}

.about_items .about_items_group.about_items_group_3 {
    padding-right: 33px;
}

.about_items .about_items_group .about_item {
    margin-bottom: 28px;
}

.about_items .about_items_group .about_item:last-child {
    margin: 0;
}

.about_items .about_items_group .about_item .about_item_title {
    margin-bottom: 4px;
    position: absolute;
    bottom: 30px;
    width: auto;
}

.about_items .about_items_group .about_item .about_item_content {
    font-size: 17px;
    line-height: 17px;
    font-family: 'Selecta-Medium';
}

.about_items .about_items_group .about_item .about_item_content a {
}

.about_items .about_items_group .about_item .about_item_content p {
}

.about_items .about_items_group .about_item .about_item_content ul {
    column-count: 2;
}

.about_items .about_items_group .about_item .about_item_content ul li {
}

.about_content,.about_content_mobile {
    font-size: 24.7px;
    line-height: 25.17px;
    top: 50%;
    left: 50%;
    font-family: 'Selecta-Medium';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    position: fixed;
}

.about_items .about_items_group.about_items_group_2 .about_item .about_item_content {
    width: 63.43%;
}

.about_timeline {
    position: absolute;
    bottom: 0;
    height: 26px;
    width: 100%;
}

.about_timeline .timeline_line {
    position: absolute;
    background: black;
    height: 100%;
    width: 1px;
}

.about_timeline .timeline_line.timeline_line1 {
    left: 13px;
}

.about_timeline .timeline_line.timeline_line2 {
    left: 33.33%;
}

.about_timeline .timeline_line.timeline_line3 {
    right: 33.33%;
}

.about_timeline .timeline_line.timeline_line4 {
    right: 13px;
}

/* Contenedor de todos los players, ocupa toda la pantalla */
.video_list {
    position: fixed;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    width: 100%;
}

/* Cada video ocupa toda la pantalla, pero solo el activo se muestra */
.video_player {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.video_player.active {
    opacity: 1;
    z-index: 1;
}

/* El video ocupa toda la pantalla */
.video_player video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background-color: black;
}
.is_fullscreen  .video_player video {
     object-fit: contain;
     background-color: black;
}
/* Navegación: ocupa toda la pantalla y se superpone con flex horizontal */
.open_info .video_nav {
    opacity: 0;
}

.video_nav {
    -moz-transition: opacity .3s linear 0s;
    -ms-transition: opacity .3s linear 0s;
    -o-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s;
}

.video_nav_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    display: flex;
    pointer-events: none;
    z-index: 12;
    width: calc(100vw - 26px);
    left: 13px;
}

.video_link {
    flex: 1;
    position: relative;
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    color: white;
    cursor: pointer;
    /* padding: 1rem; */
    box-sizing: border-box;
    pointer-events: all;
}

.open_info .video_link {
    pointer-events: none
}

.video_link.active {
    pointer-events: none
}

.video_link:before,.video_link:after {
    content: '';
    position: absolute;
    background: white;
    height: 100%;
    width: 1px;
    height: 26px;
    bottom: 0;
    left: 0;
    opacity: .45;
    -moz-transition: opacity .3s linear 0s, baclkground 3s linear 0s;
    -ms-transition: opacity .3s linear 0s, baclkground 3s linear 0s;
    -o-transition: opacity .3s linear 0s, baclkground 3s linear 0s;
    transition: opacity .3s linear 0s, baclkground 3s linear 0s;
}

.open_info .video_nav .video_tooltip {
    /* opacity: 1; */
    /* pointer-events: all; */
}

.open_info .video_link:before,.open_info .video_link:after {
    background: black;
    opacity: 1;
}

.video_link:after {
    display: none;
}

.video_link:first-child:before {
    left: 0;
}

.video_link:last-child:after {
    right: 0;
    left: auto;
    display: block;
}

.progress_line,.fake_progress_line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    /* background: red; */
    transition: opacity 0.3s linear;
    left: 0;
    background-image: url(images/timeline.svg);
    background-size: 100% auto;
}

.changing_project .progress_line,.changing_project .fake_progress_line {
    transition: opacity 0.3s linear,left .6s cubic-bezier(0.87, 0, 0.13, 1);
    ; ; }

/* Tooltip contenedor (dentro de .video_link) */
.video_tooltip {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0%,calc(-100% - 6.859px + 195.021px));
    width: 237.094px;
    height: 179.021px;
    margin-top: 10px;
    /* background: #000; */
    pointer-events: none;
    opacity: 0;
    z-index: 20;
    margin-top: 0;
    border-radius: 3.95px;
    overflow: hidden;
    -moz-transition: opacity .1s linear 0s,width 1s ease;
    -ms-transition: opacity .1s linear 0s,width 1s ease;
    -o-transition: opacity .1s linear 0s,width 1s ease;
    transition: opacity .1s linear 0s,width 1s ease;
    background-size: cover;
    background-position: center;
    display: block;
    overflow: hidden;
}

.video_link .video_tooltip {
    pointer-events: all
}

.video_tooltip_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: transform 1s ease;
}

/* El video dentro del tooltip */
.video_tooltip video {
    width: auto;
    height: 100%;
    /* object-fit: cover; */
    /* background: transparent; */
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%, 0%);
    left: 50%;
    position: absolute;
    z-index: 2;
}

.video_name {
    position: absolute;
    bottom: 30px;
    left: 0;
    text-transform: uppercase;
    opacity: .45;
    -moz-transition: opacity .3s linear 0s,color.3s linear 0s;
    -ms-transition: opacity .3s linear 0s,color.3s linear 0s;
    -o-transition: opacity .3s linear 0s,color.3s linear 0s;
    transition: opacity .3s linear 0s,color.3s linear 0s;
    pointer-events: all;
    padding-top: 185.021px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-align: left;
    pointer-events: none;
}

.home .video_name {
    /* width: auto; */
    /* pointer-events: auto; */
}

.open_info .video_name {
}

/*.video_name a {
    width: 10px;
    display: inline-block;
    margin-left: 7px;
    -moz-transition: opacity .3s linear 0s;
    -ms-transition: opacity .3s linear 0s;
    -o-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s;
    opacity: 0;
    pointer-events: none;
}
*/
.video_name a svg {
    display: block;
    width: 100%;
    height: auto;
}

.video_link.active .video_name a {
    opacity: 1;
    pointer-events: auto;
}

.video_link:first-child .video_name {
    /* left:13px; */
}

.video_nav_wrapper_container {
    width: 100%;
    display: flex;
}

.video_link.active .video_name {
    opacity: 1;
}

.video_link.active:before,.video_link.active:after {
    opacity: 1;
}

.sound_btn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 100;
    color: white;
    cursor: pointer;
    user-select: none;
    pointer-events: auto;
    top: 12.4px;
    padding: 0 4px;
    left: 20%;
    -moz-transition: opacity .3s linear 0s;
    -ms-transition: opacity .3s linear 0s;
    -o-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s;
}

.sound_btn label {
    pointer-events: none;
    -moz-transition: opacity .15s linear 0s;
    -ms-transition: opacity .15s linear 0s;
    -o-transition: opacity .15s linear 0s;
    transition: opacity .15s linear 0s;
}

.is_fullscreen .sound_btn {
    left: 13px;
    padding: 0
}

.sound_btn span::before {
    content: 'ON';
}

.sound_btn.muted span::before {
    content: 'OFF';
}

.video_name_text1, .video_name_text2 {
    display: inline;
}

.single-project .video_name_text1 {display: none;}

.video_name_text2 {
    margin-left: 10px;
    margin: 0;
    /* display: block; */
}

.position_line {
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: white;
    pointer-events: none;
    z-index: 100;
    opacity: .25;
    -moz-transition: opacity .3s linear 0s;
    -ms-transition: opacity .3s linear 0s;
    -o-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s;
}

.hide_bar .position_line,.inactive_user .position_line {
    opacity: 0;
}

.project_grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    /* space between rows */
    padding: 9.05px;
}

.grid_row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    /* space between columns */
    border-bottom: 1px solid black;
    margin-bottom: 9px;
}

.project_grid .grid_row:last-child {
    /* border-bottom: 0; */
    margin-bottom: 0px;
}

.cell.project {
    /* aspect-ratio: 4 / 3; */
}

.cell.empty {
    background: transparent;
    pointer-events: none;
}

.cell {
    width: 100%;
}

.project_grid {
    transition: opacity .5s linear,padding.5s linear;
}

.project_grid.filtered.odd-rows {
    padding-bottom: calc(15.773vw + 9.83px);
    border-bottom: 1px solid black;
}

.project_grid.inactive_group {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.project_grid.hidden_group {
    pointer-events: none;
    opacity: 0;
}

.project_grid .grid_row {
}

.project_grid .grid_row .cell {
    height: calc(15.773vw + 8.83px);
    position: relative;
}

.project_grid .grid_row .cell.project {
}

.project_grid .grid_row .cell.project .grid_video_wrapper {
    /* contenedor general del contenido del proyecto */
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    transition: width .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    width: 100%;
    overflow: hidden;
}

.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link {
    /* enlace al proyecto */
    cursor: pointer;
}

.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_link {
    /* contenedor de datos de video */
    overflow: hidden;
    border-radius: 3.95px;
}

.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_link .grid_video_image {
    /* imagen de fondo (poster) */
    width: 100%;
    height: 14.973vw;
    background-size: auto 105%;
    background-position: center;
    position: relative;
    overflow: hidden;
    transition: transform .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_footer {
    /* footer que incluye nombre y categoría */
    text-transform: uppercase;
    position: relative;
    /* padding-right: 135px; */
    padding: 4px;
}

.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_footer .grid_video_name {
    display: block;
    max-width: 100%;
          overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;  

}
.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_footer .grid_video_name div{

}
.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_footer .grid_video_name span{
    display:block;
}
.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_footer .grid_video_name .grid_video_name_text1 {
    /* título */
    display: inline-block;
}

.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_footer .grid_video_name .grid_video_name_text2 {
    /* subtítulo */
    display: inline-block;
    margin-left: 10px;
}

.project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_footer .grid_video_category {
    /* categoría entre corchetes */
    position: absolute;
    top: 4px;
    right: 2px;
}

.grid_video_image video {
    position: absolute;
    top: -2.5%;
    left: 50%;
    width: auto;
    height: 105%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    /* margin-top: -2.5%; */
}

.project_grid:not(.filtered) .grid_row .project:first-child .grid_video_wrapper {
    left: 0;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.project_grid:not(.filtered) .grid_row .project:last-child .grid_video_wrapper {
    left: auto;
    right: 0;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.grid_video_container {
    position: relative;
    height: 100%;
    transition: transform 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.grid_row:nth-child(odd) .cell.project[data-index-in-row="1"] .grid_video_container {
}

.grid_row:nth-child(odd) .cell.project[data-index-in-row="2"] .grid_video_container {
}

.grid_row:nth-child(odd) .cell.project[data-index-in-row="3"] .grid_video_container {
}

.grid_row:nth-child(even) .cell.project[data-index-in-row="1"] .grid_video_container {
}

.grid_row:nth-child(even) .cell.project[data-index-in-row="2"] .grid_video_container {
}

.filtered .grid_row:nth-child(odd) .cell.project[data-index-in-row="1"] .grid_video_container {
    transform: translate(100%, 0px);
}

.filtered .grid_row:nth-child(odd) .cell.project[data-index-in-row="2"] .grid_video_container {
    transform: translate(0%, calc(100% + 9px));
}

.filtered.filtered_second .grid_row:nth-child(even) .cell.project[data-index-in-row="2"] .grid_video_container {
    transform: translate(100% ,0%);
}

.filtered.filtered_second .grid_row:nth-child(even) .cell.project[data-index-in-row="1"] .grid_video_container {
    transform: translate(-100% ,0%);
}

.filtered .grid_row:nth-child(even) .cell.project[data-index-in-row="3"] .grid_video_container {
    transform: translate(-100%, 0);
}

.filtered .grid_row:nth-child(odd) .cell.project[data-index-in-row="2"] .grid_video_container {
}

.filtered .grid_row:nth-child(odd) .cell.project[data-index-in-row="3"] .grid_video_container {
    transform: translate(-100%, 0px);
}

.filtered .grid_row:nth-child(even) .cell.project[data-index-in-row="1"] .grid_video_container {
    transform: translate(-100% ,0%);
}

.filtered .grid_row:nth-child(even) .cell.project[data-index-in-row="1"] .grid_video_container .grid_video_wrapper {
    left: 0;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.filtered .grid_row:nth-child(even) .cell.project[data-index-in-row="2"] .grid_video_container .grid_video_wrapper {
    right: 0;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    left: auto;
}

.filtered .grid_row:nth-child(even) .cell.project[data-index-in-row="2"] .grid_video_container {
    transform: translate(100%, 0%);
}

/*
.filtered.filtered_to_go .grid_row:nth-child(odd) .cell.project[data-index-in-row="1"] .grid_video_container {
   transform: translate(0%, calc(100% + 9px));
}
.filtered.filtered_to_go .grid_row:nth-child(odd) .cell.project[data-index-in-row="3"] .grid_video_container {
   transform: translate(0%, calc(100% + 9px));
}



.filtered.filtered_to_go .grid_row:nth-child(even) .cell.project[data-index-in-row="3"] .grid_video_container {
    transform: translate(-100%, 0);

}
.filtered.filtered_to_go .grid_row:nth-child(even) .cell.project[data-index-in-row="1"] .grid_video_container {
    transform: translate(-0% ,calc(-100% - 9px));
}


.filtered.filtered_to_go .grid_row:nth-child(even) .cell.project[data-index-in-row="2"] .grid_video_container {
    transform: translate(-0% ,calc(-100% - 9px));
}
*/
.page-template-template_archive .page_content_container_wrapper {
    padding-top: 135.25px
}

.archive_container {
    position: relative;
}

.archive_header {
    position: fixed;
    z-index: 9;
    background: rgb(255 255 255 / 95%);
    width: 100%;
    top: 0;
    height: 135.25px;
    border-bottom: 1px solid black;
    padding: 12.4px 0;
}

.project_filters {
    /* contenedor de filtros */
    position: absolute;
    left: 20%;
    padding: 0 4px;
    text-transform: uppercase;
}

.project_filter {
}

.project_filter .menu_item.custom_link {
    cursor: pointer;
}

.project_filter .custom_link_label {
}

.archive_item {
    cursor: pointer;
}

.project_title_container {
    position: absolute;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px;
    z-index: 12;
    position: absolute;
    left: 50%;
    top: 54px;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    font-family: 'Selecta-Medium';
    -moz-transition: color .3s linear 0s ,opacity 0.3s linear;
    -ms-transition: color .3s linear 0s ,opacity 0.3s linear;
    -o-transition: color .3s linear 0s ,opacity 0.3s linear;
    transition: color .3s linear 0s ,opacity 0.3s linear;
    pointer-events: none;
}

.open_info .project_title_container {color: black;}

.project_title_container .project_title {
    display: inline-block;
    margin-right: 8px;
}

.project_title_container .project_subtitle {
    display: inline-block;
}

.center_player_controls {
    position: absolute;
    width: 100%;
    z-index: 13;
    top: 50%;
    text-transform: uppercase;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%, -50%);
    height: 15.83px;
    pointer-events: none;
    -moz-transition: color .3s linear 0s, opacity .3s linear 0s;
    -ms-transition: color .3s linear 0s, opacity .3s linear 0s;
    -o-transition: color .3s linear 0s, opacity .3s linear 0s;
    transition: color .3s linear 0s, opacity .3s linear 0s;
}

.open_info .center_player_controls {
    color: black;
}

.center_player_controls .center_player_control {
    50% ; position: absolute;
    cursor: pointer;
    pointer-events: all;
    -moz-transition: opacity .3s linear 0s;
    -ms-transition: opacity .3s linear 0s;
    -o-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s;
}

.center_player_controls .progress_numbers {
    left: 13px;
}

.open_info .progress_line,.open_info .fake_progress_line ,.open_info .center_player_controls .progress_numbers,.open_info .center_player_controls .fullscreen_btn,.open_info .center_player_controls .play_pause_btn {
    opacity: 0;
    pointer-events: none;
}

.center_player_controls .fullscreen_btn {
    padding: 0 4px;
    left: 20%;
}

.is_fullscreen .center_player_controls .fullscreen_btn .custom_link_label:before {
    content: 'EXIT '
}

.center_player_controls .play_pause_btn {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.center_player_controls .play_pause_btn.paused .custom_link_label:after {
    content: 'PLAY'
}

.center_player_controls .play_pause_btn .custom_link_label:after {
    content: 'PAUSE'
}

.center_player_controls .info_btn {
    right: 15%;
    padding: 0 4px;
}

.center_player_controls .info_btn .custom_link_label:before {
    content: ' INFO';
}

.open_info .center_player_controls .info_btn .custom_link_label:before {
    content: ' - INFO';
}

.center_player_controls .back_btn {
    right: 15.385px;
}

.video_index {
    display: inline-block;
    margin-left: 10px;
    display: none;
}

.next_btn {
    position: absolute;
    right: 15.385px;
    bottom: 30px;
    display: block;
    align-items: unset;
    z-index: 12;
    -moz-transition: color .3s linear 0s, opacity .3s linear 0s;
    -ms-transition: color .3s linear 0s, opacity .3s linear 0s;
    -o-transition: color .3s linear 0s, opacity .3s linear 0s;
    transition: color .3s linear 0s, opacity .3s linear 0s;
}

.open_info .next_btn {
    opacity: 0;
    pointer-events: none
}

.info_container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgb(255 255 255 / 95%);
    width: 100%;
    height: 100%;
    color: black;
    -moz-transition: opacity .3s linear 0s;
    -ms-transition: opacity .3s linear 0s;
    -o-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s;
    opacity: 0;
    pointer-events: none;
}

.open_info .info_container {
    opacity: 1;
    pointer-events: all;
}

.info_container a {
    color: black;
}

.info_container .info_container_wrapper {
}

.info_container .info_container_wrapper .info_container_columns {
    position: absolute;
    top: calc(50% - 7.915px);
    width: 100%;
}

.info_container .info_container_wrapper .info_container_columns .info_container_column {
    position: absolute;
    padding: 0 4px;
}

.info_container .info_container_wrapper .info_container_columns .category_column {
    padding: 0 13px;
}

.info_container .info_container_wrapper .info_container_columns .year_column {
    left: 15%;
}

.info_container .info_container_wrapper .info_container_columns .item_columns_column {
    left: 33.80vw;
    padding: 0;
}

.info_container .info_container_wrapper .info_container_columns .item_columns_column .info_container_column_item {
    float: left;
    width: 16.19791vw;
    padding-right: 13px;
}

.info_container .info_container_wrapper .info_container_columns .item_columns_column .info_container_column_item .info_container_column_item_inner {
    margin-bottom: 10px;
}

.info_container .info_container_wrapper .info_container_columns .item_columns_column .info_container_column_item .info_container_column_item_inner .info_container_column_item_inner_text {
    font-family: 'Selecta-Medium';
    font-size: 17px;
    line-height: 17.62px;
}

.info_title:after {
    content: ']';
}

.info_title:before {
    content: '[';
}

.info_title {
    text-transform: uppercase
}

.category_column_text {
    font-family: 'Selecta-Medium';
    font-size: 15.99px;
    line-height: 17.62px
}

.progress_line_height_reference {
    font-size: 12px;
    line-height: 12px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

.progress_line_height_reference span {
    margin: 0 2px;
}

.progress_line_height_reference span:first-child {
}

.progress_line_height_reference span:last-child {
}

.next_btn {
}

.next_btn .custom_link_label {
    opacity: 1;
    display: inline-block;
    position: static;
    vertical-align: bottom;
    pointer-events: all;
    display: inline-block;
    width: auto;
}

.next_btn .custom_link_label .video_name_label {
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
}

.next_btn .video_tooltip {
    right: 0;
    left: auto;
}

.next_btn .video_tooltip video {
}

.next_btn.video_link:before {
    content: '[';
}

.next_btn.video_link:after {
    content: ']';
}

.next_btn.video_link:before, .next_btn.video_link:after {
    position: static;
    background: none;
    display: inline-block;
    opacity: 1;
    height: auto;
    width: auto;
    pointer-events: all;
}

.next_btn.video_link span {
    display: :none
}

.video_link_reference {
    height: 100%;
    width: 100%;
    pointer-events: none;
    position: relative;
}

.single-project .page_content_container_wrapper {
    background-color: black
}

.block_all .project_grid .grid_row .cell.project .grid_video_wrapper {
    width: 100%!important
}

.block_all .project_grid .grid_row .cell.project .grid_video_wrapper > .grid_video_fake_link .grid_video_link .grid_video_image {
    transform: scale(1) !important
}

@media (orientation: landscape) {
    .archive_header {
        height: 135.25px !important;
    }

    .video_nav_wrapper {
        transform: translate(0,0)!important
    }

.is_fullscreen.inactive_user:not(.open_info) .video_link.active:before, .is_fullscreen.inactive_user:not(.open_info) .video_link.active:after,.is_fullscreen.inactive_user:not(.open_info) .video_name_label,.is_fullscreen.inactive_user:not(.open_info)   .progress_line,.is_fullscreen.inactive_user:not(.open_info)  .fake_progress_line, .is_fullscreen.inactive_user:not(.open_info) .project_title_container,  .inactive_user:not(.open_info) .single-project .center_player_controls, .inactive_user:not(.open_info) .single-project .sound_btn, .inactive_user:not(.open_info) .single-project .next_btn, .inactive_user:not(.open_info) .single-project .header .header_wrapper .main_menu_container .main_menu {
        opacity: 0;
    }

    .video_link.clone {
        display: none
    }

    .mobile_version .video_name {
        padding: 0;
    }

    .mobile_version .video_link .video_tooltip {
        display: none
    }
}

.logo a span {
    display: inline-block;
    transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    pointer-events: none;
}

.archive_content_container {
    position: relative;
    margin-top: -11px;
    /* border-top: 1px solid black; */
    height: 32.353vw;
}

.archive_content_container .archive_content {
    font-size: 24.7px;
    line-height: 25.17px;
    top: 50%;
    left: 50%;
    font-family: 'Selecta-Medium';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

.tooltip_reference {
    width: 237.094px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none
}

.logo:not(.clicked).animated a #char-0 {
    transform: translateX(-100%);
}

.logo:not(.clicked).animated a #char-1 {
    transform: translateY(-200%);
}

.logo:not(.clicked).animated a #char-2 {
    transform: translateY(200%);
}

.logo:not(.clicked).animated a #char-3 {
    transform: translate(-50%, -100%);
}

.logo:not(.clicked).animated a #char-4 {
    transform: translate(-50%, 100%);
}

/* char-5 = espacio, lo dejamos sin movimiento */
.logo:not(.clicked).animated a #char-6 {
    transform: none;
}

.logo:not(.clicked).animated a #char-7 {
    transform: translateY(-200%);
}

.logo:not(.clicked).animated a #char-8 {
    transform: translateY(-100%);
}

.logo:not(.clicked).animated a #char-9 {
    transform: translateY(100%);
}

.logo:not(.clicked).animated a #char-10 {
    transform: translateY(200%);
}

.logo:not(.clicked).animated a #char-11 {
    transform: translateY(-100%);
}

.logo:not(.clicked).animated a #char-12 {
    transform: translateY(-200%);
}

.logo:not(.clicked).animated a #char-13 {
    transform: translateX(100%);
}

::selection {
    background: black;
    color: white;
}

::-moz-selection {
    background: black;
    color: white;
}

.block_all {
    pointer-events: none!important;
}

.block_all * {
    pointer-events: none!important;
}

.video_name_label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 95%;
    vertical-align: bottom;
    pointer-events: all;
    padding-top: 10px;
    transition:  opacity 0.3s 
linear;
}

.opening_animation_container {
    position: fixed;
    z-index: 20000;
    width: 100%;
    height: 100%;
    color: black;
}

.opening_animation_container:before {
    background: white;
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    transition: opacity 0.3s linear;
}

.opening_animation_container .opening_animation_container_wrapper {
}

.opening_animation_container .opening_animation_container_wrapper .opening_logo {
    font-family: 'Selecta-Medium';
    position: fixed;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%, 0%);
    left: 50%;
    top: calc(50% - 12px);
    transition: top 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.opening_animation_container .opening_animation_container_wrapper .opening_logo span {
    display: inline-block;
    font-size: 27px;
    line-height: 24px;
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) .3s, color 1s cubic-bezier(0.19, 1, 0.22, 1),top 1s cubic-bezier(0.19, 1, 0.22, 1),font-size 1s cubic-bezier(0.19, 1, 0.22, 1),line-height 1s cubic-bezier(0.19, 1, 0.22, 1);
}

body:not(.first_time) .opening_animation_container {
    display: none;
}

html.first_animation:not(.second_animation) .opening_logo #char-0 {
    transform: translateX(-100%);
}

html.first_animation:not(.second_animation) .opening_logo #char-1 {
    transform: translateY(-200%);
}

html.first_animation:not(.second_animation) .opening_logo #char-2 {
    transform: translateY(200%);
}

html.first_animation:not(.second_animation) .opening_logo #char-3 {
    transform: translate(-50%, -100%);
}

html.first_animation:not(.second_animation) .opening_logo #char-4 {
    transform: translate(-50%, 100%);
}

html.first_animation:not(.second_animation) .opening_logo #char-6 {
    transform: none;
}

html.first_animation:not(.second_animation) .opening_logo #char-7 {
    transform: translateY(-200%);
}

html.first_animation:not(.second_animation) .opening_logo #char-8 {
    transform: translateY(-100%);
}

html.first_animation:not(.second_animation) .opening_logo #char-9 {
    transform: translateY(100%);
}

html.first_animation:not(.second_animation) .opening_logo #char-10 {
    transform: translateY(200%);
}

html.first_animation:not(.second_animation) .opening_logo #char-11 {
    transform: translateY(-100%);
}

html.first_animation:not(.second_animation) .opening_logo #char-12 {
    transform: translateY(-200%);
}

html.first_animation:not(.second_animation) .opening_logo #char-13 {
    transform: translateX(100%);
}

.third_animation .opening_animation_container .opening_animation_container_wrapper .opening_logo span {
    font-size: 19px;
    line-height: 16px;
    color: white;

}

.third_animation .opening_animation_container .opening_animation_container_wrapper .opening_logo {
    top: 57.125px
}

.third_animation .opening_animation_container:before {
    opacity: 0;
    transition-delay: .3s
}

.four_animation .opening_animation_container {
    opacity: 0;
    pointer-events: none;
}

.four_animation body.home.first_time .logo {
    opacity: 1;
    transition: opacity .0s ease 0s;
}

.open_info .position_line {
    display: none;
}
.filtered_mobile{
	display:none;
}