/* Menu */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff!Important;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, .15)!Important;
}

.submenu-home-txt{
    /* background-color:#577cff!Important; */
    color: white!Important;
    font-family: "Poppins", sans-serif!Important;
    font-size: 12px!Important;
    font-weight: 400!Important;
}
.submenu-home-txt:hover{
    /* background-color:#095ECF; */
    /* color: white; */
}
.submenu-home-txt-mvl{
    /* background-color:#0062AC!Important; */
    /* color: white!Important; */
    font-family: "Poppins", sans-serif!Important;
    font-size: 16px!Important;
    font-weight: 400!Important;
}
.submenu-home-txt-mvl:hover{
    /* background-color:#095ECF; */
    /* color: white; */
}

.dropdown-menu>li>a {
    display: block;
    padding: 8px 10px;
    clear: both;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.42857143;
    /* color: white; */
    font-weight: bold;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none!Important;
    /* color: white!Important; */
    /* background-color: #095ECF!Important; */
    font-family: 'Poppins', sans-serif;
}

.estiloTxtMenu {
    /* font-family: Roboto, sans-serif !important; */
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #fff!Important;
}

.navbar-toggle {
    margin-right: 10px!Important;
    background-color: #DDDDDD!Important;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 12px!Important;
    }
}


/**/

body {
    font-family: "Poppins", "sans-serif"!Important;
    padding-right: 0 !important;
}

.imagen-contenedor {
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 15px;
}

.imagen-contenedor-play {
    width: 25%!Important;
    border-radius: 15px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -155%);
    font-size: 100px!Important;
    font-weight: bold;
    color: white;
}

.img-reciente {
    cursor: pointer;
    width: 730px;
    height: 410px;
    margin-top: 170px;
    border-radius: 15px;
}
.img-reciente {
    border-radius: 15px;
}


.centrado {
    margin-top: 350px;
    width: 100%;
    height: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #354071;
}

.text-arriba {
    text-align: center;
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 730px;
    color: #577CFF;
}

.text-abajo {
    text-align: left;
    width: 730px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
    font-family: 'Poppins', sans-serif!Important;
    font-size: 14px;
    font-weight: 400;
    color: white;
}

.abajo {
    position: absolute;
    top: 104%;
    left: 50%;
    transform: translate(-50%, 865%);
    width: 100%;
}

.reciente-right {
    position: absolute;
    top: 10%;
    right: -10%;
    transform: translate(-50%, -50%);
}

.icono-header {
    width: 4.8%;
    cursor: pointer;
    position: absolute;
    top: 55%;
    left: 50%;
    opacity: 80%;
    transform: translate(-50%, -50%);
    font-size: 100px!Important;
    font-weight: bold;
    color: white;
}

.subtitulo-header {
    font-size: 14px;
    font-weight: 500;
    color: white;
}

.button-header {
    font-size: 13px!Important;
    font-weight: 500;
    background-color: #3377F2!Important;
    border-radius: 0px!Important;
    font-family: 'Poppins', sans-serif!Important;
    padding: 11px 28px 11px 28px!Important;
    letter-spacing: 1px;
    color: white!Important;
}

.text-abajo-header {
    color: white;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif!Important;
}

.margin19 {
    margin-top: 25px;
}

.modal-margin25 {
    margin-top: 25px;
}

.modal-margin30 {
    margin-top: 30px;
}

.margin55 {
    margin-top: 187px;
}

.margin177 {
    margin-top: 770px;
}

.margin60 {
    margin-top: 60px;
}

.oferta_linea {
    margin-top: 15px;
    margin-left: 32px;
    margin-right: 32px;
    border: 0;
    border-top: 1px solid #ddd;
}

.categorias {
    text-align: left;
    padding-left: 32px!Important;
    padding-right: 32px!Important;
}

.titulo-categoria {
    font-size: 20px;
    font-family: 'Poppins', sans-serif!Important;
    font-weight: 600;
    color: #333333;
}

.owl-entrevistas-item {
    text-align: left;
}

.owl-stage {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.btn-entrevista {
    float: right;
}

.btn-microphone-icon {
    margin-right: 5px;
    padding: 7px 1px 8px 13px;
    font-size: 18px!Important;
    color: white;
    border-radius: 30px 0px 0px 30px;
}

.btn-text-entrevista {
    background-color: #577CFF;
    color: white;
    padding: 7px 19px 8px 8px;
    border-radius: 30px 30px 30px 30px;
    font-size: 15px;
}

.btn-text-entrevista:hover {
    color: white;
    cursor: pointer;
}
.btn-ver-mas-videos{
    font-family: "Poppins", sans-serif;
    border-radius: 50px;
    background-color: #93dcdd;
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 16px 3px 16px;
}
#btn-ver-mas-videos{
    font-family: "Poppins", sans-serif;
    border-radius: 50px;
    background-color: #93dcdd;
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 16px 3px 16px;
}

.div-videos-galeria{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:10px;
    width: 100%;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    padding: 0 20px;
}

@media (max-width: 768px) {
    .video-card img {
        width: 300px;
    }
}
.titulo-video {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    /*text-transform: capitalize;*/
    font-family: 'Poppins', sans-serif !important;
}

.descripcion-video {
    font-size: 13px;
}

.fecha-video {
    font-size: 13px;
    color: #577cff;
}

.video-reciente {
    background-color: #577CFF;
    font-family: 'Poppin', sans-serif!Important;
    color: white;
    font-size: 10px;
    opacity: 80%;
    letter-spacing: 1px;
    border-radius: 5px;
    padding: 3px 10px 3px 10px;
}


/*...MODAL...*/

.modal-backdrop.in {
    opacity: 0.8!Important;
}

.div-modal-video {
    top: 60px!Important;
}

.modal-header {
    text-align: left;
    border-bottom: none!Important;
    padding-left: 27px!Important;
    padding-top: 26px!Important;
    padding-bottom: 0px!Important;
}

.modal-body {
    font-family: "Poppins", "sans-serif"!Important;
    text-align: left;
    padding: 0px 190px 82px 0px!Important;
}

.modal-body-2 {
    padding: 22px 107px 73px 30px!Important;
}

.modal-body-entrevista {
    padding: 0px 23px 65px 53px!Important;
}

.close {
    font-size: 30px!Important;
}

.titulo-modal-entrevista {
    font-weight: bold;
    font-size: 22px;
    color: #0083DF;
}

.subtitulo-modal-entrevista {
    color: #0EC8CD;
    font-weight: 600;
    font-size: 15px;
}

.titulo-modal-entrevista2 {
    font-size: 21px;
    color: #0083DF;
}

.textarea-entrevista {
    background-color: #F2F2F2;
    border-radius: 5px;
    padding: 5px;
    padding-right: 0px;
    font-size: 13px;
}

.textarea-evento {
    background-color: #F2F2F2;
    border-radius: 5px;
    padding: 5px;
    font-size: 13px;
}

.modal-content-entrevista2 {
    text-align: center;
    color: black;
    font-size: 14px;
    padding-right: 35px!Important;
    padding-left: 0px!Important;
}

.modal-name-user {
    margin-top: 13px;
    font-weight: bold;
}

.count-caracteres {
    color: #0083DF;
    font-size: 11px;
}

.btn-text-peticion {
    background-color: #577CFF;
    color: white;
    padding: 8px 11px 8px 11px;
    border-radius: 5px 5px 5px 5px;
    font-size: 13px;
}

.btn-text-peticion:hover {
    color: white;
    cursor: pointer;
}

.btn-text-peticion-evento {
    background-color: #577CFF;
    color: white;
    padding: 8px 11px 8px 11px;
    border-radius: 5px 5px 5px 5px;
    font-size: 13px;
}

.btn-text-peticion-evento:hover {
    color: white;
    cursor: pointer;
}

.div-textarea {
    padding-left: 0px!Important;
    padding-right: 0px!Important;
}

.modal-video {
    cursor: pointer;
}

.titulo-modal-video {
    font-size: 17px;
    font-weight: bold;
}

.subtitulo-modal-video {
    color: #767676;
}

.close {
    margin-top: -18px!Important;
    opacity: unset!Important;
    font-weight: normal!Important;
}

.close-video {
    margin-top: -8px!Important;
}

.modal-count-caracteres {
    text-align: left;
}

.icon-share {
    float: right;
    margin-right: 16px;
    font-size: 15px!Important;
    color: #0C59CF;
}

.link-video {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline!Important;
}

.link-video-redes {
    cursor: pointer;
}

.link-video-redes:hover {
    text-decoration: none;
}

.modal-content-redes {
    width: 140px;
    height: 73px;
    margin: auto;
}

.modal-reproductor-video {
    padding-bottom: 58%;
}

.modal-header {
    padding-left: 15px!Important;
    padding-right: 15px!Important;
}

.modal-header-video {
    padding-left: 21px!Important;
    padding-right: 20px!Important;
}

.modal-header-2 {
    border-bottom: none!Important;
    padding-left: 35px!Important;
    padding-top: 30px!Important;
    padding-bottom: 0px!Important;
}

.elite_vp_effect1 {
    box-shadow: none!Important;
}

.elite_vp_titles {
    font-weight: bold;
}

.icon-redes {
    font-size: 20px!Important;
    margin-right: 10px;
    cursor: pointer;
    color: #187AD0;
}

.icon-copy {
    margin-right: 0px!Important;
}

.alert-baja {
    width: 730px;
    margin-top: -492px!Important;
    font-weight: normal;
    margin: 0 auto;
    text-align: left!Important;
}

.alert-baja-sus {
    width: 890px;
    margin-top: -505px!Important;
    font-weight: normal;
    margin: 0 auto;
    text-align: left!Important;
}

.alert-baja-close {
    margin-top: -3px!Important;
}

.alert-baja-text {
    font-size: 16px;
    margin-left: 10px;
}

.alert-baja-text-sus {
    font-size: 16px;
    margin-left: 10px;
}

.alert-baja-check {
    font-size: 25px!Important;
}

.alert-baja-icon {
    float: left;
    margin-top: -1px;
}

.alert-baja-icon-sus {
    float: left;
    margin-top: -1px;
}

.icono-close {
    width: 20px;
    cursor: pointer;
    transform: translate(385px, 10px);
}

.imagen-arrow-right {
    width: 12%!Important;
    cursor: pointer;
    position: absolute;
    left: 92%;
    transform: translate(-50%, -290%);
    font-size: 100px!Important;
    font-weight: bold;
    color: white;
}
.modal-content-video {
    border-radius: 15px;
}
.modal-bottom-text {
    text-align: left;
    margin-left: 30px;
    margin-right: 30px;
    font-family: "Poppin", sans-serif;
    font-size: 14px;
    padding-top: 30px;
}

.div-titulo-modal {
    padding-bottom: 5px;
}

.div-desc-modal {
    padding-bottom: 15px;
}

.div-iconos-rs {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px
}

.iconos-redes-sociales {
    cursor: pointer;
}

.iconos-redes-sociales:hover {
    text-decoration: none;
}

@media (max-width: 1000px) {
    .modal-content-entrevista2 {
        margin-bottom: 19px;
    }
    .div-textarea {
        padding-left: 75px!Important;
    }
    .modal-count-caracteres {
        text-align: center;
    }
    .modal-content-ent {
        height: 375px!Important;
    }
    .modal-content-ent {
        width: 100%!Important;
    }
    .modal-body-2 {
        padding: 12px 29px 0px 29px!Important;
    }
    .titulo-modal-entrevista2 {
        font-size: 18px;
    }
    .modal-content-entrevista2 {
        text-align: left;
        padding-right: 0px!Important;
    }
    .div-textarea {
        padding-left: 0px!Important;
        text-align: center;
    }
    .modal-margin30 {
        margin-top: 19px;
    }
    .modal-margin25 {
        margin-top: 30px;
    }
    .img-circle {
        width: 72px;
        float: left;
        margin-bottom: 25px;
    }
    .modal-name-user {
        float: left;
        margin-top: 25px;
        margin-left: 12px;
        margin-bottom: 52px;
    }
    .modal-btn-entrevista {
        float: inherit!Important;
    }
    .alert-baja-sus {
        width: 340px;
        margin-top: -540px!Important;
    }
}

@media (min-width: 770px) {
    .modal-content-video {
        width: 732px;
        border-radius: 15px;
    }
    .modal-dialog-video {
        width: 718px!Important;
        margin: auto!Important;
    }
}

@media (max-width: 830px) {
    .modal-dialog {
        width: auto!Important;
        margin: 25px!Important;
    }
    .icono-close {
        width: 20px;
        float: right;
        transform: translate(24px, -13px);
    }
}

@media (max-width: 770px) {
    .centrado {
        margin-top: 190px;
        height: 380px;
    }
    .text-arriba {
        text-align: center;
        width: 100%;
        top: 7%;
        font-size: 18px;
        margin-left: 0px;
    }
    .img-reciente {
        margin-top: 115px;
        width: 330px;
        height: 185px;
    }
    .icono-header {
        width: 70px;
        top: 54%;
        font-size: 60px!Important;
    }
    .text-abajo {
        width: 330px;
        font-size: 14px;
    }
    .abajo {
        transform: translate(-50%, 530%);
    }
    .margin177 {
        margin-top: 400px;
    }
    .alert-baja {
        width: 340px;
        margin-top: -255px!Important;
    }
    .alert-baja-sus {
        width: 340px;
        margin-top: -290px!Important;
    }
    .alert-baja-text-sus {
        font-size: 14.5px;
        margin-left: 0px!Important;
    }
    .alert-baja-icon-sus {
        height: 50px;
        margin-right: 10px;
    }
    .modal-content-ent {
        height: 445px!Important;
    }
    .div-iconos-rs {
        float: unset;
        margin-left: 0px;
    }
}

@media (min-width: 500px) {
    .imagen-arrow-right {
        display: none!Important;
    }
}

@media (max-width: 500px) {
    #myModal-entrevista2 {
        top: 60px;
    }
    #myModal-evento2 {
        top: 60px;
    }
    .categorias {
        text-align: left;
        padding-left: 17px!Important;
        padding-right: 19px!Important;
    }
    .owl-videos {
        padding-left: 50px!Important;
    }
    .owl-stage {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .modal-content-ent {
        height: 456px!Important;
    }
    .modal-body {
        padding-bottom: 43px!Important;
    }
    .modal-body-video {
        padding-left: 0px!Important;
    }
    .modal-dialog {
        margin-left: 17px!Important;
        margin-right: 18px!Important;
    }
    .modal-dialog-entrevista {
        margin-left: 10px!Important;
    }
    .modal-dialog-evento {
        margin-left: 10px!Important;
    }
    .modal-content-video {
        margin-right: 11px;
        border-radius: 15px;
    }
    .modal-reproductor-video {
        padding-bottom: 66%;
    }
    .modal-count-caracteres {
        text-align: left;
    }
    .div-titulo-modal-video {
        padding-left: 15px;
        padding-right: 15px;
    }
    .div-link-video {
        padding-left: 15px;
    }
    .reciente-right {
        top: 15%;
        right: -9%;
    }
    .modal-content-entrevista {
        height: 440px;
    }
    .modal-content-evento {
        height: 280px;
    }
    .modal-dialog-ent {
        margin-left: 10px!Important;
    }
    #myModal-evento {
        top: 80px;
    }
    #myModal-entrevista {
        top: 80px;
    }
    .modal-body-entrevista {
        padding: 0px 30px 65px 32px!Important;
    }
    .titulo-modal-entrevista {
        font-size: 19px;
    }
    .div-modal-video {
        top: 90px!Important;
    }
    .icono-close {
        width: 20px;
        float: right;
        transform: translate(10px, -13px);
    }
    .div-mobile-modal-bottom {
        padding-top: 45px;
    }
}

@media (max-width: 485px) {
    .elite_vp_videoTrack.elite_vp_light {
        width: 35px!Important;
        display: block!Important;
    }
}