@charset "UTF-8";
/*
font-family: 'Gelasio', serif;
font-family: 'Lato', sans-serif;
*/

/*
Iconos de redes sociales diseñados por 
https://www.flaticon.es/autores/pixel-perfect" 
https://www.flaticon.es/
*/

/*
font-family: 'Playfair Display', serif;
font-family: 'PT Serif', serif;
*/
/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2018 IcoFont 
* @license - https://icofont.com/license/
*/

@font-face
{
 
  font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
src: url("../fonts/icon/icofont.woff2") format("woff2"),
url("../fonts/icon/icofont.woff") format("woff");
}



/*@font-face {font-family: "Akkurat"; src: url("https://db.onlinewebfonts.com/t/cf3327022417d4ff7f54f0963c4f41ea.eot"); src: url("https://db.onlinewebfonts.com/t/cf3327022417d4ff7f54f0963c4f41ea.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/cf3327022417d4ff7f54f0963c4f41ea.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/cf3327022417d4ff7f54f0963c4f41ea.woff") format("woff"), url("https://db.onlinewebfonts.com/t/cf3327022417d4ff7f54f0963c4f41ea.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/cf3327022417d4ff7f54f0963c4f41ea.svg#Akkurat") format("svg"); }*/

*{
    image-rendering: -webkit-optimize-contrast;
}

html{
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  /*  scroll-behavior: smooth;*/
}


html, body{
    width: 100%;
    min-height: 100vh;
    margin:0;
    padding:0;
    font-weight: 300;
    font-size: 1vw;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    -webkit-overflow-scrolling: touch;
    color: #000;
    letter-spacing: 0.03em;
    background-color: #F9F9F9;
}
body.act_header,
body.act_over,
body.act_logo{
  overflow: hidden;
}

a{
    text-decoration: none;
    color: currentColor;

}


.clear{
    clear: both;
}

.hidden{
    overflow: hidden;
}


/*generales*/
header{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 5;
}
header::before{
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    background-color: #000;
    height: calc(0vh + 100%);
    transition: height 300ms ease;
}
.header_int{
    width: calc(100% - 6.8vw);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9rem;
    position: relative;
    padding: 0.3vw 0;
}
.abc_content{
    width: calc(100vw - 6.8vw);
    right: 1px;
}

.logo{
        height: 39px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 2.3vw;
}
.logo h1{
    display: none;
}
.logo img{
    width: 8.57vw;
    height: auto;
    display: block;
    margin-left: -0.5vw;
    filter: invert(1);
}
.s_h{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.eng{
    text-decoration: underline;
}
.s_h > *{
    margin-left: 1vw;
}
.s_h > a{
    text-decoration: underline;
}
.s_h > a.icon_a{
    text-decoration: none;
}
.s_h > * img{}

.act_header header::before{
        height: calc(100vh + 100%);
        background-color: #fff;
}
.act_header header{
    color: #000;
}
.act_header .logo img{
    filter: invert(0);
}
.act_header header .m_sponsor{
    filter: invert(0);
}
.act_header .h_menu{
    color: #000;
}
.act_header header:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000;
    left: 0;
    top: 100%;
    position: absolute;
    display: block;
}

/*home*/
.wrapper{
    width: 100%;
    /*min-height: calc(100vh - 2vw);*/
    min-height: calc(100vh - 6vw);
}
section{
    width: 100%;
}
section.s_scroll{
    position: relative;
}
.sec_ancla{
    top: -5.5vw;
    position: absolute;
    width: 0;
    height: 0;
}
.content{
    width: calc(100% - 6.8vw);
    margin: 0 auto;
}
.btn{
    font-size: 0.8rem !important;
    font-weight: 300 !important;
    background-color: #fff;
    border: 1px solid currentColor;
    padding: 0.7vw 1.5vw 0.6vw;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "Akkurat",  "Helvetica Neue", 'Work Sans', Arial, sans-serif !important;
    cursor: pointer;
    transition: all 300ms ease;
    text-decoration: none !important;
    text-transform: uppercase;
}


.s_top{
    width: 100%;
    height: calc(100vh - 2.7vw);
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.s_top .item-embed{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.s_top iframe{
  width: 110vw;
  height: 66.25vw;
  min-height: 110vh;
  min-width: 187.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.lSSlideWrapper{
    padding: 2.3rem;
    border: #000 1px solid;
}
.s_top video{
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    min-width: 100vw;
    min-height: 100vh;
}
.s_top > img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
.s_top.video{
    margin-bottom: 2vw;
}
.video_int{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
        overflow: hidden;
}
.video_int video{
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    min-width: 100vw;
    min-height: 100vh;
}
.title_section{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.title_section img{
    width: 31.07vw;
    background-color: #fff;
}
.title_section.t_maf img{
    filter: invert(1);
}
.partner_banner{
    padding: 3vw 0;
    text-align: center;
}
.partner_banner h2{
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0 0 1vw;
}
.partner_banner img{
    width: 20vw;
    margin: 0 auto;
    display: block;
    height: auto;
}

.banner{}
.banner.b_color{
    /*background-color: #FFFF66;*/
    margin-bottom: 2vw;
}
.title{
    text-align: center;
    padding: 3vw 0;
}
.title h2{
    font-size: 3.6rem;
    font-weight: 300;
    margin: 0;
}
.title h2 span{}
.title h3{
    font-size: 2rem;
    font-weight: 300;
    margin: 2vw 0 0;
}
.title h4{
    margin: 2rem 0 0;
    font-size: 2.5rem;
    font-weight: 100;
}
.description{
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 3vw;
}
.description > *{
    margin: 0
}
.description > *:not(:last-child){
    margin-bottom: 1vw;
}
.banner.b_color .btn{
    margin: 2vw auto 0;
}

.grid_button{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15vw;
}

.grid_button_center {
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
}

.grid_button_center:before,
.grid_button_center:after{
    content: '';
    width: 100%;
}

.item{
    width: 100%;
    text-align: center;
}
.item_img{
    display: block;
    margin-bottom: 2.5vw;
}
.item_img img{
    width: 100%;
    height: auto;
    display: block;
}
.item h3{
    font-weight: 300;
    font-size: 2.2rem;
    margin: 0;
}
.item h3 span{}
.item p{
    margin: 1.3vw 0;
    line-height: 160%;
    font-size: 1.4rem;
    font-weight: 300;
}
.item .btn{
    margin: 2vw auto 0;
}

.banner_info{}
.banner_info .title{
    padding: 10vw 0 8vw;
}
.banner_info_int{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banner_info img{}
.banner_info_int > *{
    width: calc(50% - 2.5vw);
}
.banner_info_int img{
    max-width: 100%;
    display: block;
    height: auto;
}
.b_info{
    font-size: 2.9rem;
    font-weight: 300;
}
.b_info > *:first-child{
    margin-top:0;
}
.b_info > *:last-child{
    margin-bottom:0;
}
.b_info::after{
    content:'';
    display:block;
    clear:both;
}
.b_info p{}
.b_info p i{}
.b_info .btn{
    float: right;
}

.s_redes{}
.s_redes .content{}
.s_redes .title{
    padding: 9vw 0  4vw;
}
.s_redes .title h2{}
.redes{
    font-size: 2.2rem;
    font-weight: 300;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 3vw;
}
.red{
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
    align-items: center;
    margin: 0 2vw 2vw;
}
.red > *{}
.red_img{
    overflow: hidden;
    /*border: 1px solid rgb(0 0 0 / 30%);
    border-radius: 50%;*/
    width: 10vw;
    height: 10vw;
    display:flex;
    align-items:center;
    justify-content:center;
    position: relative;
    margin-bottom: 0vw;
}
.red_img::before{
    /*content:'';*/
    width:15vw;
    height:1px;
    background-color: rgb(0 0 0 / 30%);
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    z-index: 3;
}
.red_img::after{
    /*content:'';*/
    width:15vw;
    height:1px;
    background-color: rgb(0 0 0 / 30%);
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    z-index: 3;
}
.red_img img{
    max-width:60%;
    max-height:60%;
    width:auto;
    height:auto;
    display:block;
}

/*estación*/
.banner_img{
    width: 100%;
    height: 18vw;
    margin-bottom: 5vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.banner_img .pie_img,
.s_top .pie_img{
    left: 0;
    text-align: right;
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    width: 100%;
    height: 50%;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.banner_img .pie_img > *,
.s_top .pie_img > *,
.singleHeader > p,
.pageHeader > p{
    width: calc(100% - 6.8vw);
    margin: 0 auto;
    color: #fff;
    padding: 2vh 0;
    z-index: 2;
    text-align: right;
}
.submenu{
    position: -webkit-sticky;
    position: sticky;
    top: 2.9vw;
    left: 0;
    width: 100%;
    z-index: 4;
}
.submenu nav{
    /* max-width: calc(100% - 6.8vw); */
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    width: -moz-fit-content;
    width: fit-content;
    /* border-radius: 0.7vw; */
    background-color: #aeaeae;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0 8vw; */
    width: 100%;
}
.sm_item{
    padding: 0.6vw 1.3vw;
    font-size: 1rem;
    display: block;
    cursor: pointer;
    transition: all 300ms ease;
    font-weight: 400;
}


.grid_three{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2.74vw;
    /*margin-top: 3vw;*/
}
.grid_four{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 2.74vw;
    margin-top: 3vw;
}
.post{
    width: 100%;
    background-color: #fff;
    position: relative;
    display: block;
    /*cursor: pointer;*/
}

.postLink{
    display: inline-block;
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.postArchiveExhibition,
.postArchiveEvent{
    cursor: pointer;
}

.post.p_02{
    background-color: #FEEBEF;
}
.post.p_03{
    background-color: #E4DDFA;
}
.postRSVP,
.postWaitlist{
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}
.postRSVP.button-icofont,
.postWaitlist.button-icofont{
    padding: 0.2rem;
    font-size: 1.2rem;
    font-weight: 400;
    font-family: "IcoFont";
}
.img_post{
    width: 100%;
    padding-bottom: 66.66%;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.post_info{
    padding: 2vw;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    display: block;
}

.post_info h3{
    font-weight: 300;
    font-size: 1.5rem;
    margin: 0 0 2vw;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    line-height: initial;
}

.post_info h4{
    font-weight: 300;
    font-size: 1rem;
    margin: 0 0 1vw;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    line-height: initial;
}
.post_info > *{
    font-family: 'Gelasio', serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 160%;
    margin: 2vw 0;
}
.post_info b,
.post_info strong{
    font-weight: 500;
}
.post_info a{}
.post_info i{
    font-style: italic;
}
.post_info .btn{
    margin: 0 auto;
    padding: 1.1vw 1.3vw;
    font-weight: 400;
}
.post_info::after{
    content:'';
    display:block;
    clear:both;
}
.post_b.post .post_info::after{
    display: none;
}
.btn.btn_e{
    padding: 0;
    text-transform: uppercase;
    float: right;
    border: initial;
    height: 1.5vw;
    width: 7vw;
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: default;
}
/*.post .btn.btn_e{
    background-image: url(../img/label/galerias.svg);
}
.post.p_02 .btn.btn_e{
    background-image: url(../img/label/proyectos.svg);
}
.post.p_03 .btn.btn_e{
    display: none;
    background-image: initial;
}*/
/*.exhibitors .post{
    cursor: pointer;
}*/
.btn.btn_e img{
    height: 1.5vw;
    width: auto;
    display: block;
}

/*footer*/
footer{
    width: 100%;
    background-color: #fff;
}
.footer_int{
    width: calc(100% - 6.8vw);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 2vw 1.7vw;
}
.footer_int .title{
    width: 100%;
    grid-column: 1/7;
    padding: 1.5vw 0 0;
}
.footer_int .title img{}
.f_menu{
    background-color: #f9f9f9;
    width: 100%;
    box-sizing: border-box;
    padding: 1vw 1.3vw;
    display: flex;
    flex-direction: column;
    min-height: 17vw;
}
.f_menu h3{
    margin: 0 0 1vw;
    font-size: 0.9rem;
    font-weight: 700;
}
.f_menu .fm_item{
    margin: 0.2vw 0;
    font-size: 0.9rem;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
}
.f_menu .fm_item::after{
    content: '';
    width: 0;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 300ms ease;
}

.p_footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 6.8vw);
    padding: 1vw 0;
    margin: 0 auto;
    font-size: 0.9rem;
}
.p_footer > *{}
.p_footer p{
    margin: 0;
}
.f_logo{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}
.f_logo p{}
.f_logo img{}

footer .title img{
    width: 11vw;
    height: auto;
    display: block;
    margin-left: -0.7vw;
}


.m_sponsor{
    display: block;
}
header .m_sponsor{
    filter: invert(1);
    height: 1.2vw;
    width: auto;
    display: block;
}
.f_logo .m_sponsor{
    height: 2vw;
    width: auto;
}

.exhibitors .post_info p{
    margin: 0vw 0 0.3vw;
}

.container{

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.scene_maf{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.scene_maf::after{
    content: '';
    height: 0.6vw;
    width: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    z-index: 2;
}
.scene_maf::before{
    content: '';
    height: 0.6vw;
    width: 100%;
    background-color: #000;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    z-index: 2;
}
.scene_maf > *{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scene_maf img{
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform-origin: center;
    transform: translate(-50%,-50%);
    position: absolute;
}
.scene_maf .layer#l_09{
    border: 0.6vw solid #000;
    box-sizing: border-box;
}
.scene_maf .layer#l_09 img{
    top: -2vw;
    left: -2vw;
    width: calc(100% + 4vw);
    height: calc(100% + 4vw);
    transform: initial;
    object-fit: cover;
}
.scene_maf .layer#l_10 img{
}
.scene{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    }
.scene > *{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scene img{
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform-origin: center;
    transform: translate(-50%,-50%);
    position: absolute;
}
.layer{}
.layer#l_01 img{
    top: 47%;
    left: 47%;
}
.layer#l_02 img{
    top: 46%;
}
.layer#l_03 img{
    top: 46%;
}
.layer#l_04 img{
    top: 46%;
    left: 54%;
}
.layer#l_05 img{
    left: 54%;
}
.layer#l_06 img{
    top: 54%;
}
.layer#l_07 img{
    top: 54%;
}
.layer#l_08 img{
    left: 46%;
}


.reticula{
    box-sizing: border-box;
    border: 1px solid rgb(0 0 0 / 30%);
    overflow: hidden;
    position: relative;
}

.reticula::before{
    content: '';
    position: absolute;
    width: 200%;
    height: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(29.2deg);
    display: block;
    z-index: 1;
    background-color: rgb(0 0 0 / 30%);
}
.reticula::after{
    content:'';
    position: absolute;
    width: 200%;
    height: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-29.2deg);
    display: block;
    z-index: 1;
    background-color: rgb(0 0 0 / 30%);
}

.post .reticula::before{transform: translate(-50%,-50%) rotate(
30.2deg);}
.post .reticula::after{
    transform: translate(-50%,-50%) rotate(-30.2deg);
}

.banner_img.reticula::after{
    transform: translate(-50%,-50%) rotate(-10.1deg);
}
.banner_img.reticula::before{
    transform: translate(-50%,-50%) rotate(10.1deg);
}


.nav_ubicacion{}

.partners_grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /*grid-gap: 2.74vw;*/
    grid-gap: 10vh;
    margin-top: 7vw;
}
.partners_grid h2{
    grid-column: 1/5;
    grid-row: auto;
    font-size: 2.6rem;
    font-weight: 300;
    margin: 0;
    text-align: left;
    padding-top: 3vw;
}

.logo_p{
    display: block;
    width: 100%;
    box-sizing: content-box;
    padding: 1vw 1vw 0.7vw;
    border: 1px solid #000;
    background-color: #fff;
    box-sizing: border-box;
    
}
.logo_p.act{
    background-color:#000;
    color:#fff;
    cursor: pointer;
}

.logo_p.act img{
    filter:invert(1);
}
.logo_p::after,
.logo_p a::after{
    content: '';
    display: block;
    clear: both;
}
.logo_p .l_img{
        width: 70%;
    height: 10vw;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.logo_p .l_img img{
    max-width: 100%;
    max-height: 60%;
    width: auto;
    height: auto;
    display: block;
}
.l_info{
    display: block;
    float: right;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 160%;
    padding-top: 3vw;
}

.partners_o{}
.partners_o .partners_grid{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 3vw;
}
.partners_o .logo_p{
    background-color: transparent;
    color: currentColor;
    width: fit-content;
    border: initial;
    max-width: 26vw;
    padding: 0;
}

.partners_o .logo_p.logo_p2,
.partners_o .logo_p.logo_p2.act{
    max-width: 42vw;
}
.partners_o .logo_p.logo_p2 .l_img img{
    max-width: 28vw;
    max-height: 20vw;
    width: initial;
}

.partners_o .logo_p.act{
    background-color: transparent;
    color: currentColor;
    width: fit-content;
    border: initial;
    max-width: 26vw;
    padding: 0;
}
.partners_o .l_img{
    width: 100%;
    height: auto;
    text-align: center;
}
.partners_o .l_img img{
    margin: 0 auto;
    max-width: 10vw;
    max-height: 10vw;
    width: 10vw;
}
.partners_o .logo_p.act img{
    filter:initial;
}
.partners_o .partners_grid h2{
    font-size: 3.6rem;
    font-weight: 300;
    margin: 0;
    text-align: center;
    padding: 0;
}
.partners_o .title{
    width: 100%;
    text-align: center;
    /*padding: 4vw 0 0vw;*/
    padding: 0;
}
.partners_o  .l_info{
    padding: 0;
    text-transform: initial;
    font-weight: 300;
    font-size: 1.7rem;
}

.h_menu{
    color: #f8f8f8;
    width: 30px;
    height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.btn_responsive{
    position: relative;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 50%;
}
.btn_responsive::after{
    content: '';
    background-color: currentColor;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -9px;
    width: 4px;
    height: 4px;
}
.btn_responsive::before{
    content: '';
    background-color: currentColor;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: -9px;
    width: 4px;
    height: 4px;
}


.menu_over{
    /*background-color: #f8f8f8;*/
    width: 100%;
    position: absolute;
    display: block;
    overflow: hidden;
    height: calc(100vh - 2.7vw);
    color: #000;
    height: 0;
    transition: height 100ms ease;
}
.menu_over_int{
    min-height: calc(100vh - 2.7vw);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: calc(100% - 6.8vw);
    margin: auto;
}
.m_menu{
    display: flex;
    flex-direction: column;
    height: calc(100vh - 6vw);
    justify-content: center;
    align-items: flex-end;
}
.m_item{
    font-size: 3.6rem;
    font-weight: 300;
    padding: 0.9vw 0;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    transform-origin: 0 0%;
    transition: transform 300ms cubic-bezier(0, 0, 0.35, 1.42);
    transform: rotateX(-90deg);
    transition-delay: 350ms;
    text-align: right;
}
.m_item.i_m_item{
    pointer-events: none;
    opacity: 0.5;
}

.act_header .menu_over{
    height: calc(100vh - 2.7vw);
    overflow: auto;
    
}
.act_header .m_item{
    transform: rotateX(0deg);
}
.m_item span{
    display: inline-block;
    vertical-align: middle;
    
}
.icon{
width: 0rem;
    overflow: hidden;
    transition: 100ms ease;
}



.wpage{
    width: 100%;
    transition: opacity 500ms ease;
    opacity: 1;
}



.cerrar{
    width: calc(3vw - 2px);
    height: calc(3vw - 2px);
    position: -webkit-sticky;
    position: sticky;
    top: 0vw;
    right: 3.4vw;
    z-index: 6;
    float: right;
    cursor: pointer;
    border: 1px solid #000;
    display: block;
    /*background-color: #fff;*/
    background-color: transparent;
}
.over_logo_int .cerrar{
    width: calc(3vw - 2px);
    height: calc(3vw - 2px);
}
.cerrar::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5vw;
    height: 1px;
    background-color: currentColor;
    transform: translate(-50%,-50%) rotate(45deg);
}
.cerrar::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5vw;
    height: 1px;
    background-color: currentColor;
    transform: translate(-50%,-50%) rotate(-45deg);
}

.over_estacion{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    display: block;
    height: 100vh;
    transition: height 300ms ease;
    /* transition-delay: 600ms; */
    z-index: 10;
    background-color: #fff;
    height: 0;
}

.over_estacion_int{
    position: relative;
    width: calc(100% - 6.8vw);
    margin: 0 auto;
    min-height: calc(100vh - 6.8vw);
    /*height: calc(100vh - 6.8vw);*/
    height: 100vh;
    margin: 0 3.4vw 0;
    float: left;
}
.oe_pleca_fix{
    grid-column: 1/3;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    line-height: 2vw;
    z-index: 1;
}
.oe_pleca{
    /*background-color: #fff;*/
    margin-bottom: 0vw;
    padding: 1vw 0vw 2vw;
    position: relative;
    grid-column: 1/3;
    grid-row: 2/3;
    height: -moz-fit-content;
    height: fit-content;
}
.c_maf{
    padding: 0 0 3vw;
    box-sizing: content-box;
    /*z-index: -1;*/
    grid-column: 1/2;
    position: -webkit-sticky;
    position: sticky;
    margin: 0;
    top: calc(3vw - 1px);
    height: -moz-fit-content;
    height: fit-content;
    top: calc(100% - (100vh + 6vw));
    top: calc(100% - (100vh - 4vw));
}
.c_maf > *:first-child{
    margin-top:0;
}
.c_maf > *:last-child{
    margin-bottom:0;
}
.c_maf h2{
    margin: 3vw 0 1vw;
    font-size: 1.5rem;
    font-weight: 300;
}
.oe_pleca .redes_c{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
        margin: 30px 0 0;
}
.red_btn{
    font-size: 1.3rem;
    /*background-color: #fff;*/
    padding: 0.5vw 0.5vw 0.4vw;
    border: 1px solid currentColor;
    margin: 0 0.2vw 0.2vw 0;
    min-width: 1.4vw;
    min-height: 1.4vw;
    position: relative;
    display: block;
    height: 2.3rem;
    box-sizing: border-box;
    min-width: 2.4rem;
}
.red_btn img{
    max-width: 1.2rem;
    max-height: 1.2rem;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    margin-bottom: 0.1rem;
}
.oe_pleca_fix h3{
    margin:0;
    font-size: 1.3rem;
    font-weight: 400;
    opacity: 0;
    transition: opacity 300ms ease;
    display: block;
    overflow: hidden;
    line-height: initial;
   max-width: calc(100% - 12vw);
}
.actH.oe_pleca_fix h3{
    opacity: 1;
}
.act_over .wpage{
    opacity: 0;
}
.act_over .over_estacion{
    height: 100vh;
}
.txt_c.oei_txt{
    width: 100%;
    display: grid;
    grid-template-columns: 32vw 1fr;
    grid-gap: 0 6vw;
}
.txt_c.oei_txt h1{
    font-size: 3.6rem;
    font-weight: 300;
    margin: 0 0 1rem;
    display: block;
    position: relative;
}
.txt_c.oei_txt h2{
    font-size: 2rem;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
}
.txt_c.oei_txt p{
    font-family: 'Gelasio', serif;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 0.2vw;
}
/*.txt.oei_txt ul{
    padding: 0;
    margin: 0 0 1vw;
    list-style: none;
    display: block;
    column-count: 2;
    column-gap: 2vw;
    max-width: 32vw;
}
.txt.oei_txt li{
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 160%;
}*/
.txt_c.oei_txt hr{
    width: 100%;
    height: 0;
    border: 0;
    border-bottom: 1px dashed rgb(0 0 0 / 20%);
}


.slider_over{
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    margin: 0;
    top: calc(3vw - 1px);
    grid-row: 3/4;
    grid-column: 2/3;
    margin-top: -1px;
    padding: 0 0 3vw;
}
.s_over{
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 2vw;
}
.s_over img{
    display: block;
    width: 100%;
    height: auto;
}

.post_b.post{
    display: flex;
    flex-direction: column;
}
.post_b.post .post_info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}
.slide_over{
    width: 100%;
}


.flickity-prev-next-button .flickity-button-icon{
    opacity: 0;
    display: none;
}
.flickity-prev-next-button{
    width: 3vw;
    border-radius: 0;
    background-color: #fff;
    transform: initial;
    top: 0;
    border: 1px solid currentColor;
    color: #000;
    padding: 0;
    height: calc(3vw - 2px);
}
.flickity-prev-next-button.previous {
    right: calc(3vw - 1px);
    left: initial;
}

.flickity-prev-next-button.previous::after{
    content: '⇦';
    line-height: 3vw;
    font-size: 1.2rem;
    width: 3vw;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    text-align: center;
}
.flickity-prev-next-button.next {
    right: 0;
}

.flickity-prev-next-button.next::after{
    content: '⇨';
    line-height: 3vw;
    font-size: 1.2rem;
    width: 3vw;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    text-align: center;
}
.flickity-button:focus {
    outline: 0;
    box-shadow: initial;

}
.flickity-button:active {
    opacity: 1;
    background-color: #000;
    color: #fff;
    border-color: #000;
}
button:hover,
button:focus,
button:active{
    outline: none;
}
.ss_info{
    width: 100%;
    height: auto;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}
.txt_c.oei_txt .ss_info p{
    margin: 0.2vw 0;
    font-size: 0.7rem;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
}
.txt img,
.modalBody img{
    max-width: 100%;
    height: auto;
    margin: 1rem 0;
}

.txt img.alignleft, .txt .alignleft,
.modalBody img.alignleft, .modalBody .alignleft{
    max-width: 100%;
    box-sizing: border-box;
    float: left;
    margin: 1rem 1rem 1rem 0px;
}
.txt img.alignright, .txt .alignright,
.modalBody img.alignright, .modalBody .alignright{
    max-width: 100%;
    box-sizing: border-box;
    float: right;
    margin: 1rem 0 1rem 1rem;
}
.txt img.aligncenter, .txt .aligncenter,
.modalBody img.aligncenter, .modalBody .aligncenter{
    max-width: 100%;
    margin: 1rem auto;
    display: block;
}
.txt .wp-caption,
.modalBody .wp-caption{
    margin: 1rem 0px;
}
.txt .wp-caption img,
.modalBody .wp-caption img{
    margin: 0;
}
.txt .wp-caption p,
.modalBody .wp-caption p{
    margin: 0.3em 0 0;
    font-size: 0.8rem;
    opacity: 0.8;
}
.txt::after,
.modalBody::after{
    content: '';
    clear: both;
    position: relative;
    width: 100%;
}
.txt hr,
.modalBody hr{
    width: 100%;
    clear: both;
    height: 0;
    margin: 0;
    opacity: 0;
}
.txt h1,
.modalBody h1{
    font-size: 3.6rem;
    font-weight: 300;
    margin: 2rem 0 15px;
}

.txt h2,
.modalBody h2{
    font-size: 2rem;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    margin: 2rem 0 15px;
    line-height: 1.3em;
}
.txt h3,
.modalBody h3{
    font-size: 1.8rem;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    margin: 2rem 0 15px;
    line-height: 1.2em;
}
.txt h4,
.modalBody h4{

    font-size: 1.6rem;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    margin: 2rem 0 15px;
    line-height: 1.2em;
}
.txt h5,
.modalBody h5{

    font-size: 1.4rem;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    margin: 2rem 0 15px;
    line-height: 1.2em;
}
.txt h6,
.modalBody h6{

    font-size: 1.2rem;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    margin: 2rem 0 15px;
    line-height: 1.2em;
}

.txt blockquote,
.modalBody blockquote {
    margin: 1em 0 1em 2em;
    font-size: 1rem;
}

.txt .btn,
.modalBody .btn{
    display: inline-block;
}

.link_c{
    background-color: #fff;
    display: block;
}

.over_estacion.p_02,
.p_02 .oe_pleca_fix,
.p_02 .oe_pleca{
        background-color: #FEEBEF;
}
.over_estacion.p_03,
.p_03 .oe_pleca_fix,
.p_03 .oe_pleca{
        background-color: #E4DDFA;
}

.over_logo{
    background-color: #F9F9F9;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    display: block;
    height: 100vh;
    transition: height 300ms ease;
    z-index: 10;
    height: 0;
}
.over_logo_int{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.over_logo_int .cerrar{
    position: absolute;
    right: 1vw;
    top: 1vw;
}
.logo_content{
    background-color: #fff;
    max-width: 50vw;
    padding: 2vw;
    position: relative;
    font-family: 'Gelasio', serif;
    font-size: 1rem;
}
.logo_content > *{
    line-height:160%;
}
.logo_content img{
    max-width: 80%;
    margin: 0 auto 1vw;
    display: block;
    max-height: 13vw;
}
.logo_content a{
    text-align: center;
    display: block;
}
.logo_content .redes_c{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo_content .red_btn{

}

.act_logo .over_logo {
    height: 100vh;
}
.act_logo .wpage{
    opacity: 0;
}


.d_cerrar{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


.red_btn span::before{
    content: "";
    font-weight: 400;
    font-family: "IcoFont";
    display: block;
    color: #000;
    text-align: center;
    line-height: 100%;
}
.red_btn#facebook span::before{
    content:"\ed37";
}
.red_btn#instagram span::before{
    content:"\ed46";
}
.red_btn#twitter span::before{
    content:"\ed7a";
}
.red_btn#spotify span::before{
    content:"\ed6e";
}
.red_btn#youtube span::before{
    content:"\ecbb";
}
.red_btn#vimeo span::before{
    content:"\ed7f";
}
.red_btn#artsy{
    background-image: url(../img/artsy.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.sub_m{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: -moz-fit-content;
    width: fit-content;
}
.sub_m.act{
    background-color: rgb(255 255 255 / 50%);
}
.sub_m > *{
    line-height: 3vw;
    font-size: 1.2rem;
    width: 3vw;
    height: 3vw;
    text-align: center;
    cursor: pointer;
    border: 1px solid currentColor;
    border-top: 0;
    margin-left: -1px;
    right: initial;
    /*background-color: #fff;*/
    background-color: transparent;
}




.btn_abc{
    position: absolute;
    top: 0;
    height: 100%;
    width: 2.4vw;
    right: 3.4vw;
}
.btn_abc_int{
    position: absolute;
    width: 100%;
    right: 100%;
    top: 0;
    right: 0;
}
.btn_abc_int span{
    font-size: 1.4rem;
    line-height: 2.1vw;
    display: block;
    position: relative;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-top: 0.2vw;
}
.btn_abc_int span > *{}
.b_abc{}
.b_abc::before{
    content: '';
}
.b_abc::after{
    content: '';
}
.abc_content{
    position: absolute;
    top: 100%;
    right: 1px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    display: none;
    flex-wrap: wrap;
}
.item_abc{
    display: block;
    width: 2.4vw;
    line-height: 2.4vw;
    background-color: #fff;
    text-align: center;
    border: 1px solid #000;
    margin-right: -1px;
    margin-bottom: -1px;
}
.p_ancla{
    position: absolute;
    top: -6vw;   
}
.post.post:nth-child(3n+1) .p_ancla{
    top: -7vw;
}
.post.post:nth-child(3n+2) .p_ancla{
    top: -6.5vw;
}

.act_abc .abc_content{
    display: flex;
}

.item_abc.act{
    background-color: #000;
    color: #fff;
}

.fm_item_op{
    pointer-events: none;
    opacity: 0.5;
}

.pie_img{

}
.post .pie_img{
    margin-top: 1.5vw;
}
.pie_img > *,
.post_info .pie_img > *{
    margin: 0;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 0.65rem;
    color: #6C6C6C;
}
.d_bottom{
    width: 100%;
}

section.contact{
        min-height: calc(100vh - 2.7vw);
    display: flex;
    align-items: center;
    justify-content: center;
}
section.contact .title{
        margin-bottom: 7vw;
}
.parrafo_content{
    font-family: 'Gelasio', serif;
    text-align: center;
        margin-bottom: 11vw;
}

.parrafo_content h3{
    font-weight: 500;
    margin: 0;
    font-size: 1rem;
}
.parrafo_content h3 i{}
.parrafo_content p{
    margin: 0 0 2vw;
    font-size: 1rem;
}

.partnersGridWrapper{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.partnersGridWrapperLarge > *{
        display: block;
    /*max-width: 40%;*/
    width: 40%;
    margin: 0 2vw 2vw;
}

.partnersGridWrapperMedium > *{
        display: block;
    /*max-width: 20%;*/
    width: 20%;
    margin: 0 2vw 2vw;
}

.partnersGridWrapperSmall > *{
    display: block;
    /*max-width: 11%;*/
    width: 11%;
    margin: 0 2vw 2vw;
    position: relative;
}


.partnersGridWrapper > * > img{
    width: 100%;
}
.partnersGridWrapper.partnersGridWrapperSmall > * > img{
    display: block;
    max-height: 10vw;
}
.menu_s_h{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.menu_s_h a{
    text-decoration: underline;
}
.menu_s_h > * {
    margin-left: 1vw !important;
}
.menu_s_h_btn{
    height: 39px;
    width: 39px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.menu_s_h_btn .m_punto{
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 50%;
}
.menu_s_h_btn .m_punto::after{
    content: '';
 width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 14px;
}
.menu_s_h_btn .m_punto::before{
    content: '';
    background-color: currentColor;
    border-radius: 50%;
    display: block;
    position: absolute;
        bottom: 14px;
    width: 4px;
    height: 4px;
}

.loading{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.slide_over:after {
      content: 'flickity';
      display: none; /* hide :after */
    }
.menu_s_h_r{
    display: none;
}
.ss_i{
    width: 100%;
}

/***Single***/

.singleWrapper{
    display: grid;
    grid-template-columns: 1fr 900px 300px 1fr;
    grid-template-columns: 1fr 44vw 16vw 1fr;
    grid-template-areas:
        'header header header header'
        'header_fix header_fix header_fix header_fix'
        '. content sidebar .';
    font-family: 'Gelasio', serif;
    grid-gap: 1.3vw;
}

.pageWrapper{
    display: grid;
    grid-template-columns: 1fr 900px 300px 1fr;
    grid-template-columns: 1fr 44vw 16vw 1fr;
    grid-template-areas:
        '. header header .'
        'header_fix header_fix header_fix header_fix'
        '. content sidebar .';
    font-family: 'Gelasio', serif;
    grid-gap: 1.3vw;
}

.singleWrapper *,
.pageWrapper *{
    box-sizing: border-box;
}

.singleHeader{
    grid-area: header;
    position: relative;
    height: 55vw;
    max-height: calc(100vh - 55px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
    overflow: hidden;
}

.pageHeader{
    grid-area: header;
    position: relative;
    height: 7vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
    overflow: hidden;
}
.singleHeader-image{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.anclaTitle{
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 1px;
}

.singleHeader:after{
    position: absolute;
    display: inline-block;
    content: '';
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    width: 100%;
    height: 50%;
    bottom: 0;
    z-index: 1;
}

.singleHeader > h1{
    position: absolute;
    display: inline-block;
    width: 100%;
    color: #FFF;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 3rem;
    font-weight: 300;
    margin: 0;
    bottom: 0;
    padding: 0 3.4vw 3rem;
    z-index: 2;
}

.pageHeader > h1{
    position: absolute;
    display: inline-block;
    width: 100%;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 300;
    margin: 0;
    bottom: 0;
    padding: 0 0 1rem;
    z-index: 2;
}

.singleHeader > p,
.pageHeader > p{
    position: absolute;
    display: inline-block;
    width: calc(100% - 6.8vw);
    color: #fff;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 0.65rem;
    font-weight: 300;
    margin: 0;
    bottom: 0;
    padding: 2vh 3.4vw;
    z-index: 2;
    text-align: right;
    box-sizing: content-box;
}

.singleContent{
    grid-area: content;
    background-color: #FFF;
    padding: 2rem 1.5rem 8rem;
    box-sizing: border-box;
    margin-top: -1.3vw;
    max-width: 100vw;
}

.singleContent h1{
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 300;
    /*margin: 0 0 15px;*/
}

.singleContent h2{
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
    /*margin: 3vw 0 1vw;*/
}


.singleSidebar{
    grid-area: sidebar;
    background-color: transparent;
    padding: 2rem 1.5rem 8rem;
    padding: 0;
    top: 0;
    position: sticky;
    margin-top: -1.3vw;
}

.singleSidebarSticky{
    padding: 0;
}

.singleSidebarSticky > *{
    margin: 0;
}

.singleSidebarSticky h5{
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-weight: 300;
    font-size: 1rem;
    font-size: 0.9rem;
    display: block;
    cursor: pointer;
    transition: all 300ms ease;
    font-weight: 400;
}



.singleSidebarSticky > div:not(:last-child),
.singleSidebarSticky > ul:not(:last-child){
    margin-bottom: 50px;
}
/*.singleSidebarSticky > h5:not(:last-child),*/
.singleSidebarSticky > div:not(:last-child){
    /*margin-bottom: 1.3vw;*/
    margin-bottom: 2vw;
}
.singleSidebarShare{
    list-style: none;
    padding: 0;
    margin: 0;
}

.singleSidebarShare > li{
    display: inline-block;
}

.singleSidebarRelated > *:not(:last-child){
    margin-bottom: 2vw;
}

.postSidebar > .post_info{
    padding: 2vw;
}
.sidebarTitle{
    /*padding: 2vw;
    background-color: #fff;*/
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1vw;
}
.singleSidebarShareBack{
    padding: 1vw;
    background-color: #fff;
    margin-bottom: 2vw;
}

.postSidebar > .post_info > h3{
    font-weight: 300;
    font-size: 1.2rem;
    margin: 0 0 0.5em;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    line-height: initial;
}
.postSidebar > .post_info > p{
    margin: 0;
    font-size: 0.9rem;
}
.postSidebar > .post_info > *{
    font-size: 1rem;
    margin: 1vw 0;
}

.infoExtra{
    margin: 0 0 2rem;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}
.infoExtra p{
    margin: 0;
    font-size: 0.9rem;
}

.txt > *:first-child{
    margin-top: 0;
}
.txt > *:last-child{
    margin-bottom: 0;
}

.txt *,
.c_maf *,
.modal *{
    line-height: 1.8em;
    font-family: 'Gelasio', serif;
    font-size: 1rem;
    font-weight: 400;
}
.txt a,
.c_maf a,
.modal a{
    text-decoration: underline;
}

.txt b,
.c_maf b,
.modal b,
.txt strong,
.c_maf strong,
.modal strong,
.txt b *,
.c_maf b *,
.modal b *,
.txt strong *,
.c_maf strong *,
.modal strong *{
    font-weight: 600;
}

#events .post_info h4{
    line-height: initial;
    margin: 0;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 0.7rem;
    color: #6C6C6C;
    margin-bottom: 1rem;
}

.oe_pleca_grid{
    display: grid;
    grid-template-columns: 60% 1fr;
    align-items: end;
    grid-gap: 0rem 1.5rem;
}
.oe_fecha{
    grid-column: 1/3;
}
.txt_c.oei_txt .oe_fecha h2{
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 400;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
}
.txt_c.oei_txt .oe_pleca_grid .grid_title,
.txt_c.oei_txt .oe_pleca_grid .grid_tag{
    padding: 0rem 0 2rem;
}
.txt_c.oei_txt .oe_pleca_grid .grid_title h1{
    margin: 0;
}
.grid_tag ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}
.grid_tag li{
    display: block;
    margin: 3px 0 0 3px;
}

.grid_tag .buttom{}
.title_single{
    display: none;
}

.titulo_fijo,
.pageTitleFixed{
    grid-area: header_fix;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3vw;
    position: sticky;
    width: 100%;
    padding: 0 3.4vw;
    box-sizing: border-box;
    top: 2.8vw;
    z-index: 2;
    margin-top: -8vw;
    background: #fff;
    grid-area: header_fix;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease-in-out;
    /*box-shadow: 0px 15px 5px -10px rgba(0,0,0,0.1);*/
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.titulo_fijo.act,
.pageTitleFixed.act{
    opacity: 1;
    pointer-events: auto;
}
.titulo_fijo h3,
.pageTitleFixed h3{
    margin: 0;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3vw;
    max-width: calc(100% - 8vw);
    display: block;
}
.titulo_fijo .singleSidebarShare,
.pageTitleFixed .singleSidebarShare,{
    margin: 0;
}

.titulo_fijo .red_btn,
.pageTitleFixed .red_btn{
    margin: 0;
}

/* submenu_login */
.menu_s_h > *.submenu_login{
    margin: 0;
    cursor: pointer;
    text-decoration: underline;
    position: relative;
}
.submenu_login > span{
    margin: 0;
}
.submenu_login > nav{
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 100%;
    padding-top: 0.9vw;
    width: fit-content;
    justify-content: flex-end;
    align-items: flex-end;
    opacity: 0;
    pointer-events: none;
    margin-right: -1.7rem;
}
.submenu_login > nav > *{
    position: relative;
    display: block;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    padding: 0.6rem 1.7rem;
    background-color: #000;
    box-sizing: border-box;
    transition: all 300ms ease;
}
.submenu_login:hover nav {
    opacity: 1;
    pointer-events: auto;
}

.oe_pleca .anclaTitleOver{
    position: absolute;
    top: initial;
    bottom: 0;
    pointer-events: none;
    left: 0;
    width: 100%;
    height: 1px;
}

.item_desktop{
    display: block;
}
.item_mobile{
    display: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.grid_tag p{
    text-align: right; 
    font-size: 0.75rem;
}
/* .singleSidebarShareBack{
    background-color: #fff;
    padding: 2rem 1.5rem 2rem;
} */
.singleSidebarShareBack h5{
    margin-top: 0;
}
.postSidebar > .post_info{
    padding: 1rem 1.5rem 1.5rem;
}

.p_iframe{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.6%;
}
.p_iframe iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.txt video{
    width: 100%;
    height: auto;
}

.slider_txt{
    width: 100%;
    z-index: 1;
}
.slider_txt_image{
    width: 100%;
}
.slider_txt_image_int{
    width: 100%;
    padding-bottom: 60%;
    position: relative;
}
.slider_txt_content{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider_txt_content img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}
.lSAction{
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex!important;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    /*background-color: #fff;
    height: calc(2.3rem + 2px);*/
    height: 2.3rem;
}
.lSAction > .lSPrev,
.lSAction > .lSNext{
    width: 2.3rem;
    height: 2.3rem;
    border: 1px solid currentColor;
    margin-left: -1px;
    left: initial;
    top: initial;
    transform: initial;
    right: 0;
    display: block;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.lSAction > .lSPrev::after{
    content: '🢐';
    line-height: 0.6em;
    margin-top: 0.2em;
}
.lSAction > .lSNext::after{
    content: '🢒';
    line-height: 0.6em;
    margin-top: 0.2em;
}

.modalViewport{
    overflow: hidden;
}

.modal{
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.modal *{
    box-sizing: border-box;
}

.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6{
    margin: 0;
}

.modal h2{
    font-size: 2rem;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
}

.modal h3{
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
}

.modal p{
    font-family: 'Gelasio', serif;
    font-size: 1rem;
    font-weight: 400;
}

.modalWrapper{
    position: absolute;
    display: grid;
    grid-template-rows: 3vw minmax(0, 1fr);
    width: 90vw;
    height: 90vh;
    background-color: #FFF;
    padding: 30px;
}

.modalBody{
    overflow-y: auto;
    padding: 0 10vw;
}

.modalBody > *:not(:last-child){
    margin-bottom: 1rem;
}

.alert{
    margin: 0;
    color: #FFF;
    text-align: center;
    padding: 0.5rem;
}

.alert-large{
    font-size: 2rem;
    padding: 1rem 2rem;
}

.alert-success{
    background-color: #080;
}

.alert-warning{
    background-color: #FA0;
}

.alert-danger{
    background-color: #B00;
}

.invited-level{
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    padding: 0.5rem 1.5rem;
    border-color: currentColor;
    font-weight: 600;
    text-transform: uppercase;
}

.invited-level-invited{
    color: #4caf50;
}

.invited-level-courtesy{
    color: #ffa900;
}

.invited-level-pv{
    color: #0085ba;
}

.invited-level-exhibitor{
    color: #9047f9;
}

.invited-level-special{
    color: #ff002f;
}

.invited-level-club{
    color: #ff5a22;
}

.invited h1,
.invited h2,
.invited h3,
.invited h4,
.invited h5,
.invited h6{
    margin: 0;
}

.invited h2{
    font-size: 2rem;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
}

.invited a{
    text-decoration: underline;
}

.invitedCheckIn{
    padding: 3vh 10vw;
    box-sizing: border-box;
}

.invitedCheckIn *{
    box-sizing: border-box;
}

.invitedCheckInWrapper{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 3vh;
}

.invitedCheckInHead{
    display: grid;
    grid-gap: 1vw;
    grid-template-columns: 20% 40% minmax(0, 1fr);
    align-items: start;
}

.invitedEvents{
    padding: 1vw;
    box-sizing: border-box;
    overflow-x: auto;
}

.invitedEvents *{
    box-sizing: border-box;
}

.invitedEvents > *:not(:last-child){
    margin-bottom: 1vw;
}

.invitedEvents > h3{
    font-weight: 300;
    font-size: 1.5rem;
}

.invitedEvents > ul{
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 1600px;
}

.invitedEvents > ul > *:not(:last-child){
    margin-bottom: 1vw;
}

.invitedEvents > ul > li{
    padding: 1vw;
    border: 1px solid #000;
    background-color: #FFF;
}

.invitedEvents > ul > li > a{
    float: right;
}

.invitedEvents > ul > li > *{
    margin: 0;
}

.invitedEvents > ul > li > h4{
    font-weight: normal;
    font-size: 1.25rem;
}

.invitedEvents > ul > li > h5{
    font-weight: normal;
}

.invitedEvents > ul > li > ul{
    font-size: 0.7rem;
    padding: 0;
    list-style: none;
}

.invitedEvents > ul > li > p{
    font-size: 0.7rem;
}

.invitedEvents > ul > li > ul > li{
    display: grid;
    grid-template-columns: 20% 15% 15% 10% 10% 5% 5% 15% 5%;
    padding: 0.5rem;
}

.invitedEvents > ul > li > ul > li:first-child{
    background-color: #000;
    color: #FFF;
}

.invitedEvents > ul > li > ul > li:not(:first-child):nth-child(odd){
    background-color: #EFEFEF;
}

.invitedEvents > ul > li > *:not(:last-child){
    margin-bottom: 1vw;
}

.invitedEvents > ul > li > ul > li > ul{
    list-style: none;
    margin-top: 0.5rem;
    padding: 0 0 0 1rem;
}

.invitedEvents > ul > li > ul > li > ul > li{
    padding: 0.25rem;
}

.invitedEvents > ul > li > ul > li > ul > li:first-child{
    background-color: #9F9F9F;
    color: #FFF;
}

.invitedEvents > ul > li > ul > li > ul > li:nth-child(even){
    background-color: #FFF;
}

.invitedEvents > ul > li > ul > li > ul > li:not(:first-child):nth-child(odd){
    background-color: #EFEFEF;
}

.invitedNavigation{
    padding: 0 0 1rem;
}

.invitedEventSearchButton{
    margin-top: 1rem;
    width: 50%;
}

.invitedEventForm{
    display: grid;
    grid-gap: 1vw;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    text-align: right;
}

#qrURL{
    font-size: 1.2rem;
    font-weight: 600;
}

.invitedCheckInBody > p{
    text-align: center;
}

.invitedInfo{
    display: grid;
    grid-template-columns: 35% minmax(0, 1fr);
    background-color: #FFF;
    min-height: 600px;
    align-items: center;
}

.invitedInfoDetails{
    display: grid;
    /*grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);*/
    grid-auto-rows: auto;
}

.invitedInfoDetailsTop{
    display: flex;
    align-items: center;
    justify-content: center;
}

.invitedInfoDetailsTop > img{
    width: 100%;
}

.invitedInfoDetailsMiddle{
    display: grid;
    grid-gap: 1rem;
    /*grid-template-rows: 30px 1fr 30px 1fr 30px 1fr;*/
    grid-auto-rows: auto;
    align-items: center;
    justify-content: center;
    padding: 0 2vw 2vw;
}

.invitedInfoDetailsMiddle > *{
    text-align: center;
}

.invitedInfoDetailsMiddle > h3{
    font-weight: normal;
    text-transform: uppercase;
}

.invitedInfoDetailsMiddle > p{
    margin: 0;
}

.invitedInfoDetailsMiddle > ul{
    display: grid;
    grid-gap: 1rem;
    grid-auto-rows: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.invited-pass{
    display: grid;
    grid-gap: 0.5rem;
    grid-auto-rows: 2.5rem;
    grid-template-columns: minmax(0, 1fr) 2.5rem;
    align-items: center;
    justify-items: center;
}

.invited-pass > *{
    height: 2.5rem;
    max-height: 2.5rem;
    min-width: 100%;
}

.invited-pass > .button:not(.button-icofont){
    font-size: 0.75rem !important;
}

.invitedInfoForm{
    display: grid;
    grid-gap: 1vw;
    grid-auto-rows: 40px;
    padding: 2vw;
    border-left: 1px solid #000;
}

.invitedInfoForm > label{
    display: grid;
    grid-gap: 1vw;
    grid-template-columns: 20% minmax(0, 1fr);
    align-items: center;
    text-transform: uppercase;
}

.invitedInfoForm > label > span{
    display: inline-block;
    width: 100%;
}

.invitedInfoForm > label > input[type="text"],
.invitedInfoForm > label > input[type="email"],
.invitedInfoForm > label > select{
    width: 100%;
    height: 100%;
}

.inputText{
    border: 1px solid #000;
    padding: 0.25rem 1rem;
    font-family: "Akkurat", "Helvetica Neue", 'Work Sans', Arial, sans-serif;
}

.inputText::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #CFCFCF;
    font-weight: normal;
    opacity: 1; /* Firefox */
}

.inputText:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #CFCFCF;
    font-weight: normal;
}

.inputText::-ms-input-placeholder { /* Microsoft Edge */
    color: #CFCFCF;
    font-weight: normal;
}

.inputText[readonly],
.inputText:disabled{
    cursor: default;
    background-color: #EFEFEF;
}

.inputText[readonly]:focus,
.inputText:disabled:focus{
    outline: none;
}

.button{
    display: inline-block;
    border: 1px solid #000;
    padding: 0.75rem 1rem;
    font-family: "Akkurat", "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 1rem;
    background-color: #FFF;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 300ms ease;
    cursor: pointer;
}

.button:hover{
    color: #FFF;
    background-color: #000;
}

.button-icofont{
    padding: 0.3rem;
    font-size: 2rem;
    font-weight: 400;
    font-family: "IcoFont";
}

.select{
    font-family: "Akkurat", "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    text-transform: uppercase;
    background-color: #FFF;
    border: 1px solid #000;
    padding: 0.5rem;
}

.lSSlideOuter {
    position: relative;
    z-index: 1;
}
.modalBody > *{
    line-height: 1.8em;
}
.modal h2{
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 3rem;
    font-weight: 300;
}
.modal h3{
    font-weight: 300;
    font-size: 2rem;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
}

.c_maf .partnersGridWrapperLarge > *{
    width: calc(72% - 2rem);
    margin: 0 1rem 1rem;
}
.c_maf  .partnersGridWrapperMedium > *{
    width: calc(50% - 2rem);
    margin: 0 1rem 1rem;
}
.c_maf   .partnersGridWrapperSmall > *{
    width: calc(100%/3 - 2rem);
    margin: 0 1rem 1rem;
}
.c_maf .partners_o.s_scroll .content{
    width: 100%;
}
.modalDivClose{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.slider_over .lSAction > .lSPrev, .slider_over .lSAction > .lSNext{
    background-color: #fff;
    opacity: 1;
}

.content_blanco{
    width: 100%;
    background-color: #fff;
    margin: 4rem 0;
    display: block;
    padding: 2rem 2rem 5rem;
    box-sizing: border-box;
}
.content_blanco label{
    font-weight: 300;
    font-size: 1.5rem;
    margin: 0 auto 2rem;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    line-height: initial;
    display: block;
    width: 100%;
}
.form_centrar{
    max-width: 25rem;
    margin: 0 auto;
}
.content_blanco span{
    display: block;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.03em;
    margin: 0 0 0.3rem;
}
.content_blanco input{
    box-sizing: border-box;
    padding: 0 1rem;
    line-height: 2.5rem;
    height: 2.5rem;
    width: 100%;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 0.8rem;
}
.content_blanco ul{
    margin: 2rem 0;
    list-style: none;
    padding: 0;
}
.content_blanco a{
    text-decoration: underline;
    vertical-align: middle;
}
.content_blanco img{
    max-width: 100%;
    height: auto;
    display: block;
}
.content_blanco li{
    text-align: center;
}
.content_blanco .alert{
    margin: 1rem 0;
}
.form_centrar input:focus,
.form_centrar input:active{
    outline: 0;
}
.form_centrar .btn{
    width: 100%;
}
.content_doble{
    max-width: 50rem;
    margin: 0 auto;
}
.content_doble .button{
    width: 100%;
    display: block;
}
.fila{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.fila_columna{
    box-sizing: border-box;
    width: 100%;
    padding: 0 1rem;
}
.content_blanco .select{
    width: 100%;
    padding: 0 1rem;
    line-height: 2.5rem;
    height: 2.5rem;
}
.content_blanco h3{
    font-size: 2rem;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    margin: 1rem 0 0.5rem;
    text-align: center;
}

.textBreak{
    text-align: center;
    margin: 2rem 0 !important;
}

.contentNavigation{
    position: absolute;
    top: 65px;
}

.botonera .btn{}
.botoneraImage{}
.botoneraImage img{
    width: auto;
    height: 1.9rem;
    display: block;
}
.botoneraImage span{}
.postEvent{}
.postEvent .post_info {
    padding: 0.7rem 1rem 3rem;
    position: initial;
}
.postEvent .botonera{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: calc(100% - 2rem);
    margin-bottom: 0;
    position: absolute;
    box-sizing: border-box;
    bottom: 0.7rem;
}
.postEvent .post_info h4 {
    font-weight: 400;
    font-size: 0.7rem;
    margin: 0 0 0.7rem;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    line-height: initial;
    text-transform: uppercase;
}
.postEvent .post_info h3{
    font-size: 1rem;
    margin: 0 0 0.7rem;
}
.postEvent .post_info p{
    font-size: 0.7rem;
}
.botonera {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
}
.post_info .botonera .btn{
    padding: 0.1rem 0.7rem;
    white-space: nowrap;
    margin: 0;
}

.eventCategory > h2{
    text-transform: uppercase;
    font-size: 1.5rem !important;
}

.eventCategory > *{
    margin: 0 0 0.5rem;
}

.eventTypeImage{
    max-height: 2.2rem;
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    margin-bottom: 1.5rem;
}

.post_info_int{
    width: 100%;
}

.formGrid [type="submit"],
.invitedInfoForm [type="submit"]{
    display: flex;
    justify-content: center;
    align-items: center;
}

.formGrid [type="submit"]:disabled,
.formGrid [type="submit"]:hover:disabled,
.invitedInfoForm [type="submit"]:disabled,
.invitedInfoForm [type="submit"]:hover:disabled{
    background-color: transparent;
    border-color: transparent;
    color: #000;
    cursor: default;
}

 .loadingDots {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #000;
    color: #000;
    animation: dotFlashing 1s infinite linear alternate;
    animation-delay: .5s;
}

 .loadingDots::before,  .loadingDots::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}

 .loadingDots::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #000;
    color: #000;
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 0s;
}

 .loadingDots::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #000;
    color: #000;
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 1s;
}

@keyframes dotFlashing {
    0% {
        background-color: #000;
    }
    50%,
    100% {
        background-color: #efefef;
    }
}

.required::after{
    content: '*';
}

.required-notice{
    text-align: right;
    font-size: 75%;
}

.gallery{
    position: relative;
    background-color: #F9F9F9;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.gallery *{
    box-sizing: border-box;
}

.galleryItemsWrapper{
    position: relative;
    display: grid;
    grid-template-columns: repeat(999, 100%);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.galleryItem{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2.5rem;
}

.galleryItem > img{
    max-width: 100%;
    margin: 0;
}

.galleryItem > span{
    position: absolute;
    display: inline-block;
    width: 100%;
    bottom: 0;
    left: 0;
    font-family: "Helvetica Neue", 'Work Sans', Arial, sans-serif;
    font-size: 0.65rem;
    font-weight: 300;
    margin: 0;
    padding: 0.5rem 1rem;
    color: #FFF;
    background: rgba(0,0,0,0.5);
    text-align: center;
    min-height: 2.5rem;
}

.galleryItem > span:empty{
    display: none;
}

.galleryButton{
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.5rem;
    aspect-ratio: 1;
    cursor: pointer;
    border: 1px solid #000;
    background-color: #FFF;
    padding: 0;
}

.galleryButtonNext{
    right: 0;
}

.galleryButtonPrevious{
    left: 0;
}