body {
    background-color: #000 !important;
}

#topnav .navigation-menu > li > a {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
}

.txthome {
    font-family: 'Mabry Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 53px;
    line-height: 72px;
    /* identical to box height */

    text-align: center;
    color: #FFFFFF !important;
}

.correocontacto {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF;
    padding-top: 30px;
    font-family: 'Work Sans';
}

.titulocontacto {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    line-height: 47px;
    color: #FFFFFF;
    padding-top: 84px;
}

.btnsec {
    border: 2px solid #444DE4 !important;
    border-radius: 100px;
    background-color: transparent !important;
}

#topnav .active:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 1px;
    margin: 0 auto;
    width: 30%;
    margin-left: 35%;
    border-bottom: 2px solid #fff !important;
}

.divHomeTitle {
    width: 749px;
    margin: 0 auto;
}

.subtitle {
    font-size: 23px;
    line-height: 28px;
    color: #FFFFFF;
    font-family: "Mabry Pro";
}

.parrafo {
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 35px !important;
    /* or 194% */


    color: #FFFFFF !important;
}

.recthome {
    background-image: url(/Content/Images/home/Rectangle.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 81px;
    color: #fff !important;
}

.txtmorado {
    font-family: "Mabry Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 17px;
    color: #FFFFFF;
}

.precios {
    box-sizing: border-box;
    /*    position: absolute;*/
    width: 100%;
    height: 901px;
    /*    left: 94px;
    top: 1382px;*/
    background: linear-gradient(180deg, rgba(41, 45, 57, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    backdrop-filter: blur(5px);
    /* Note: backdrop-filter has minimal browser support */

    border-radius: 23px;
    color: #fff !important;
    cursor: pointer;
}

    .precios:hover .esquinaprecios {
        background: rgba(41, 45, 57, 0.8);
        backdrop-filter: blur(5px);
    }
    .precios:hover .txtprecio, .txtcosto {
        color: #FFFFFF;
    }


.presencialtitle, .virtualtitle {
    display: none;
}


.precios:hover .presencialtitle {
    display: inline-block !important;
}

/*.presencialtitle {
    position:relative;
    top:-100px;
    z-index:1999;
}*/

.mostrar {
    display: inline-block;
}

.ocultar {
    display: none;
}


.esquinaiconostxt {
    /*position: absolute;*/
    /*    width: 245px;
    height: 164px;*/
    float: left;
    padding: 35px;
    /*    left: 419px;
    top: 1382px;*/
    /*    background: rgba(41, 45, 57, 0.8);
    backdrop-filter: blur(5px);
    border-radius: 0px 23px 0px 0px;*/
}

.esquinaprecios {
    /*position: absolute;*/
    width: 245px;
    height: 164px;
    float: right;
    /*    left: 419px;
    top: 1382px;*/
/*    background: rgba(36, 39, 50, 0.4);*/
    backdrop-filter: blur(5px);
    border-radius: 0px 23px 0px 0px;
    color: rgba(255, 255, 255, 0.5);
}



.moradoprecioesquina {
    width: 245px;
    height: 40px;
    background: #444DE4;
    /* bottom: 0px; */
    position: relative;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.tituloprecios {
    font-family: "Mabry Pro";
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 35px;
    /* identical to box height */

    text-transform: capitalize;
    color: #FFFFFF;
    padding-top: 30px;
}

.txtcosto {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    /* identical to box height */

    text-transform: capitalize;
    color: rgba(255, 255, 255, 0.5);
}

.txtprecio {
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 35px;
    /* identical to box height */

    text-transform: capitalize;
    color: rgba(255, 255, 255, 0.5);
}

.txtpreciocontenido {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    float: left;
    width: 440px;
    font-family: "Mabry Pro";
    /* or 194% */


    color: #FFFFFF;
}

.divcontenidoprecio {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 20px;
    width: 100% !important;
    clear: both;
}

    .divcontenidoprecio img {
        padding-top: 10px !important;
    }

.ponentesheader {
    background: #1D1D20;
    border-radius: 23px;
    height: 428px;
    overflow: hidden;
    margin-bottom: 10px;
}

.ponentesheader2 {
    background: #1D1D20;
    border-radius: 23px;
    overflow: hidden;
    margin-bottom: 10px;
}


.ponentesfooter {
    background: #1D1D20;
    border-radius: 23px;
    height: 260px;
}
    .ponentesfooter:hover {
        background: #444DE4;
        cursor: pointer;
    }

        .ponentesfooter:hover .verbio {
            color: #fff !important;
        }

.ponentesfooter2 {
    background: #1D1D20;
    border-radius: 23px;
    height: 226px;
}
    .ponentesfooter2:hover {
        background: #444DE4;
        cursor:pointer;
    }
        .ponentesfooter2:hover .verbio {
            color:#fff !important;
        }


.cargoponentes {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #FFFFFF;
    height: 80px;
    font-family: 'Work Sans';
}

.nameponente {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-transform: capitalize;
    color: #FFFFFF;
    font-family: "Mabry Pro";
    padding:20px 20px 9px 10px;
}

.nameponente2 {
    font-family: "Mabry Pro";
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 36px;
    /* identical to box height */

    text-transform: capitalize;
    color: #FFFFFF;
}

.bajoponentes {
    position: relative;
    bottom: 20px;
    width: 100%;
}


.namepuesto {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Work Sans';
    color: #FFFFFF;
    height: 80px;
    padding: 5px 20px 20px 5px;
}

.verbio {
    font-family: "Mabry Pro";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    /* identical to box height, or 167% */

    cursor: pointer;
    color: #00D070;
}

.tiny-slide {
    padding: 0px 5px;
}

.tns-controls button[data-controls=next] {
    right: -50px !important;
}

.tns-controls button[data-controls=prev] {
    left: -50px !important;
}

.separtepioneros {
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 60px;
    /* or 133% */


    color: #FFFFFF;
}

.separtepioneros2 {
    font-style: normal;
    font-weight: 400;
    font-size: 37px;
    line-height: 37px;
    font-family: "Mabry Pro";
    /* or 133% */


    color: #FFFFFF;
}

.separtepionerospiepagina {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    
    font-family: 'Work Sans';
    color: #FFFFFF;
}

.imagen-titulo {
    padding-top: 30px;
}

.partnersinfo {
    background: rgba(67, 67, 80, 0.5);
    border-radius: 17.9402px;
    padding: 35px 0px !important;
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.5rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    vertical-align: middle;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    height: 44px !important;
}

.avisopriv {
    color: #00D070 !important;
}

.seguenuestrasredes {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    /* identical to box height, or 167% */

    font-family: 'Mabry Pro';
    color: #FFFFFF;
}

.seguenuestrasredes2 {
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 42px;
    /* identical to box height */
    font-family: 'Mabry Pro';
    text-transform: uppercase;
    color: #FFFFFF;
}

#topnav .container {
    padding-top: 40px !important;
}

.img-titulos {
    height: 100px;
    margin: 0 auto;
}

.booklettile {
    height: 271px;
    width: 80%;
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(41, 45, 57, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    backdrop-filter: blur(5px);
    border-radius: 23px;
}

.bootletname {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    font-family: 'Mabry Pro';
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 30px 30px 0px 30px;
}

.imgbooklet {
    position: absolute;
    right: 30px;
    top: 30px;
}

.imgdowmload {
    position: absolute;
    right: 50px;
    top: 42px;
}

.horaagenda {
    font-family: "Mabry Pro";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 65px;
    /* identical to box height */
    padding-top: 30px !important;
    text-transform: uppercase;
    color: #FFFFFF;
}

.cuadrorutas {
    box-sizing: border-box;
    width: 414px;
    height: 70px;
    border: 2px solid #00D070;
    border-radius: 10px;
}

.txtcuadroverde {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 63px;
    color: #FFFFFF;
    padding-left: 30px;
}

.spanverde {
    color: #00D070;
}

.verdetalleagenda {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    padding-top: 27px;
    color: #00D070;
}

    .verdetalleagenda:hover {
        color: #9747FF !important;
        cursor: pointer;
    }

.numletras {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    /* identical to box height, or 250% */


    color: #FFFFFF;
}

.lineasagenda {
    /*    padding-top: 50px;*/
    clear: both;
    padding-bottom: 32px;
}

.contenidoagenda {
    font-family: 'Work Sans';
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #FFFFFF;
}

.contenidoagendaenmedio {
    height:230px;
}

.negritas {
    font-weight: bold;
}

.imgagenda {
    position: absolute;
    top: 39px;
    left: 168px;
}

.imgagendav {
    position: relative;
    top: -18px;
    left: 152px;
}

.accordion .card .card-header {
    background-color: #000 !important;
    border: 0 solid #000 !important;
}

.card {
    border: none !important;
    background-color: #000 !important;
    color:#fff !important;
}

/*.collapse {
    display: inline-block !important;
}*/

    .accordion.accordion-toggle-arrow .card .card-header .card-title {
    color: #00D070 !important;
    position: relative;
    font-size: 22px;
    line-height: 30px;
}
    .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed {
        color: #fff !important;
        font-size: 22px;
        line-height: 30px;
    }

.accordion .card .card-body {
    color: #fff !important;
    font-size: 18px;
}

.lblgeneral {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    /* identical to box height */

    text-transform: uppercase;
    color: #FFFFFF !important;
}

.olvidecontrasenia {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    /* identical to box height, or 188% */

    text-decoration-line: underline;
    color: #FFFFFF;
}

.registroapp {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
}

.txtrecuperar {
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    line-height: 47px;
    color: #FFFFFF;
}

.btnregistrarse {
    position: absolute;
    left: 228px;
    bottom: 5px;
}

.parraforegistro {
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    line-height: 25px;
    color: #FFFFFF;
    padding-top:20px;
}

.registrodata {
    font-style: normal;
    font-size: 22px;
    line-height: 22px;
    color: #FFFFFF;
}

.aceptacondiciones {
    font-size: 18px;
    line-height: 35px;
    color: #FFFFFF;
    position: relative;
    top: -7px;
}

.radio-list .radio {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
}

.newdata {
    width: 76px;
    height: 28px;
    border: 1px solid #00D070;
    border-radius: 100px;
    font-size: 14px !important;
    position: absolute;
    line-height: 28px;
    text-align: center;
    top: 113px;
    left: 138px;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title:after {
    content: "\f107" !important; /* Código Unicode para la flecha hacia abajo */
    font-family: "Font Awesome 5 Free" !important; /* Font Family de Font Awesome */
    font-weight: 900 !important; /* Weight del icono */
}

.collapsed::after {
 
}

.accordion.accordion-toggle-arrow .card .card-header .card-title:after {
    color: #00D070 !important; /* Color azul Bootstrap predeterminado */
    font-size: 16px !important;
}
/* Opcional: Cambiar el color del icono */
.collapsed::after {
    color: #00D070 !important; /* Color azul Bootstrap predeterminado */
    font-size: 16px !important;
}

.faqsdetails * {
    font-family: "Mabry Pro" !important;
}
#mdlDetallePonente * {
    background-color: #000;
    color: #FFF !important;
}

#mdlMsj * {
    background-color: #000;
    color: #FFF !important;
}
#mdlMsj2 * {
    background-color: #000;
    color: #FFF !important;
}

#mdlAgendaCfr * {
    background-color: #000;
    color: #FFF !important;
}
#mdlErrorAgenda * {
    background-color: #000;
    color: #FFF !important;
}


.nombreponente {
    width: 100%;
    height: 103px;
    background: #444DE4 !important;
    border-radius: 23px;
    font-family: "Mabry Pro";
    color: #FFFFFF;
    font-size: 22px;
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: center;
    text-align:center;
}

.descripcionpuesto {
    width: 100%;
    height: 179px;
    background: #1D1D20 !important;
    border-radius: 23px;
    font-size: 16px;
    color: #FFFFFF;
    font-family: "Mabry Pro";
    margin-top: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.parrafo1 {
    clear: both;
    padding-top: 33px;
    font-size: 22px !important;
    font-weight: 700;
}

.parrafo3, .parrafo2, .parrafo4, .parrafo5 {
    clear: both;
    padding-top: 33px;
    font-size: 14px !important;
    font-weight: 700;
}


.familymabry {
    font-family: "Mabry Pro" !important;
}

.familyworksans {
    font-family: 'Work Sans' !important;
}

.familymaven {
    font-family: 'Maven Pro' !important;
}

.modal-backdrop.show {
    opacity: 0.7 !important;
    background: rgba(41, 45, 57, 0.6) !important;
    backdrop-filter: blur(5px) !important;
}

.formularioreg * {
    font-family: "Mabry Pro";
}

.erroraceptatyc {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FF8D8D;
}
.checkbox > input:checked ~ span {
    background-color: #444DE4;
}
.radio > input:checked ~ span {
    background-color: #444DE4;
}

.flechitas {
    background-color: none !important;
    color: #444DE4 !important;
    font-size: 35px !important;
}

.tns-controls button[data-controls=next], .tns-controls button[data-controls=prev] {
    background-color:none !important;
    border:none !important;
}

#mdlDetalle * {
    background-color: #000;
    color: #FFF !important;
}

.parrafo11 {
    font-size:16px !important;
}

#mdlDetalle .titulo {
    font-size: 22px !important;
    font-weight:bold;
}

#mdlDetalle .hora {
    font-size: 22px !important;
    font-weight: bold;
}

.modal-body {
    border-radius: 23px !important;
}
.modal-content {
    border-radius: 23px !important;
}

.modal-dialog {
    border-radius: 23px !important;
}

.faltainformacion {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    /* identical to box height, or 188% */
    display:none;

    color: #FF8D8D;
}

.borde-rojo {
    border: 2px solid #FF0000 !important;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ripple div {
        position: absolute;
        border: 4px solid #fff;
        opacity: 1;
        border-radius: 50%;
        animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .lds-ripple div:nth-child(2) {
            animation-delay: -0.5s;
        }

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}


.transparente {
    background-color: transparent !important;
}

.cuadroqr {
    box-sizing: border-box;
    width: 285px;
    height: 296px;
    /*    border-radius: 50em;*/
    /*    padding: 1rem;
    position: relative;
    background: linear-gradient(to right, #00D070, #444DE4 );
    padding: 3px;*/
    /*    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #00D070, #444DE4 ) 1;*/
}


    .cuadroqr:before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        padding: 2px;
        border-radius: 15px;
        background: linear-gradient(to right, #00D070, #444DE4 );
        -webkit-mask: linear-gradient(to right, #00D070, #444DE4 ) content-box, linear-gradient(to right, #00D070, #444DE4 );
        mask: linear-gradient(to right, #00D070, #444DE4 ) content-box,linear-gradient(to right, #00D070, #444DE4 );
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        height: 295px;
    }

.linea {
    width: 268px;
    height: 1px;
    background-color: black;
    border: 1px solid rgba(255, 255, 255, 0.4);
    transform: rotate(-28.95deg);
    top: 70px;
    position: relative;
    left: -16px;
}

.sinlinea {
    width: 0px !important;
}

.bg-green-680:hover {
    background: #00D070 !important;
    color: #000 !important;
}
.bg-green-680 {
    color: #fff;
}

.bg-green-680:hover a {
    color: #000 !important;
}
.backcontacto {
    /*background-image: url('images/backgroud/rigthcontacto.png');*/
    position: absolute;
    width: 746.87px;
    height: 588.66px;
    right: 0px;
    top: 771.33px;
    background: url('/images/backgroud/rigthcontacto.png');
    transform: rotate(-79.48deg);

    
}

.paddinbotonponente {
  padding: 5px 20px 20px 5px;
}

.logintxt {
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    line-height: 47px;
    color: #FFFFFF;
}

.btn-asistir {
    width: 124px !important;
    height: 44px !important;
    padding: 10px 35px !important;
    gap: 10px !important;
}


.sinespacios {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    color: #747474;
}

.btn-cancelar {
    border: 2px solid #444DE4 !important;
    width: 232px !important;
    background-color: transparent !important;
    color:#fff !important;
}
.btn-cancelar:hover {
    color:#fff !important;
}


/*mobil*/
@media (max-width: 600px) {
/*    .infodata234 {
        padding-bottom: 50px !important;
    }*/

    .newdata {
        left: auto !important;
        right:85px !important;
    }
    .imgbooklet {
        position: relative;
        right: -196px;
        top: -18px;
    }

    .bootletname {
        font-size: 32px;
        line-height: 17px;
    }
    .divHomeTitle {
        padding-left:0px !important;
        padding-right:0px !important;
    }
        .divHomeTitle .title {
            font-size: 20px !important;
        }
   
    .separtepionerospiepagina {
        font-size: 17px !important;
        text-align: left !important;
        line-height: 29px;
    }
    .seguenuestrasredes {
        text-align: left;
    }
    .seguenuestrasredes2 {
        font-size: 26px;
    }
    .registratebtn {
        padding:30px !important;
    }
    /*    .separtepioneros {
        padding-top:30px !important;
    }*/
    .correocontacto {
        font-size: 21px;
    }
    .titulocontacto {
        font-size: 22px;
    }
    .separtepioneros {
        font-size: 30px;
    }

    .paddingfaq {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .redessocuales {
        padding-top: 7px !important;
        margin-left: -58px !important;
    }

    .redessocuales2 {
        padding-top: 7px !important;
        margin-left: -105px !important;
    }

     /*   .redessocuales .inline {
            margin-left: -20px !important;
        }*/

    .horaagenda {
        padding-top: 0px !important;
        margin: 10px !important;
    }
    footer .iconosredes {
        text-align: left !important;
    }

    footer .inline {
        margin-left: -15px !important;
    }

    .textdatafoo {
        width: 350px !important;
    }
    /*    .verdetalleagenda {
        padding-top:10px !important;
    }*/
    .imgagenda {
        position: absolute !important;
        top: 36px !important;
    }
    .lineasagenda {
        padding-bottom: 0px !important;
    }
    .rowsponentes {
        padding-top: 0px !important;
    }
    .btnindexreg {
        margin-bottom: 30px !important;
    }

    .btnsinpading {
        padding-left:0px !important;
    }
    .botondata {
        display: block !important;
    }
    .divHomeTitle {
        width:100%;
    }
    .txthome {
        font-size: 42px;
        line-height: 56px;
    }
    .tophome {
        padding-top:20px !important;
    }

    .titledetails {
        padding-top: 20px !important;
    }

    .separacionelvento {
        padding-top: 100px !important;
    }

    .rigthfaq {
        right: -121px !important;
    }
    .rigthfaq2 {
        display:none !important;
    }

    .lateralfaq {
        display: none !important;
    }

    #animacionfoot {
        width: 200px !important;
        left: 30px !important;
    }

    .subtitle {
        width: 100% !important;
        text-align: center !important;
        font-size: 20px !important;
    }

    .btnregitrotophome {
        width:100% !important;
        text-align:center !important;
        padding-top:23px !important;
    }
    #animacionfoot1 {
        display: none !important;
    }
    #animacionfoot2 {
        display: none !important;
    }
    #animacionfoot3 {
        display: none !important;
    }
    #animacionfoot4 {
        display:none !important;
    }

    #animacionfoot {
        display: none !important;
    }


    .back-reghome {
        display: none !important;
    }

    .back-precioleft {
        display: none !important;
    }

    .back-hometop {
        display: none !important;
    }


    .back-preciorigth {
        display: none !important;
    }


    .back-homepie {
        display: none !important;
    }

    .back-centerpartners {
        display: none !important;
    }

    .right-home {
        display: none !important;
    }

    .left-home-top {
        display: none !important;
    }

    .rigthhome2 {
        display: none !important;
    }

    .lefthhome2 {
        display: none !important;
    }

    .rigthhome3 {
        display: none !important;
    }

    .lefthhomecenter {
        display: none !important;
    }


    .lefthhome3 {
        display: none !important;
    }

    .txtpreciocontenido {
        width: 80% !important;
    }

    .tns-controls {
        display:none!important;
    }
    .tituloprecios {
        font-size:25px !important;
    }
/*    .imagenhomepioneros {
        display:none;
    }*/

    .esquinaiconostxt {
        padding: 8px !important;
    }
    .esquinaprecios {
        /* position: absolute; */
        width: 184px !important;
    }

    .linea {
        width: 211px !important;
        transform: rotate(-32.95deg) !important;
        top: 74px !important;
        left: -15px !important;
    }

    .moradoprecioesquina {
        width: 184px !important;
    }
    .esquinaspreciospadding {
        padding: 20px 13px !important;
    }

    .precios {
        height: auto !important;
    }
    .posicionbotonprecios {
        position:revert !important;
    }

        .posicionbotonprecios a {
            margin-top:20px !important;
        }

    .partnersinfo {
        margin-bottom: 42px !important;
    }

    .toprowpartners {
        padding-top:0px !important;
    }
}

.esquinaspreciospadding {
    padding: 20px 45px;
}

.toprowpartners {
    padding-top: 36px;
}

.posicionbotonprecios {
    width: 100%;
    padding: 35px;
    position: absolute;
    bottom: 0px;
}
@media (max-width: 991px){
    #topnav {
        background-color: transparent !important;
    }
        #topnav .navbar-toggle span {
/*            -webkit-transition: -webkit-transform .5s;
            transition: transform .5s;
            transition: transform .5s,-webkit-transform .5s;
            margin-bottom: 5px;
            display: block;
            height: 2px;
            width: 100%;
            --tw-bg-opacity: 1;*/
            background-color: #fff !important;
        }
    #navigation {
        background-color: #000 !important;
        color: #fff !important;
        top: 126px !important;
        z-index: 1999 !important;
    }
    #topnav .navigation-menu > li > a {
        color: #fff !important;
    }



    #topnav .botondata {
        float:left !important;
    }

    #topnav .navigation-menu > li > a {
        padding: 11px 20px !important;
    }

    .cuadrorutas {
        width: 300px !important;
    }




    .contenidoagendaenmedio {
        height: auto !important;
    }

    .partnersinfo {
        width: 288px !important;
        height: 195px !important;
        margin:0 auto;
    }
    .nombreponente {
        padding-top: 5px !important;
    }

    .ponentesheader2 {
                width: 288px !important;
        margin: 0 auto;
        margin-top: 30px;
    }

    #mdlDetallePonente .ponentesheader2 {
        width: auto !important;
    }
    #mdlDetallePonente .nombreponente {
        margin-top: 9px !important;
    }

    .ponentesfooter2 {
        width: 288px !important;
        margin-top: 11px;
        margin: 0 auto;
        margin-top: 11px !important;
    }
    .cerrarbtn {
        /*        position:absolute;
        right:0px;
        top:20px;*/

        height: 27.5px !important;
        width: 27.5px !important;
    }

    .flecaponente {
        position: absolute !important;
        right: 6px !important;
        top: 17px;
    }

    .btnmobilcont {
        margin-top:30px;
        margin-left:0px !important;
    }

    .padddingcon {
        padding-top:30px !important;
    }

    #accordionExample1 {
        background-color:#000 !important;
    }
    .left-contacto {
        display:none !important;
    }

    .topmobilelogin {
        padding-top: 0px !important;
    }

    .logintxt {
        display:none !important;
    }

    .tiloindexz {
        font-size:28px !important;
    }

    .cuadroqr:before {
        width: 303px !important;
        margin: 0 auto !important;
    }

    .cuadroqr {
        margin: 0 auto !important;
    }


}

.botondata {
    display:none;
}

.cerrarbtn {
    cursor: pointer;
    text-align: right;
    float: right;
}

.separator.separator-solid {
    border-bottom: 1px solid #323748 !important;
}

.separacionelvento {
    padding-top: 274px;
}

.rowsponentes {
    padding-top:71px;
}


/**/

.reveal {
    position: relative;
    opacity: 0;
}

    .reveal.active {
        opacity: 1;
    }

.active.fade-bottom {
    animation: fade-bottom 1s ease-in;
}

.active.fade-left {
    animation: fade-left 1s ease-in;
}

.active.fade-right {
    animation: fade-right 1s ease-in;
}

@keyframes fade-bottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-left {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-right {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.stream {
    width: 100%;
    height: 226px;
    background: #0E0E0E;
    border-radius: 10px;
    background-image: url('/content/images/backgroud/fondostream.png?v=4');
    background-position: center;
    background-repeat: no-repeat;
    line-height: 226px;
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #FFFFFF;
    text-align:center;
}
.stream1, .stream2, .stream3 {
    height: 226px;
}