/*
    Theme Name: TX Sport Conference
    Theme URI:
    Author: Leandro Perrone
    Autor URI: leandro_perrone@hotmail.com
    Description: Theme para TX Sport Conference
    Version: 2.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: TX Sport Conference
    Text Domain: tx_sport
*/

:root {
    --MaisonNeueBold : 'MaisonNeueBold';
    --MaisonNeueBook : 'MaisonNeueBook';
    --MaisonNeueMono : 'MaisonNeueMono';
    --MaisonNeueLightItalico : 'MaisonNeueLightItalic';

    --Violeta : #8977ff;
    --Naranja : #f7763c;
    --Verde: #d6ff00; 

}


/* Preloader CSS */
.loading {width: 100%;height: 100vh;position: fixed;background-color: black;z-index: 999999;overflow: visible; top:0;}
.loading img {position: absolute;top: 45%;left: 48%;margin: -50px 0 0 -50px;width: 230px;transform-origin: center;  animation: scale 1.5s infinite alternate;}
.loading.fade {z-index:0;animation-name: fade;animation-duration: 0.3s;animation-fill-mode: both;animation-iteration-count: 1;animation-delay: 0.3s;}
@-webkit-keyframes scale {
From {-webkit-transform: scale(.8);}
To {-webkit-transform: scale(1.2);}
}


/* FONDOS */
.fondoVioleta { background-color: var(--Violeta); }
.fondoBlack { background-color: black; }
.fondoNaranja { background-color: var(--Naranja); }
.fondoVerde { background-color: var(--Verde); }

    

html { font-size: 62.5%; overflow-x: hidden; }
body { font-family: var(--MaisonNeueBook); background-color: black; font-size: 2.7rem; line-height: 3rem; color: white; letter-spacing: 1px; overflow-x: hidden; }
h1, h2, h3 { font-family: var(--MaisonNeueBold); color: white; letter-spacing: 2px; text-transform: uppercase; }
h2 { font-size: 6.25rem; margin-bottom: 3rem; line-height: 6.438rem;  }
h4 { font-family: var(--MaisonNeueBold); font-size: 2.5rem; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; margin-top: 20px; }

.btn { font-family: var(--MaisonNeueBold); font-size: 2.188rem; color: black; padding: 9px 15px 6px 15px; border-radius: 0; transition: .5s all; text-transform: uppercase; margin-top: 1%; margin-bottom: 1%; }
.btn:hover { background-color: white; }
.btn img { width: 25px; margin-top: -6px; margin-left: 5px; }
.clearfix { clear: both; }
.arrowDown { width: 3%; margin-top: 4.2vw; margin-bottom: 5.1vw; }
.relative { position: relative; }
.absolute { position: absolute; }

.mobile { display: none; }


header { position: relative; z-index: 3000; background-color: black; color: white; padding: 2% 0; transition: .5s all; }
header .navbar { background-color: transparent!important; padding: 0 4.6vw; }
.navbar-brand img { width: 19vw; }
.home header { position: absolute; width: 100vw; z-index: 4000; background-color: transparent; }
.menu-item { font-size: 1.7rem; font-weight: 500; margin-left: 2vw; text-transform: uppercase; letter-spacing: 0px; }
.menu-item a:link { color: var(--Blanco); text-decoration: none; transition: .3s all; }
.menu-item a:visited { color: var(--Blanco); text-decoration: none; }
.menu-item a:hover { color: var(--Naranja); text-decoration: none; }
.fixed { position: fixed; top:0; left:0; width: 100%; }
.home header.fixed { position: fixed; top:0; left:0; width: 100%; background-color: black; }
header.fixed { padding-top: 1%; padding-bottom: 1%; }
header.fixed .navbar-brand img { width: 13vw; }
.navbar-toggler-icon { width: 2em; height: 2em; }
.menu-item-24 { background-color: var(--Naranja); padding: 9px 15px 5px 15px; margin-top: -10px; transition: .5s all; display: none; }
.menu-item-24:hover { background-color: white; }
.menu-item-24 a:link { color: black; font-family: var(--MaisonNeueBold); }
.menu-item-24 a:visited { color: black; }
.menu-item-24 a:visited { color: black; }


/* HERO */
.hero { height: 100vh; width: 100%; overflow: hidden; background-size: cover!important; position: relative; padding-top: 24vh }
.hero h1 { font-size: 8.75rem; line-height: 8.563rem; color: white; }
.hero h4 { color: var(--Violeta); }
.hero a.btn {  }


/* COUNTDOWN */
.countdown-timer { animation: fadeIn 2s ease-in-out; align-items: center; border-radius: 0px; color: #fff; padding: 8px; text-align: left; text-transform: uppercase; width: 100%; font-family: var(--MaisonNeueBold); margin-top: 3% }
.countdown-timer .countainer-ul { display: flex; justify-content: space-evenly; }
.countdown-timer-ul { border-radius: 25px; color: #000;
    margin: auto auto 15px auto;
    position: relative;
    text-align: center;
    transition: opacity 0.7s ease-in-out;
    position: relative;
    width: 40%;
  }
  .countdown-timer-ul .deadline-label {
    color: #fff;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 10%;
    text-align: right;
    text-transform: uppercase; display: none;
  }
  .countdown-timer .date-item {
    border-radius: 5px;
    color: #fff;
    text-align: center;
    width: 180px;
  }
  .countdown-timer ul {
    margin-bottom: 0px;
    padding: 0px;
  }
  .countdown-timer ul li span {
    display: block;
    font-size: 7.813rem; font-family: var(--MaisonNeueMono); line-height: 7rem;
  }
  .countdown-timer li {
    display: inline-block;
    font-size: 1em;
    list-style-type: none;
    padding: 0.5em;
    text-transform: uppercase;
  }
  @keyframes fadeIn {
      0% {opacity: 0;}
      100% {opacity: 1;}
  }


/* EVENTO */
.evento { background: url(img/back-img-2.png) center no-repeat; background-size: cover; }
.evento .bloqueTexto { padding: 20% 15vw 0 5vw; }
.evento .misc { bottom: 0; right: 0; width: 22vw; }

/* NUMEROS */
.numeros { padding-top: 10vh; padding-bottom: 5vh; }
.numeros .num { font-size: 8.75rem; font-family: var(--MaisonNeueMono); line-height: 7rem; }
.numeros .texto { font-family: var(--MaisonNeueBold); font-size: 2.063rem; text-transform: uppercase; margin-top: 10px; }
.numeros a img { width: 30px; margin-top: 50px; }

/* EVENTO */
.porque .bloqueTexto { padding: 20% 11vw 0 13vw; }
.porque .misc { top: 0; left: 0; width: 17vw; }
.porque .btn { margin-top: 5%; }
.porque .palabra { font-size: 8.5rem; font-family: var(--MaisonNeueBold); color: var(--Violeta); text-transform: uppercase; }
.porque .palabra.palabra1 { top: 40px; right: 20px; }
.porque .palabra.palabra2 { top: 50%; right: 32%; }
.porque .palabra.palabra3 { bottom: 40px; right: 20px; }


/* TEMAS */
.temas { padding-top: 12vh; padding-bottom: 8vh; }
.temas .texto { text-transform: uppercase; width: 50%; margin: 0 auto; font-family: var(--MaisonNeueBold); line-height: 2rem; }
.temas .icono { width: 50%; margin: 0 auto; }
.temas .row { margin-bottom: 5vh; }
.temas .misc { bottom: 0; right: 0; width: 17vw; }


/* UNITE */
.unite { padding-top: 23vh; padding-bottom: 23vh; }
.unite h2 { color: var(--Verde); }


/* SKEAPERS */
.speakers { padding-top: 15vh; padding-bottom: 15vh; background: url(img/back-img-1.png) center no-repeat; background-size: cover; padding-left: 3vw; padding-right: 3vw; display: block!important; }
.hablantes { margin-top: 8vh; }
.hablantes .moderador { border-left: 1px solid white; }
.hablantes .moderador .btn { margin-left: 4vw; }
.hablantes .moderador .unSpeaker { margin-top: 50px; }
.hablantes .imagen { max-width: 80%; }
.hablantes .pais { width: 60px; right: 0; bottom: 0; }
.hablantes .nombre { font-family: var(--MaisonNeueBold); font-size: 4.375rem; line-height: 4rem; text-transform: uppercase; max-width: 80%; margin-top: 25px; }
.hablantes .aclara { font-family: var(--MaisonNeueBold); font-size: 1.75rem; line-height: 1.563rem; text-transform: uppercase!important; max-width: 80%; margin-top: 10px; }
.hablantes .cargo { font-family: var(--MaisonNeueLightItalic); font-size: 2.063rem; line-height: 2.688rem; max-width: 80%; margin-top: 20px; font-style: italic; }
.hablantes .unSpeaker { margin-top: 30px; margin-bottom: 30px; }


/* REGISTRATE */
.registrate { padding-top: 20vh; padding-bottom: 20vh; }


/* LINEUP */
.lineup { padding-top: 15vh; padding-bottom: 10vh; background: url(img/back-img-2.png) center no-repeat; background-size: cover; }
.lineup .contenedor { border: 2px solid white; width: 95%; margin-left: auto; margin-right: auto; }
.accordion { background-color: transparent; font-family: var(--MaisonNeueBold);
  color: white!important; font-size: 6.25rem; text-transform: uppercase;
  cursor: pointer; 
  padding: 40px 30px 32px 30px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
.panel {
  padding: 0 30px; text-align: left;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;

}
.accordion:after {
  content: '+'; margin-top: 10px; font-family: var(--MaisonNeueBook);
  font-size: 80px;
  color: white!important;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "-"; /* Unicode character for "minus" sign (-) */
}
.unaAgenda { margin-top: 40px; margin-bottom: 50px; padding-right: 50px;  }
.unaAgenda .borderBottom { border-bottom: 1px solid white; padding-bottom: 40px; } 
.unaAgenda .titulo { font-size: 4.375rem; line-height: 5rem; line-height: 5rem; text-transform: uppercase; text-align: left; font-family: var(--MaisonNeueBold); margin-bottom: 10px; }
.unaAgenda .horario { background-color: var(--Violeta); font-size: 2.5rem; color: black; text-transform: uppercase; text-align: left; font-family: var(--MaisonNeueBold); max-width: 170px; padding: 10px 20px; text-align: center; }
.unaAgenda .imagen img { max-width: 57px; }
.unaAgenda .nombre { text-transform: uppercase; text-align: left; font-family: var(--MaisonNeueBold); font-size: 2.7rem; margin-top: 10px; }
.unaAgenda .cargo { text-align: left; font-family: var(.--MaisonNeueLightItalico); font-size: 2.063rem; }


/* IMPACTO */
.impacto { padding-top: 20vh; padding-bottom: 20vh; }
.impacto h2 { color: var(--Verde); }


.wrapper { background: url(img/back-img-1.png) center no-repeat; background-size: cover; }
.contacto { padding: 9.4vw 0 }
.contacto h2 { color: var(--Violeta); }
.wpcf7-form { width: 100%; max-width: 59.7vw; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }
.wpcf7-form input { width: 100%; border: none; border-bottom: 1px solid white; padding-bottom: 15px; background: transparent!important; color: white; outline: none; -webkit-border-radius: none!important; margin-bottom: 25px; text-align: center; font-family: var(--MaisonNeueBold); text-transform: uppercase; font-size: 2.188rem; }
.wpcf7-form textarea { width: 100%; border: none; border-bottom: 1px solid white; padding-bottom: 15px; background: transparent!important; color: white; outline: none; -webkit-border-radius: none!important; text-align: center; height: 100px; font-family: var(--MaisonNeueBold); text-transform: uppercase; font-size: 2.188rem; }
input[type="submit"] { width: 115px; background: var(--Violeta)!important; border-bottom: none; padding-bottom: 8px; padding-top: 8px; transition: .5s all; margin-left: 7%; font-family: var(--MaisonNeueBold); text-transform: uppercase; font-size: 2.188rem; color: black; }
input[type="submit"]:hover { background-color: white!important; transition: .5s all;  }
::placeholder { color: white; text-align: center; }


.sponsors h2 { color: var(--Verde); }
.sponsors .titulo { color: var(--Verde); font-family: var(--MaisonNeueBold); font-size: 1.938rem; text-transform: uppercase; }
.sponsors .titulo.cat { margin-top: 14vh; }


footer { color: white; padding: 4% 4.6vw!important; }
footer .logo { margin-top: 0px; text-align: right; }
footer .logo img { height: 65px; }
footer .redes {  }
footer .redes img { height: 65px; }
footer .texto1 { font-family: var(--MaisonNeueBook); font-size: 2rem; margin-top: 50px; color: white; }
footer .texto2 { font-family: var(--MaisonNeueBook); font-size: 2rem; text-align: right; margin-top: 50px; color: white; }
footer .texto2 a:link { color: white!important; text-decoration: none; }



.fancybox-image { padding: 30px; }
.fancybox-image { background-color: var(--Blanco); }
.fancybox-bg { background: var(--Naranja); }
.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 5px; right: 0; top: 0;}
.slick-next { left: 5%; top: 96.8%; width: 60px; height: 60px; padding: 15px; background-color: #86aa6e; transition: all .4; }
.slick-prev { left: 0; top: 96.8%; width: 60px; height: 60px; padding: 15px; z-index: 100; background-color: #86aa6e; transition: all .4 }
.slick-next:before { content: url(img/arrow_right_white.svg); }
.slick-prev:before { content: url(img/arrow_left_white.svg); }
.plantas .slick-next { left: 101.8%; top: 50%; width: 60px; height: 60px; padding: 15px; background-color: var(--NaranjaClaro); }
.plantas .slick-prev { left: -5.5%; top: 50%; width: 60px; height: 60px; padding: 15px; z-index: 100; background-color: var(--NaranjaClaro); }
.plantas .slick-next:before { content: url(img/arrow_right_green.svg); }
.plantas .slick-prev:before { content: url(img/arrow_left_green.svg); }


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    html { font-size: 100%; }
}

/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    html { font-size: 52%; }
}

/* 1.3 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){ 
    html { font-size: 52%; }
}

/* 1.5 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    html { font-size: 50%; }
    body { font-size: 2rem; }

}


/* AJUSTE TIPO */
@media only screen and (min-width: 1280px) {
    html { font-size: 45%; }
} 
@media only screen and (max-width: 1200px) {
    html { font-size: 45%; }
}
@media only screen and (max-width: 1024px) {
    html { font-size: 39%; }
} 
@media only screen and (max-width: 900px) {
    html { font-size: 55%; }
}
@media only screen and (max-width: 768px) {
    html { font-size: 50%; }
}
@media only screen and (max-width: 600px) {
    html { font-size: 37%; }
}


/* LAPTOP */
@media only screen and (max-width: 1600px) {
   
}

@media only screen and (max-width: 1440px) {
   .porque .bloqueTexto {
        padding: 20% 11vw 0 12vw;
    }
    .hablantes .pais {
        width: 45px;
        right: 0;
        bottom: 0;
    }
    .registrate {
        padding-top: 18vh;
        padding-bottom: 18vh;
    }
    footer .redes img {
        width: 58px;
    }
}

/* LAPTOP */
@media only screen and (max-width: 1367px) {
    .hero {
        height: 100vh;
        width: 100%;
        overflow: hidden;
        background-size: cover!important;
        position: relative;
        padding-top: 19vh;
    }
    .porque .bloqueTexto {
        padding: 20% 11vw 0 10vw;
    }
    footer .redes img {
        width: 59px;
        margin-top: -13px;
    }

}

@media only screen and (max-width: 1280px) {
    .btn img {
        width: 19px;
        margin-top: -3px;
        margin-left: 5px;
    }
    .unite {
        padding-top: 20vh;
        padding-bottom: 20vh;
    }
    .text-center {
        text-align: center!important;
    }
}

/* XL */
@media only screen and (max-width: 1220px) {

}

@media only screen and (max-width: 1181px) {
    .countdown-timer-ul {
        width: 50%;
    }
    .evento .bloqueTexto {
        padding: 12% 15vw 0 4vw;
    }
    .porque .bloqueTexto {
        padding: 17% 11vw 0 9vw;
    }
    .unite {
        padding-top: 16vh;
        padding-bottom: 16vh;
    }
    .hablantes .pais {
        width: 40px;
        right: 0;
        bottom: 0;
    }
    .registrate {
        padding-top: 13vh;
        padding-bottom: 13vh;
    }
    .impacto {
        padding-top: 15vh;
        padding-bottom: 15vh;
    }
    .sponsors .titulo.cat {
        margin-top: 11vh;
    }
    footer .redes img {
        width: 53px;
        margin-top: -15px;
    }
}



@media only screen and (max-width: 1025px) {
    header .navbar { padding: 0 2.6vw; }
    .temas .icono {
        width: 55%;
        margin: 0 auto;
    }
    .temas .texto {
        text-transform: uppercase;
        width: 60%;
        margin: 0 auto;
        font-family: var(--MaisonNeueBold);
        line-height: 2rem;
    }
    .unite {
        padding-top: 14vh;
        padding-bottom: 13vh;
    }
    .hablantes .pais {
        width: 35px;
        right: 0;
        bottom: 0;
    }
    input[type="submit"] {
        width: 115px;
        background: var(--Violeta)!important;
        border-bottom: none;
        padding-bottom: 8px;
        padding-top: 8px;
        transition: .5s all;
        margin-left: 12%;
        font-family: var(--MaisonNeueBold);
        text-transform: uppercase;
        font-size: 2.188rem;
        color: black;
    }
    .sponsors .titulo.cat {
        margin-top: 10vh;
    }
    footer .redes img {
        width: 50px;
        margin-top: -17px;
    }
}

/* LG */
@media only screen and (max-width: 900px) {

    .countdown-timer-ul {
        width: 83%;
    }
    .countdown-timer {
        margin-top: 10%;
    }
    .evento .bloqueTexto {
        padding: 12% 15vw 12% 12vw;
    }
    .numeros .texto {
        font-family: var(--MaisonNeueBold);
        font-size: 1.8rem;
        text-transform: uppercase;
        margin-bottom: 28px;
    }
    .porque .bloqueTexto {
        padding: 17% 11vw 12% 12vw;
    }
    .temas .texto {
        text-transform: uppercase;
        width: 90%;
        margin: 0 auto;
        font-family: var(--MaisonNeueBold);
        line-height: 2rem;
    }
    .temas .icono {
        width: 72%;
        margin: 0 auto;
    }
    .unite {
        padding-top: 11vh;
        padding-bottom: 5vh;
    }
    .speakers {
        padding-top: 9vh;
        padding-bottom: 10vh;
        background: url(img/fondo_gradient.jpg) center no-repeat;
        background-size: cover;
        padding-left: 7vw;
        padding-right: 3vw;
    }
    .hablantes .moderador {
        border-left: none;
    }
    .hablantes .moderador .btn {
        margin-left: 0vw;
        margin-top: 3vh;
    }
    .registrate {
        padding-top: 9vh;
        padding-bottom: 9vh;
    }
    .impacto {
        padding-top: 10vh;
        padding-bottom: 10vh;
    }
    .sponsors .titulo.cat {
        margin-top: 4vh;
    }
       
}

/* MD */
@media only screen and (max-width: 768px) {

    .navbar-text { display: none; }
    .navbar-light .navbar-toggler {
        color: white;
        border: none!important;
    }
    .navbar-light .navbar-toggler-icon { background-image: url(img/bars.svg); }
    .navbar-brand img {
        width: 30.9vw;
    }
    header.fixed .navbar-brand img {
        width: 22vw;
    }
    .navbar-collapse { background-color: var(--Violeta); padding: 30px; }
    .menu-item { font-size: 2.75rem; line-height: 5rem; }
    .menu-item-24 {
        background-color: var(--Naranja);
        padding: 9px 15px 5px 15px;
        margin-top: 0px;
    }

    footer .redes {
        text-align: center;
    }
    footer .logo {
        margin-top: 30px;
        text-align: center;
        margin-bottom: 30px;
    }
    footer .logo img {
        width: 56vw;
    }
    .loading img {position: absolute;top: 45%;left: 35%;margin: -50px 0 0 -50px;width: 230px;transform-origin: center;  animation: scale 1.5s infinite alternate;}
    
    
}

/* SM */
@media only screen and (max-width: 576px) {
    body {
        line-height: 2.8rem;
        font-size: 1.8rem;
    }
    .navbar-brand img {
        width: 40vw;
    }
    header.fixed .navbar-brand img {
        width: 35vw;
    }
    header .navbar {
        padding: 3px 2.6vw;
    }
    .hero { background-position: 73% top!important; }
    .hero h1 {
        font-size: 8rem;
        line-height: 8.4rem;
        color: white;
    }
    .countdown-timer ul li span {
        display: block;
        font-size: 6.5rem;
        font-family: var(--MaisonNeueMono);
        line-height: 7rem;
    }
    .porque .bloqueTexto {
        padding: 22% 11vw 34% 12vw;
    }
    .porque .palabra {
        font-size: 7rem;
        font-family: var(--MaisonNeueBold);
        color: var(--Violeta);
        text-transform: uppercase;
    }
    .porque .palabra.palabra3 {
        bottom: 15px;
        left: 10px;
    }
    .porque .palabra.palabra2 {
        top: 81%;
        right: 5%;
    }
    .porque .palabra.palabra1 {
        top: 64%;
        left: 10px;
    }
    .wpcf7-form {
        width: 100%;
        max-width: 78.7vw;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    input[type="submit"] {
        width: 115px;
        background: var(--Violeta)!important;
        border-bottom: none;
        padding-bottom: 8px;
        padding-top: 8px;
        transition: .5s all;
        margin-left: 24%;
        font-family: var(--MaisonNeueBold);
        text-transform: uppercase;
        font-size: 2.188rem;
        color: black;
    }
    .sponsors .titulo.cat {
        margin-top: 9vh;
    }
    footer .texto1 { text-align: center; }
    footer .texto2 { text-align: center; }
	
	.hero .btn, .temas .btn, .unite .btn, .registrate .btn, .impacto .btn, .hablantes .btn, .sponsors .btn {
        width: 80%;
    }
    .btn {
        width: 100%;
    }
    .navbar-collapse {
        background-color: var(--Violeta);
        padding: 30px;
        margin-left: -15px;
        margin-right: -15px;
		margin-top: 10px;
    }
    .menu-item {
        font-size: 2.75rem;
        line-height: 5rem;
        margin-bottom: 14px;
    }
    .menu-item-24 {
        background-color: var(--Naranja);
        padding: 9px 15px 5px 15px;
        margin-top: 0px;
        text-align: center;
    }
    .temas .icono {
        width: 58%;
        margin: 0 auto;
    }
    header.fixed {
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .unaAgenda .titulo {
        font-size: 4.375rem;
        text-transform: uppercase;
        text-align: left;
        font-family: var(--MaisonNeueBold);
        margin-bottom: 10px;
        line-height: 5rem;
        margin-top: 10px;
    }
    
}

/* XS */
@media only screen and (max-width: 380px) {

    .porque .palabra.palabra2 {
        top: 59%;
        right: 32%;
    }
    
}


@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}