header {

    position: fixed;

    top: 0;

    width: 100%;

    background: #fff;

    z-index: 1;

}



header .nav-main .container {

    font-size: 1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 40px 0 40px 0;

}



main .container{

    background-color:white;

}





header .nav-main .nav-brand {

    width: 130px;

    position: relative;

    z-index: 1;

}

header .nav-main ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

header .nav-menu {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-left: 20px;

}

header .nav-menu li {

    padding: 10px;

}

header .nav-menu li a {

    font-family: "bliss_probold";

    text-transform: uppercase;

    font-weight: normal;

    color: #9c967a;

    display: block;

}



header .nav-menu .container  li a img {

    max-width: 100%;

    height: auto;

}

    header .nav-menu  li a:hover {

        color: #827c61;

    }

    header .nav-menu-r li a {

        display: block;

        cursor: pointer;

        margin-right: 1.5rem;

    }

header .nav-menu-r li a img {

    width: 35px;

}

header .menu-btn {

    cursor: pointer;

    position: absolute;

    top: 20px;

    right: 20px;

    z-index: 2;

    display: none;

}

header .menu-btn img {

    width: 35px;

}



.userNameCaption {

    text-transform: lowercase

}





.video_container {

    max-width: 900px;

    margin: 0 auto;

}

.video_container .video_iframe img {

    max-width: 100%;

    height: auto;

}

.video_container .video_info_grup {

    margin-top: 1rem;

    display: -ms-grid;

    display: grid;



    /*-ms-grid-columns: 60% 40%;*/

    /*grid-template-columns: 60% 40%;*/

    grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));

}

.video_container .video_info_grup .video_resena {

    padding: 2rem;

}

.video_container .video_info_grup .video_resena h2 {

    color: #f48435;

    font-size: 1rem;

    line-height: 1;

    font-weight: normal;

    font-family: "bliss_probold";

    margin-bottom: 0.5rem;

}

.video_container .video_info_grup .video_resena p {

    font-size: 1rem;

    line-height: 1.5;

    font-weight: normal;

    font-family: "bliss_proregular";

}

.video_container .video_info_grup .video_chat {

    border-radius: 5px;

    padding: 0.5rem;

    background: #f3f3f3;

    /* display: -webkit-box;

     display: -ms-flexbox;

     display: flex;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

     -webkit-box-pack: center;

     -ms-flex-pack: center;

     justify-content: center;

     */

    width: 100%;

    height: auto;

}





.chat_iframe{

    

    padding: 0.5rem;

    height: 600px;

    border: solid lightslategrey 0.1rem;

    border-radius: 5px;

}





.video_resena_live {

    padding: 2rem;

}

.video_resena_live h2 {

    color: #f48435;

    font-size: 1rem;

    line-height: 1;

    font-weight: normal;

    font-family: "bliss_probold";

    margin-bottom: 0.5rem;

}

.video_resena_live p {

    font-size: 1rem;

    line-height: 1.5;

    font-weight: normal;

    font-family: "bliss_proregular";

}









.save_container {

    display: -ms-grid;

    display: grid;

    /* -ms-grid-columns: 25% 50% 25%;*/

    /* grid-template-columns:   25% 50% 25%;*/

    gap: 0.5rem;

    grid-template-columns: repeat(auto-fill,minmax(18rem,1fr));



}

.save_container.traile {

    -ms-grid-columns: 25% 75%;

    grid-template-columns: 25% 75%;

}

.save_container .save_fechas {

    font-weight: normal;

    font-family: "bliss_probold";

}

.save_container .save_fechas .name_fecha,

.save_container .save_fechas .name_hora {

    color: rgba(0, 0, 0, 0.4);

    margin-bottom: 0.5rem;

}

.save_container .save_fechas .fecha,

.save_container .save_fechas .hora {

    font-size: 1.5rem;

}

.save_container .save_fechas .btn_registro {

    background-color: #f48435;

    color: white;

    padding: 0.75rem 1.75rem;

    border-radius: 50px;

    text-transform: uppercase;

    font-size: 1.25rem;

    display: inline-block;

}

.save_container .save_fechas .btn_registro.trailer {

    background-color: #9c967a;

}

.save_container .save_info h2 {

    color: #f48435;

    font-size: 1rem;

    line-height: 1;

    font-weight: normal;

    font-family: "bliss_probold";

    margin-bottom: 0.5rem;

}

.save_container .save_info p {

    font-size: 1rem;

    line-height: 1.5;

    font-weight: normal;

    font-family: "bliss_proregular";

}

.save_container .save_info p.trailer {

    padding: 0 1rem 1rem;

}

.save_container .save_calendario h2 {

    color: #f48435;

    font-size: 1rem;

    line-height: 1;

    font-weight: normal;

    font-family: "bliss_probold";

    margin-bottom: 0.5rem;

}

.save_container .save_calendario .save_link {

    border-radius: 5px;

    padding: 0.1rem;

    background: #f3f3f3;

    /*    display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

     */

    width: 100%;

}

.save_container .save_calendario .save_link a {

    cursor: pointer;

    display: block;

}

.save_container .save_calendario .save_link a img {

    max-width: 100%;

    height: auto;

}

.mb-2 {

    margin-bottom: 2rem;

}

.mb-3 {

    margin-bottom: 3rem;

}

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}

/*CMB Cambiar a blanco*/



body {

    background:#fff;

    color: black;

    font-size: 16px;

    font-family: "Oswald", sans-serif;

}

body a {

    color: black;

    text-decoration: none;

}

body ul {

    list-style: none;

}

body.no_bg {

    background: none !important;

}

hr {

    margin: 10px 0;

}



main {

    margin-top: 143px;

}

main.page_in {

    padding: 3rem 1rem;

}

main .container {

    width: 100%;

    margin: auto;

   /* max-width: 1200px;*/

}

main .container .titulo h1,

main .container .titulo h2 {

    color: #9c967a;

    text-transform: uppercase;

    font-weight: normal;

    line-height: 1.1;

    padding-left: 3rem;

}

main .container .titulo h1 {

    font-size: 4rem;

    font-family: "bliss_prolight";

}



main .container-fluid .titulo h1,

main .container-fluid .titulo h2 {

    color: #9c967a;

    text-transform: uppercase;

    font-weight: normal;

    line-height: 1.1;

    padding-left: 3rem;

}

main .container-fluid .titulo h1 {

    font-size: 4rem;

    font-family: "bliss_prolight";

}



main .container .titulo h2 {

    font-size: 3rem;

    font-family: "bliss_probold";

    margin-bottom: 2rem;

}

main .container .titulo h2 span {

    font-family: "bliss_prolight";

}

main .container .titulo h2.trailer {

    color: black;

}

main .container .titulo.subpagina img {

    max-width: 65px;

    vertical-align: bottom;

}

    main .container .showcase {

        /*padding: 3rem;*/

        padding-top:3rem;

        /*margin-bottom: 3rem;*/

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        /*padding: 4rem;*/

        cursor: pointer;

        -ms-flex-item-align: end;

        align-self: flex-end;

    }



main .container .showcase.page_in {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

   /* height: 320px;

    background-image: url(../img/neurons-1773922_1920.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    */

    width: 100%;

    margin-left: auto;

}



/*Banner Principal*/

.welcome-banner {

    height:230px;

}



.adicionales-banner {

    height: 230px;

}



.welcome-banner .banner-caption h2,

.welcome-banner .banner-caption p {

    font-weight: normal;

    color: white;

    padding-top: 25px;

    margin-left: 60px;

    margin-bottom: 10px;

    line-height: 1.1;

    font-family: "bliss_prolight";

    font-size: 3rem;

    text-transform: uppercase;

}



.welcome-banner .banner-subtitle h2,

.welcome-banner .banner-subtitle p {

    font-weight: normal;

    color: white;

    margin-bottom: 10px;

    margin-left: 60px;

    line-height: 1.1;

    font-family: "bliss_probold";

    font-size: 3rem;

    text-transform: uppercase;

}



.adicionales-banner .banner-caption h2,

.adicionales-banner .banner-caption p {

    font-weight: normal;

    color: white;

    padding-top: 25px;

    margin-right: 60px;

    margin-bottom: 10px;

    line-height: 1.1;

    font-family: "bliss_prolight";

    font-size: 3rem;

    text-transform: uppercase;

    text-align:end;

}



.adicionales-banner .banner-subtitle h2,

.adicionales-banner .banner-subtitle p {

    font-weight: normal;

    color: white;

    margin-bottom: 10px;

    margin-right: 60px;

    line-height: 1.1;

    font-family: "bliss_probold";

    font-size: 1rem;

    text-transform: uppercase;

    text-align: end;

}





/*Fin Banner*/



main .container .showcase .first h2,

main .container .showcase .first p {

    font-weight: normal;

    color: white;

    margin-bottom: 10px;

    line-height: 1.1;

}

main .container .showcase .first h2 {

    font-family: "bliss_probold";

    font-size: 4.5rem;

    text-transform: uppercase;

}

main .container .showcase .first h2 span {

    font-family: "bliss_prolight";

}

main .container .showcase .first h2.page_in {

    font-size: 4rem;

}

main .container .showcase .first p {

    padding-left: 5rem;

    font-size: 1.75rem;

    font-family: "bliss_probold";

}

main .container .showcase .first p.page_in {

    padding-left: 0;

    text-transform: uppercase;

    font-family: "bliss_prolight";

}

main .container .showcase .first p.page_in.it {

    font-style: italic;

}

main .container .showcase .last {



}

main .container .showcase .last .btn {

    cursor: pointer;

    display: inline-block;

    font-weight: normal;

    padding: 0.75rem 2.25rem;

    font-family: "bliss_probold";

    background-color: #0058a587;

    color: white;

    border: 3px solid white;

    /*margin: 10px 0; */

    white-space: nowrap;

    font-size: 1.25rem;

    border-radius: 60px;

    text-transform: uppercase;

    letter-spacing: 2px;

    mix-blend-mode: screen;

}

main .container .showcase .last .btn:hover {

    opacity: 0.7;

}

main .container .showcase.bottom {



}

main .container .showcase.bottom h2 {

    font-size: 3rem;

    letter-spacing: 2px;

}

main .container .showcase.bottom p {

    padding: 0;

}

main .container .h2_dropdown {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

main .container .h2_dropdown .dropdown {

    position: relative;

}

main .container .h2_dropdown .dropdown .dropbtn {

    background-color: #cac5b5;

    border: none;

    cursor: pointer;

    font-size: 1.25rem;

    font-family: "bliss_probold";

    font-weight: normal;

    line-height: 1;

    padding: 1rem 1.75rem;

    letter-spacing: 2px;

    text-transform: uppercase;

    width: auto;

    position: relative;

    color: #867d60;

    outline: none;

    text-align: center;

    -webkit-transition: background ease-in-out 0.3s;

    transition: background ease-in-out 0.3s;

}

main .container .h2_dropdown .dropdown .dropdown-content {

    display: none;

    position: absolute;

    right: 0;

    background-color: #cac5b5;

    min-width: 261px;

    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    z-index: 1;

}

main .container .h2_dropdown .dropdown .dropdown-content a {

    font-size: 1rem;

    font-family: "bliss_probold";

    font-weight: normal;

    line-height: 1.1;

    text-transform: uppercase;

    text-align: center;

    color: white;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

    cursor: pointer;

}

main .container .h2_dropdown .dropdown .dropdown-content a:hover {

    background-color: #bfb9a6;

}

main .container .h2_dropdown .dropdown:hover .dropdown-content {

    display: block;

}

main .container .h2_dropdown .dropdown:hover .dropbtn {

    background-color: #bfb9a6;

}

main .container .h2_dropdown .dropdown:hover .dropbtn a {

    color: #cac5b5;

}

main .container .h2_titulos {

    color: #9c967a;

    font-family: "bliss_probold";

    font-weight: normal;

    font-size: 1.75rem;

    text-transform: uppercase;

    position: relative;

    padding-left: 1rem;

    margin: 1.5rem auto 1.5rem 1.5rem;

    letter-spacing: 2px;

}

main .container .h2_titulos::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 5px;

    height: 33px;

    background: #9c967a;

}

main .container .eventos__container {

    margin: 1rem 0 4rem;

    display: -ms-grid;

    display: grid;

    /*  -ms-grid-columns: (1fr) [3];*/

    /*grid-template-columns: repeat(3, 1fr);*/

    /*grid-template-columns: repeat(auto-fit,minmax(18rem,1fr));*/

    grid-template-columns: repeat(3,minmax(18rem,1fr));

    /*-ms-grid-rows: 260px;*/

    /*grid-template-rows: 260px;*/

    -ms-grid-rows: auto;

    grid-template-rows: auto;

    gap: 25px;

    /*  grid-template-columns: repeat(auto-fit,minmax(18rem,1fr));*/



}

main .container .eventos__container .evento {

    display: block;

}

main .container .eventos__container .evento .evento_link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column wrap;

    flex-flow: column wrap;

    cursor: pointer;

    color: white;

    font-weight: normal;

    padding: 1.5rem;

    height: 100%;

    text-transform: uppercase;

    position: relative;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

}

main .container .eventos__container .evento .evento_link .evento_area {

    position: absolute;

    top: 1rem;

    right: 1.5rem;

    display: block;

    text-align: right;

    letter-spacing: 1px;

    font-size: 1rem;

    font-family: "bliss_probold";

}

main .container .eventos__container .evento .evento_link .evento_nombre {

    font-size: 1.75rem;

    letter-spacing: 2px;

    line-height: 1.1;

    margin-bottom: 0.5rem;

}

main .container .eventos__container .evento .evento_link .evento_nombre span {

    font-family: "bliss_prolight";

}

main .container .eventos__container .evento .evento_link .evento_nombre span:last-child {

    display: block;

    font-family: "bliss_probold";

}

main .container .eventos__container .evento .evento_link .evento_copy {

    text-transform: initial;

    font-size: 1rem;

    font-family: "bliss_prolight";

}

main .container .eventos__container .evento .evento_link .evento_fecha {

    text-transform: initial;

    font-size: 1rem;

    font-family: "bliss_prolight";

}

main .container .eventos__container .evento .evento_link .evento_fecha span {

    font-style: italic;

}

main .container .eventos__container .evento .evento_link .evento_hora {

    text-transform: initial;

    font-size: 1rem;

    font-family: "bliss_prolight";

}

main .container .eventos__container .evento .evento_link .evento_hora span {

    font-style: italic;

}

main .container .eventos__container .evento.evento_1 {

   /* background: url(../img/banner-05.png) no-repeat center/cover;*/

}

main .container .eventos__container .evento.evento_2 {

    /*background: url(../img/banner-04.png) no-repeat center/cover;*/

}

main .container .eventos__container._down .evento .evento_link .evento_area {

    top: inherit;

    bottom: 1rem;

    right: 1.5rem;

}



/**/



footer {

    background-color: #fff;

    border-top: 1px solid #e2e3e4;

    display: block;

    padding: 40px 0 0 0;

    margin: 0 -15px -15px

}



footer .footer_container {

    display: grid;

    grid-template-columns: minmax(250px, 33%) 67%;

    max-width: calc(1200px + 2rem);

    margin: 0 auto;

    padding: 0 1rem

}



footer .footer_container .first .patrocinado {

    font-family: "bliss_prolight";

    color: #a3a5a8;

    font-size: .75rem;

    margin-bottom: 20px

}



footer .footer_container .first .logo {

    margin-bottom: 40px

}



footer .footer_container .first .logo img {

    max-width: 165px

}



footer .footer_container .first .date {

    color: #414042;

    font-size: .85rem;

    font-family: "bliss_proregular";

    margin: 0 0 25px

}



footer .footer_container .last .patrocinado {

    font-family: "bliss_prolight";

    color: #a3a5a8;

    font-size: .75rem;

    margin-bottom: 20px

}



footer .footer_container .last ul li a {

    font-family: "bliss_proregular";

    font-size: .85rem;

    color: #414042;

    line-height: 1.5;

    transition: all ease-in .2s

}



footer .footer_container .last ul li a:hover {

    color: #9c967a

}



.content-area {

    padding: 3rem 0 3rem 0;

}



.content-welcome {

    padding : 0 0 3rem 0;

}





.content-videos-adicionales {

    padding: 3rem 3rem 2rem 3rem;

}

@media (max-width: 768px) {



    header .nav-main .nav-menu {

        display: block;

        position: fixed;

        top: 0;

        left: 0;

        padding: 30px;

        background-color: white;

        height: 100%;

        -webkit-transform: translateX(-400px);

        transform: translateX(-400px);

        -webkit-transition: -webkit-transform ease-in-out 0.5s;

        transition: -webkit-transform ease-in-out 0.5s;

        transition: transform ease-in-out 0.5s;

        transition: transform ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;

        visibility: hidden;

    }



        header .nav-main .nav-menu li {

            padding: 20px;

            font-size: 14px;

        }



        header .nav-main .nav-menu.show {

            -webkit-transform: translateX(-20px);

            transform: translateX(-20px);

            visibility: visible;

            z-index: 1;

        }



/*    header .nav-main .nav-menu-r {

        margin-right: 40px;

    }*/



    header .menu-btn {

        display: block;

    }







    .container .news-card {

        -ms-grid-columns: (1fr) [2];

        grid-template-columns: repeat(2, 1fr);

    }



    .container .cards-banner-one .content,

    .container .cards-banner-two .content {

        width: 90%;

    }



    .footer-links .footer-container {

        -ms-grid-columns: (1fr) [2];

        grid-template-columns: repeat(2, 1fr);

    }



    main .container .titulo h1 {

        font-size: 2rem;

    }



    main .container .showcase .first h2 {

        font-size: 2rem;

    }



    main .container .showcase .last .btn {

        margin: 0 auto;

        font-size: 0.7rem;

    }



    main .container .showcase .first p {

        padding-left: 1rem;

        font-size: 1rem;

    }



    .content-area {

        padding: 3rem 0 3rem 0;

    }





    .welcome-banner .banner-caption h2,

    .welcome-banner .banner-caption p {

        padding-top: 45px;

        margin-left: 30px;

        margin-bottom: 10px;

        line-height: 1.1;

        font-size: 2rem;

    }



    .welcome-banner .banner-subtitle h2,

    .welcome-banner .banner-subtitle p {

        font-weight: normal;

        margin-bottom: 10px;

        margin-left: 30px;

        font-size: 1.5rem;



    }



    .adicionales-banner .banner-caption h2,

    .adicionales-banner .banner-caption p {

        font-weight: normal;

        padding-top: 25px;

        margin-right: 20px;

        margin-bottom: 10px;

        font-size: 2rem;

    }



    .adicionales-banner .banner-subtitle h2,

    .adicionales-banner .banner-subtitle p {

        margin-bottom: 10px;

        margin-right: 20px;

        line-height: .5;

        font-size: .8rem;

    }



}







@media (max-width: 568px) {



    header .nav-main .container {

        padding: 20px 20px 20px 20px;

    }





    /*.container .news-card {

        -ms-grid-columns: 1fr;

        grid-template-columns: 1fr;

    }

    .container .news-card img {

        height: auto;

    }

    .container .cards-banner-one .content,

    .container .cards-banner-two .content {

        width: 100%;

    }

    .footer-links .footer-container {

        -ms-grid-columns: 1fr;

        grid-template-columns: 1fr;

    }

    main .container .titulo h1{

        font-size: 1.5rem;

    }



    main .container .titulo h2

    {

        font-size: 1.5rem;

    }

    main .container .showcase .first h2{

        font-size: 1rem;

    }



    main .container .showcase .last .btn{

        margin:0 auto;

        font-size: 0.7rem;

    }

    main .container .showcase .first p

    {

        padding-left: 1rem;

        font-size: 1rem !important;

    }*/

    

/*    main{

        margin-left: 0;

        margin-right: 0;

        padding: 0;

    }*/



    /*main .container .h2_titulos{

        font-size: 1rem;

    }



    main .container .h2_dropdown .dropdown .dropbtn{

        font-size: 0.75rem;

        

    }



    .card-gallery_new {

        display: grid;

        gap: 1rem;

        grid-auto-rows: auto;

        grid-template-columns: 1fr;

    }





    .card {

        cursor: pointer;

    }



        .card .card-title {

            padding: 0px;

            font-size: 2rem;

            text-transform: uppercase;

        }



        .card .card-top {

            text-align: right;

            text-transform: uppercase;

            font-size: 1rem;

            color: whitesmoke;

        }



        .card .horario {

            font-size: 1.2rem;

            text-transform: capitalize;

            font-style: italic;

            color: #EEEEEE;

        }



        .card .card-footer {

            text-align: right;

            text-transform: uppercase;

            font-size: 22px;

        }



        .card .card-footer-custom {

            text-align: right;

            text-transform: uppercase;

            font-size: 1rem;

            padding-bottom: 10px;

            position: relative;

            z-index: 98;

        }



        .card .card-evento {

            display: flex;

            height: 50%;

            font-size: 2rem;

            line-height: 2rem;

            align-items: center;

        }



        .card .card-descripcion {

            display: flex;

            height: 30%;

            font-size: 1rem;

            line-height: 1rem;

            color: #EEEEEE;

        }



        .card .card-categoria {

            height: 20%;

            font-size: 1rem;

            line-height: 1rem;

            text-align: right;

            color: #EEEEEE;

        }*/





  



}