@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes parpadeo {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes slide {
    0%,to {
        transform: translateX(0)
    }

    50% {
        transform: translateX(3%)
    }
}

@keyframes gradient {
    0%,to {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

@keyframes blinker {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
    }

.breadcrumb-item.active, .buscador .bt-buscador:hover span {
    color: #6c757d
}

.alinearMiga-fecha {
    display: flex;
    align-items: center;
    padding-top: 2rem;
    margin-bottom: 2rem
}

    .alinearMiga-fecha [class*=" col-"], .alinearMiga-fecha [class^=col-] {
        padding: 0
    }

    .alinearMiga-fecha .breadcrumb {
        background-color: transparent;
        margin-bottom: 0
    }

        .alinearMiga-fecha .breadcrumb i {
            margin-right: 0
        }

    .alinearMiga-fecha .pubDate {
        text-align: right
    }

@media (max-width:767.98px) {
    .alinearMiga-fecha .pubDate {
        text-align: center
    }
}

.breadcrumb a {
    transition: all .3s ease-in-out
}

    .breadcrumb a:hover, .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

.breadcrumb p {
    margin: 0;
    display: inline-block
}

.division-txt {
    display: flex;
    flex-direction: column;
    margin: 3rem 0
}

@media (min-width:768px) {
    .division-txt {
        flex-direction: row;
        align-items: stretch
    }
}

.division-txt-item {
    flex: 1
}

    .division-txt-item ol ::marker {
        font-weight: 700
    }

@media (min-width:768px) {
    .division-txt-item {
        padding-left: 1rem
    }

        .division-txt-item:first-child {
            padding-right: 1rem;
            padding-left: 0
        }
}

.division-txt-separation {
    display: flex;
    flex-direction: row;
    align-items: center
}

    .division-txt-separation i {
        margin: 0;
        color: #00ac4e
    }

@media (min-width:768px) {
    .division-txt-separation {
        flex-direction: column
    }
}

.division-txt-label {
    padding: 1em
}

.division-txt-rule {
    flex: 1;
    border-style: solid;
    border-color: rgba(193,193,193,.8);
    border-width: 1px 0 0
}

@media (min-width:768px) {
    .division-txt-rule {
        border-width: 0 1px 0 0
    }
}

.container-txt-img {
    margin-top: 3rem;
    margin-bottom: 3rem
}

    .container-txt-img:first-child {
        margin-top: 0
    }

    .container-txt-img [class*=" col-"], .container-txt-img [class^=col-] {
        padding: 0
    }

    .container-txt-img .detail {
        box-shadow: 0 15px 25px -15px rgba(0,0,0,.09)
    }

        .container-txt-img .detail.der {
            padding: 1.5rem 3rem 1.5rem 0
        }

        .container-txt-img .detail.izq {
            padding: 1.5rem 0 1.5rem 3rem
        }

    .container-txt-img .ot-img {
        position: relative
    }

    .container-txt-img iframe {
        height: 700px
    }

    .container-txt-img .overlay {
        background: 0 0;
        position: relative;
        width: 100%;
        height: 700px;
        top: 700px;
        margin-top: -700px
    }

@media (max-width:767.98px) {
    .container-txt-img {
        margin-bottom: 1rem
    }

        .container-txt-img .row {
            margin-right: -20px !important;
            margin-left: -20px !important
        }

        .container-txt-img .detail {
            padding: 0 !important;
            order: 2
        }

            .container-txt-img .detail .about-text {
                margin: 0 20px 20px
            }

        .container-txt-img .ot-img {
            order: 1
        }

            .container-txt-img .ot-img img {
                min-height: auto
            }

        .container-txt-img iframe {
            height: 450px
        }

        .container-txt-img .overlay {
            display: none
        }
}

.content-main-inner.mn .container, .details ul, ul.lista {
    padding: 0
}

.content-main-inner .container {
    padding-right: 30px;
    padding-left: 30px;
    transition: all .3s ease-in-out
}

    .content-main-inner .container.bg-sm, .indicadoresHome .indicBAC article ul span {
        margin-top: 0
    }

    .content-main-inner .container.normal {
        background: 0 0;
        margin-top: 0;
        margin-bottom: 0 !important;
        padding: 0 !important
    }

#atencionUsuario select, #preinscripcion select, #solicitudBG select, #solicitudBac select, .content-main .content-inner, .content-main-inner .content-inner {
    position: relative
}

    .content-main .content-inner .container, .content-main-inner .content-inner .container, .entry-text {
        margin-bottom: 4rem
    }

@media (max-width:991.98px) {
    .content-main .content-inner .container, .content-main-inner .content-inner .container {
        margin-top: 0;
        padding-right: 20px;
        padding-left: 20px
    }
}

.entry-text {
    margin-top: 3rem
}

    .entry-text h1, .entry-text h2, .entry-text h3 {
        font-size: 1.5rem;
        margin-top: 2.813rem;
        margin-bottom: .313rem;
        line-height: 2.188rem;
        font-weight: 700
    }

    .entry-text h2, .entry-text h3 {
        font-size: 1.375rem
    }

    .entry-text h3 {
        font-size: 1.25rem
    }

    .entry-text p {
        line-height: 1.7em
    }

    .entry-text li {
        margin-bottom: .75rem
    }

    .entry-text figure {
        margin-bottom: 2.188rem
    }

        .entry-text figure img {
            margin-bottom: .5rem;
            line-height: 1;
            width: 100%
        }

        #atencionUsuario #dsi, #atencionUsuario #invColaborativo, #atencionUsuario #invExterno, #atencionUsuario #minorias, #preinscripcion #dsi, #preinscripcion #invColaborativo, #preinscripcion #invExterno, #preinscripcion #minorias, #solicitudBG #dsi, #solicitudBG #invColaborativo, #solicitudBG #invExterno, #solicitudBG #minorias, #solicitudBac #dsi, #solicitudBac #invColaborativo, #solicitudBac #invExterno, #solicitudBac #minorias, .entry-text figure br {
            display: none
        }

    .entry-text .box-new-der figure, .entry-text .box-new-izq figure {
        margin-bottom: 0
    }

    .entry-text [class*=embed-], .entry-text [class*=table-res], .entry-text [class^=embed-], .entry-text [class^=table-res] {
        margin-bottom: 2rem
    }

    .entry-text .carousel {
        margin-top: 2rem
    }

    .entry-text .imagenLink50 {
        width: 49%;
        display: inline-block;
        padding-left: 15px
    }

@media (max-width:767.98px) {
    .entry-text .imagenLink50 {
        width: 100%
    }
}

.entry-text .mec h2::after, .entry-text .mec h3::after {
    content: "";
    color: #1ec65e;
    font-size: 1.2rem;
    font-family: "icoagrosavia";
    margin-top: 10px;
    position: absolute;
    font-weight: 100;
    transform: rotate(60deg)
}

#atencionUsuario i, #preinscripcion i, #solicitudBG i, #solicitudBac i, .card-01 .card-img-top a i, .entry-text .list-group [class*=icon-], .entry-text .list-group [class^=icon-] {
    margin: 0
}

.entry-text .list-group a:hover i {
    color: #00ac4e;
    transition: all .3s ease
}

@media (max-width:991.98px) {
    .entry-text .box-imgIzq figure {
        order: 1
    }

    .entry-text h1, .entry-text h2, .entry-text h3 {
        margin-top: 20px
    }

    .entry-text .box-textDer {
        order: 2
    }
}

@media (max-width:767.98px) {
    .entry-text .box-new-der [class*=" col-"], .entry-text .box-new-der [class^=col-], .entry-text .box-new-izq [class*=" col-"], .entry-text .box-new-izq [class^=col-] {
        padding: 0
    }
}

.entry-text .publicaciones div {
    color: #212529;
    border: 0
}

.entry-text .publicaciones h4 {
    font-weight: 700
}

.entry-text .publicaciones:hover {
    transition: .3s
}

.entry-text .ul-calendar {
    margin: 0;
    padding: 20px;
    width: 400px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 50px rgba(0,0,0,.2)
}

.entry-text .titulo-calendario {
    color: #607d8b;
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-size: 24px;
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.entry-text .ul-calendar li {
    list-style: none;
    position: relative;
    padding: 4px;
    border-radius: 4px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

    .entry-text .ul-calendar li:hover {
        background: #607d8b
    }

    .entry-text .ul-calendar li a {
        color: #262626;
        text-decoration: none;
        display: block;
        padding-left: 80px
    }

    .entry-text .ul-calendar li:hover a, .parallax-content p {
        color: #fff
    }

.entry-text .date {
    position: absolute;
    top: 7px;
    left: 6px;
    width: 60px;
    text-align: center
}

    .entry-text .date:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        border-top: 22px solid #e2574c;
        border-bottom: 50px solid #ddd;
        border-radius: 5px;
        z-index: 1
    }

    .entry-text .date h3 {
        position: relative;
        z-index: 2;
        margin-top: -6px;
        font-size: 16px;
        color: #fff;
        line-height: 36px
    }

        .entry-text .date h3 span {
            font-size: 36px;
            color: #324d5b
        }

.entry-text .descripcionn-calendario {
    font-size: 18px
}

.details {
    margin-top: 1rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
    background: #f4f7f6;
    border-radius: 10px
}

    .details ul li, ul.lista li {
        list-style: none
    }

    .details i, section.noticias:hover h2 i {
        color: #00ac4e
    }

.content-inner .carousel, .especie .carousel, .post-content .carousel {
    margin-bottom: 4rem
}

    .content-inner .carousel img, .especie .carousel img, .post-content .carousel img {
        display: block;
        height: 400px;
        margin-right: 10px
    }

    .content-inner .carousel .flickity-page-dots, .especie .carousel .flickity-page-dots, .post-content .carousel .flickity-page-dots {
        bottom: -25px
    }

        .content-inner .carousel .flickity-page-dots .dot, .especie .carousel .flickity-page-dots .dot, .post-content .carousel .flickity-page-dots .dot {
            background: #0e1e43
        }

.carousel {
    background: 0 0;
    margin-bottom: 20px
}

    .carousel .our-team {
        transform: scale(.95)
    }

    .carousel .is-selected .our-team {
        transform: scale(1)
    }

.carousel-nav .carousel-cell {
    height: 80px;
    width: 100px
}

    .carousel-nav .carousel-cell:before {
        font-size: 50px;
        line-height: 80px
    }

    .carousel-nav .carousel-cell.is-nav-selected {
        background: #ed2
    }

.next-button, .prev-button {
    position: absolute;
    padding: 10px;
    top: 20px;
    font-size: inherit;
    z-index: 2
}

.prev-button {
    left: 10px
}

.next-button {
    right: 10px
}

.btnDot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    background: #000;
    opacity: .4;
    border-radius: 50%;
    cursor: pointer
}

    .btnDot.is-selected {
        width: 6px;
        height: 6px;
        opacity: 1
    }

#asistecnico, #estudiante, #goGre, #investigador, #otrasOcupaciones {
    background: #f4f7f6;
    display: none;
    padding: 1rem .8rem 0;
    border-radius: 10px;
    margin-bottom: 1rem
}

.no-h {
    height: auto !important;
    min-height: auto !important
}

.explain-me-how {
    position: absolute;
    bottom: -10px;
    right: 0;
    height: auto;
    width: 200px;
    animation: show-hand 6s both
}

    .explain-me-how .text {
        text-align: center;
        color: #fff;
        padding: 20px;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 400;
        text-shadow: 0 0 10px rgba(0,0,0,.75)
    }

    .explain-me-how .track {
        position: relative;
        height: auto;
        width: 100%
    }

    .explain-me-how .hand {
        z-index: auto;
        left: 0;
        top: 0;
        width: 52px;
        height: 52px;
        position: relative;
        padding: 10px;
        animation: move-the-hand 3s both 2
    }

        .explain-me-how .hand i {
            display: block;
            position: relative;
            z-index: 2;
            font-size: 2rem
        }

    .explain-me-how .hand__finger-touch {
        position: absolute;
        z-index: 1;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #1ec65e;
        left: 10px;
        top: 2px;
        opacity: 0;
        animation: show-the-touch 3s both infinite
    }

.loader {
    display: none;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #20c65e;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    animation: spin 2s linear infinite
}

.section-aliados, .section-overlay {
    padding: 100px 0;
    position: relative
}

    .section-aliados .section-overlay-in, .section-overlay .section-overlay-in {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto
    }

    .section-aliados .opacity8, .section-overlay .opacity8 {
        opacity: .8
    }

    .section-aliados .container, .section-overlay .container {
        margin-bottom: 0 !important
    }

    .section-aliados a .figure img, .section-overlay a .figure img {
        transition: transform .3s ease
    }

    .section-aliados a:hover .figure img, .section-overlay a:hover .figure img {
        transform: scale(1.05)
    }

.bg-fixed {
    background-attachment: fixed
}

    .bg-fixed .lista a {
        color: #a8d7ae
    }

    .bg-fixed .our-team .lista a {
        color: #005baa
    }

.img-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.hero, .hero-cell {
    position: relative;
    width: 100%;
    height: 100%
}

    .hero .flickity-page-dots {
        bottom: 15px
    }

.hero-cell {
    overflow: hidden
}

.hero-cell-bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.indicadoresHome {
    height: 50vh;
    max-height: 50vh;
    overflow: hidden
}

    .indicadoresHome .tablaHist .titleTabla {
        background-color: #1b8ff5;
        text-align: center;
        padding: .4rem;
        color: #fff;
        font-size: 15px;
        font-weight: 700
    }

    .indicadoresHome .tablaHist .table {
        width: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        display: table
    }

@media screen and (max-width:580px) {
    .indicadoresHome .tablaHist .table {
        display: block
    }
}

.indicadoresHome .tablaHist .row {
    display: table-row;
    background: #f6f6f6
}

    .indicadoresHome .tablaHist .row:nth-of-type(odd) {
        background: #e9e9e9
    }

    .indicadoresHome .tablaHist .row.header {
        font-weight: 900;
        color: #fff;
        background: #005baa
    }

    .indicadoresHome .tablaHist .row.green {
        background: #27ae60
    }

@media screen and (max-width:580px) {
    .indicadoresHome .tablaHist .row {
        padding: 14px 0 7px;
        display: block
    }

        .indicadoresHome .tablaHist .row.header {
            padding: 0;
            height: 6px
        }

            .indicadoresHome .tablaHist .row.header .cell {
                display: none
            }

        .indicadoresHome .tablaHist .row .cell {
            margin-bottom: 10px
        }

            .indicadoresHome .tablaHist .row .cell:before {
                margin-bottom: 3px;
                content: attr(data-title);
                min-width: 98px;
                font-size: 10px;
                line-height: 10px;
                font-weight: 700;
                text-transform: uppercase;
                color: #969696;
                display: block
            }
}

.indicadoresHome .tablaHist .cell {
    padding: 6px 12px;
    display: table-cell;
    text-align: center
}

@media screen and (max-width:580px) {
    .indicadoresHome .tablaHist .cell {
        padding: 2px 16px;
        display: block
    }
}

.indicadoresHome .indicBackg {
    background: linear-gradient(-45deg,#44ae95,#69a8c5,#4fc5b6,#78b6d3);
    background-size: 320% 320%;
    animation: gradient 15s ease infinite;
    height: 50vh;
    overflow-y: auto;
    scroll-behavior: smooth
}

    .indicadoresHome .indicBackg .indicIntro {
        height: 50vh;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

@media screen and (max-width:800px) {
    .indicadoresHome .indicBackg .indicIntro {
        background-image: none !important
    }
}

.indicadoresHome .indicBackg .indicEventos .contEvent .gruposPo div, .indicadoresHome .indicBackg .indicIntro .tituloPrin, .indicadoresHome .indicExt article .titleExten {
    display: flex;
    flex-direction: column;
    align-items: center
}

    .indicadoresHome .indicBackg .indicIntro .tituloPrin p {
        display: contents
    }

        .indicadoresHome .indicBackg .indicIntro .tituloPrin p span {
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.2rem;
            padding: 1rem;
            border-radius: 0 0 1rem 1rem;
            background-color: #004f9f;
            border: 2px solid #fff
        }

        .indicadoresHome .indicBackg .indicIntro .tituloPrin p .indicFecha {
            background-color: #fff;
            color: #004f9f;
            font-size: 1.1rem
        }

.indicadoresHome .indicBackg .indicIntro .flechaScroll {
    background-color: #e1e4f3;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: parpadeo 2.5s infinite
}

    .indicadoresHome .indicBackg .indicIntro .flechaScroll i {
        font-size: 1.5rem;
        margin-left: 6px;
        transform: rotate(180deg)
    }

.indicadoresHome .indicBackg .indicIntro .textScroll {
    color: #fff;
    margin: 0;
    font-weight: 700;
    font-size: 1.1rem;
    text-align: center
}

.indicadoresHome .indicBackg .titleIndic {
    background-color: #004f9f;
    color: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
    font-weight: bolder;
    text-align: center;
    border-radius: 0 0 .5rem .5rem;
    border: 2px solid;
    text-transform: uppercase;
    animation: slide 4s infinite;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .indicadoresHome .indicBackg .titleIndic i {
        font-size: xx-large
    }

.indicadoresHome .indicBackg .indicEventos {
    background-color: rgba(255,255,0,.125);
    min-height: 45vh;
    height: auto;
    padding: 1.5rem
}

    .indicadoresHome .indicBackg .indicEventos .contEvent {
        min-height: 30vh;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 1rem .5rem .5rem
    }

        .indicadoresHome .indicBackg .indicEventos .contEvent .indiWidth, .indicadoresHome .indicPrensa .contPrensa .indiWidth {
            max-width: 100%
        }

        .indicadoresHome .indicBackg .indicEventos .contEvent ul {
            list-style: none;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-evenly;
            padding: .3rem
        }

            .indicadoresHome .indicBackg .indicEventos .contEvent ul .indicList {
                color: #000;
                margin-bottom: 1.5rem;
                font-size: 1.1rem;
                background-color: #fff;
                padding: 1rem;
                border-radius: .5rem;
                border: 2px solid
            }

                .indicadoresHome .indicBackg .indicEventos .contEvent ul .indicList img {
                    max-height: 200px;
                    width: 100px
                }

        .indicadoresHome .indicBackg .indicEventos .contEvent .subtiEvent {
            background-color: #004f9f;
            padding: 1rem;
            text-align: center;
            border: 2px solid;
            margin-bottom: 2rem;
            border-radius: 1rem;
            color: #fff;
            font-size: 1.1rem
        }

        .indicadoresHome .indicBackg .indicEventos .contEvent div .distri {
            font-size: 1.5rem;
            color: #004f9f;
            font-weight: 700;
            text-align: center
        }

        .indicadoresHome .indicBackg .indicEventos .contEvent .imgMap img {
            width: 100%;
            height: 100%
        }

        .indicadoresHome .indicBackg .indicEventos .contEvent .gruposPo {
            margin-top: 2rem;
            margin-bottom: 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            background-color: #fff;
            border-radius: 1rem;
            border: 2px solid;
            padding: 1rem
        }

            .indicadoresHome .indicBackg .indicEventos .contEvent .gruposPo .asisList {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-around;
                height: 280px
            }

                .indicadoresHome .indicBackg .indicEventos .contEvent .gruposPo .asisList .minText {
                    font-size: 13px;
                    text-align: center
                }

            .indicadoresHome .indicBackg .indicEventos .contEvent .gruposPo div img {
                height: 180px
            }

        .indicadoresHome .indicBackg .indicEventos .contEvent .textPob {
            background-color: #004f9f;
            color: #fff;
            padding: 1rem;
            text-align: center;
            border-radius: 1rem;
            margin-bottom: 2rem
        }

.indicadoresHome .indicPrensa {
    padding: 1.5rem
}

    .indicadoresHome .indicPrensa .contPrensa {
        min-height: 30vh;
        height: auto;
        padding: .5rem
    }

        .indicadoresHome .indicPrensa .contPrensa .indiWidth ul {
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-evenly;
            list-style: none;
            padding: 0;
            align-items: center
        }

            .indicadoresHome .indicPrensa .contPrensa .indiWidth ul .indicList {
                color: #000;
                margin-bottom: 1.5rem;
                font-size: 1rem;
                max-width: 26rem;
                background-color: #fff;
                padding: 1rem;
                border-radius: .5rem;
                border: 2px solid
            }

        .indicadoresHome .indicPrensa .contPrensa .indiWidth .botoneIndic {
            margin-top: 1rem
        }

            .indicadoresHome .indicPrensa .contPrensa .indiWidth .botoneIndic a {
                color: #000;
                text-decoration: none
            }

            .indicadoresHome .indicPrensa .contPrensa .indiWidth .botoneIndic .btnIndic {
                margin-bottom: .5rem;
                background-color: #d2e9d4;
                padding: 1rem;
                width: 6.8rem;
                border-radius: 1rem;
                text-align: center;
                border: 2px solid;
                display: flex;
                flex-direction: column
            }

                .indicadoresHome .indicPrensa .contPrensa .indiWidth .botoneIndic .btnIndic i {
                    font-size: 2rem
                }

                .indicadoresHome .indicPrensa .contPrensa .indiWidth .botoneIndic .btnIndic span {
                    font-weight: 700;
                    color: #004f9f
                }

        .indicadoresHome .indicLab .subtLab, .indicadoresHome .indicPrensa .contPrensa .indiWidth .subtPrensa {
            text-align: center;
            margin: auto;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            font-size: 1.5rem;
            text-transform: uppercase;
            color: #fff;
            display: block;
            font-weight: bolder;
            background-color: #004f9f;
            padding: .8rem;
            border-radius: .5rem;
            margin-top: 2rem
        }

        .indicadoresHome .indicPrensa .contPrensa .indiWidth .premiosIndic {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
            margin-bottom: 20px
        }

            .indicadoresHome .indicPrensa .contPrensa .indiWidth .premiosIndic div {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center
            }

                .indicadoresHome .indicPrensa .contPrensa .indiWidth .premiosIndic div img {
                    background-color: #fff;
                    border-radius: 1rem
                }

                .indicadoresHome .indicPrensa .contPrensa .indiWidth .premiosIndic div span {
                    font-size: 1.1rem;
                    margin: 2rem 0;
                    text-align: justify
                }

.indicadoresHome .indicExt {
    background-color: rgba(255,255,0,.125);
    padding: 1.5rem
}

    .indicadoresHome .indicExt article .titleExten {
        margin-top: 2rem
    }

        .indicadoresHome .indicExt article .titleExten .numExt {
            background-color: #fff;
            color: #004f9f;
            padding: 1rem;
            font-size: larger;
            border-radius: 1rem 1rem 0 0;
            width: 150px;
            text-align: center;
            font-weight: 800
        }

        .indicadoresHome .indicExt article .extenItems div, .indicadoresHome .indicExt article .titleExten span {
            background-color: #004f9f;
            color: #fff;
            padding: 1rem;
            font-size: 1.2rem;
            border-radius: 0 1rem
        }

    .indicadoresHome .indicExt article .extenItems {
        flex-direction: row;
        margin-top: 2rem;
        margin-bottom: 2rem;
        gap: 15px
    }

        .indicadoresHome .indicExt article .extenItems div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

        .indicadoresHome .indicExt article .extenItems img {
            height: 330px
        }

.indicadoresHome .indicLab {
    padding: 1.5rem
}

    .indicadoresHome .indicLab .subtLab {
        font-size: 1.3rem;
        color: #004f9f;
        background-color: #fff;
        padding: 1rem
    }

    .indicadoresHome .indicBAC section, .indicadoresHome .indicExt article .extenItems, .indicadoresHome .indicLab .labItems {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap
    }

    .indicadoresHome .indicLab .labItems {
        flex-direction: row;
        margin-top: 2rem
    }

        .indicadoresHome .indicLab .labItems .datosLab {
            color: #005baa;
            font-size: 1.3rem;
            width: 450px;
            text-align: center
        }

    .indicadoresHome .indicLab .subtLab1 {
        background-color: #acc4ec
    }

    .indicadoresHome .indicLab .servItems {
        margin-top: 1.5rem
    }

        .indicadoresHome .indicBAC span, .indicadoresHome .indicLab .servItems div {
            text-align: center;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
        }

        .indicadoresHome .indicLab .servItems div {
            background-color: #fff;
            border-radius: 1rem;
            margin-bottom: 1rem;
            display: flex;
            flex-direction: column
        }

            .indicadoresHome .indicLab .servItems div span {
                font-size: 1.4rem;
                color: #005baa;
                font-weight: 800;
                margin-top: 1rem
            }

            .indicadoresHome .indicLab .servItems div img {
                max-height: 300px
            }

.indicadoresHome .indicBAC {
    padding: 1.5rem;
    background-color: rgba(255,255,0,.125)
}

    .indicadoresHome .indicBAC span {
        margin: auto;
        font-size: 1.2rem;
        color: #004f9f;
        display: block;
        padding: 1rem;
        border-radius: .5rem;
        margin-top: 2rem
    }

    .indicadoresHome .indicBAC section {
        margin-top: 2.2rem
    }

    .indicadoresHome .indicBAC img {
        display: block;
        margin: auto;
        max-height: 270px
    }

    .indicadoresHome .indicBAC article {
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin-top: 1rem
    }

        .indicadoresHome .indicBAC article img {
            display: block;
            margin: 15px auto auto;
            max-height: 350px
        }

        .indicadoresHome .indicBAC article span {
            max-width: 600px;
            text-align: justify;
            padding: 0;
            margin-bottom: .5rem
        }

        .indicadoresHome .indicBAC article ul {
            list-style: none;
            width: 37%
        }

@media screen and (max-width:980px) {
    .indicadoresHome .indicBAC article ul {
        width: 100%
    }
}

.indicadoresHome .indicLab .servItems, .indicadoresHome .indicTv {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.indicadoresHome .indicTv {
    padding: 1.5rem
}

    .indicadoresHome .indicBAC article, .indicadoresHome .indicTv div, .parallax {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .indicadoresHome .indicTv div {
        background-color: #b3dae5;
        padding: 1rem;
        border-radius: 1rem;
        max-width: 450px;
        margin-bottom: 1rem
    }

        .indicadoresHome .indicTv div span {
            font-size: larger;
            color: #004f9f;
            font-weight: 700
        }

        .indicadoresHome .indicTv div iframe {
            border-radius: 1rem
        }

        .indicadoresHome .indicTv div .titleVid {
            font-weight: 700;
            margin-top: 1rem;
            font-size: 1.2rem;
            text-align: center
        }

        .indicadoresHome .indicTv div a {
            text-decoration: none;
            text-align: center
        }

            .indicadoresHome .indicTv div a .imgPod {
                width: 100%;
                max-height: 210px;
                border-radius: 1rem;
                margin-bottom: 1rem
            }

    .indicadoresHome .indicTv .imgFinal {
        max-height: 400px
    }

.content-sites [class*=" col-"], .content-sites [class^=col-] {
    padding-bottom: 20px
}

.content-sites figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0
}

    .content-sites figure img {
        position: relative;
        display: block;
        min-height: 100%;
        max-width: 100%;
        opacity: .8
    }

    .content-sites figure figcaption, .content-sites figure figcaption > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .content-sites figure figcaption {
        padding: 2em;
        color: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.content-sites .effect-ruby img {
    opacity: .7;
    transition: opacity .35s,transform .35s;
    transform: scale(1)
}

.content-sites .effect-ruby figcaption img {
    opacity: 1;
    max-width: 170px;
    min-height: auto;
    position: absolute;
    left: calc(50% - 85px);
    bottom: 20%;
    transition: all .3s ease-in-out
}

.content-sites .effect-ruby figcaption .btn {
    position: absolute;
    bottom: 0;
    opacity: 0;
    transform: scale(1.2);
    transition: all .3s ease-in-out
}

.content-sites .effect-ruby:hover img {
    opacity: .5;
    transform: scale(1.15)
}

.content-sites .effect-ruby:hover figcaption img {
    opacity: 1;
    transform: scale(1);
    max-width: 170px;
    min-height: auto;
    bottom: 30%
}

.content-sites .effect-ruby:hover figcaption .btn {
    bottom: 10%;
    opacity: 1;
    transform: scale(1)
}

.parallax {
    align-content: center;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-around;
    position: relative;
    width: 100%
}

    .parallax section, .parallax-content {
        display: flex;
        position: relative;
        overflow: hidden
    }

    .parallax section {
        width: 100%;
        min-height: 586px;
        flex: 1;
        text-align: center;
        background-color: #000
    }

        .parallax section .image {
            background-attachment: fixed;
            background-size: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 500;
            opacity: .4
        }

        .parallax section .stuff {
            z-index: 1000;
            margin: 0 auto
        }

.parallax-content {
    align-items: center;
    justify-content: center;
    padding: 8rem 0
}

    .parallax-content h1, .parallax-content h3 {
        color: #fff;
        letter-spacing: .3rem;
        text-transform: uppercase;
        text-align: center
    }

    .parallax-content h1 {
        position: relative;
        margin-bottom: 80px
    }

    .parallax-content h3 {
        margin-bottom: 30px
    }

    .parallax-content h1::after {
        content: "";
        position: absolute;
        left: calc(50% - 1.2em);
        bottom: -30px;
        height: 2px;
        width: 2.4em;
        background: #fff
    }

@media (max-width:991.98px) {
    .parallax-content {
        padding: 3rem 0
    }

        .parallax-content h1 {
            font-size: 2rem
        }
}

.work-content-main {
    padding-top: 2rem;
    position: relative
}

    .work-content-main img {
        border-color: red;
        border-width: 10px
    }

    .work-content-main .alert {
        color: #fff
    }

    .work-content-main a:hover {
        text-decoration: none
    }

        .work-content-main a:hover .box-container .box-3d .box.box2 {
            top: 10px;
            left: 0
        }

        .work-content-main a:hover .box-container .box-3d .box.box3 {
            top: 20px;
            left: 0
        }

    .work-content-main a#c-contratacion [data-count]::after, .work-content-main a#c-trabaje [data-count]::after {
        content: attr(data-count);
        background-color: #ac2876;
        color: #fff;
        display: block;
        position: absolute;
        top: 25%;
        right: 25%;
        padding: 0 5px;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: .6875rem;
        font-weight: 300;
        text-align: center;
        border-radius: 5px
    }

    .work-content-main a#c-contratacion [data-count]::after {
        background-color: #00b1eb
    }

.box-container, .box-container .box-3d .box i {
    display: flex;
    align-items: center;
    justify-content: center
}

.box-container {
    position: relative;
    height: 200px
}

    .box-container .box-3d {
        height: auto;
        width: 100px;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        transition: all .3s ease
    }

        .box-container .box-3d .box {
            background-image: linear-gradient(125deg,#56143b,#ac2876);
            background-repeat: repeat-x;
            width: 100px;
            height: 100px;
            text-align: center;
            padding: 10px;
            position: relative;
            -ms-box-shadow: 0 3px 30px 17px rgba(0,0,0,.3);
            -o-box-shadow: 0 3px 30px 17px rgba(0,0,0,.3);
            box-shadow: 0 3px 30px 17px rgba(0,0,0,.3);
            transition: all .3s ease;
            z-index: 2
        }

            .box-container .box-3d .box i {
                width: 100%;
                height: 100%;
                padding: 5px;
                font-size: 2.5rem;
                color: #fff
            }

            .box-container .box-3d .box.box2, .box-container .box-3d .box.box3 {
                position: absolute !important;
                top: 25px;
                z-index: 1 !important;
                transition: all .3s ease
            }

            .box-container .box-3d .box.box3 {
                top: 50px;
                z-index: 0 !important
            }

            .box-container .box-3d .box[class*=" deg-"], .box-container .box-3d .box[class^=deg-] {
                background-image: linear-gradient(125deg,#005976,#00b1eb);
                background-repeat: repeat-x
            }

.card-01 .card-body {
    background: #f4f7f6;
    position: relative
}

    .card-01 .card-body.f-noticia [data-date]::after, .card-01.height-fix .card-img-overlay.f-noticia [data-date]::after {
        content: attr(data-date);
        display: block;
        position: absolute;
        right: 1.25rem;
        padding: 0 5px;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: .6875rem;
        font-weight: 300;
        text-align: center;
        border-radius: 5px;
        font-size: 14px
    }

    .card-01 .card-body.f-noticia [data-date]::after {
        background-color: transparent;
        color: #212529;
        top: .8rem
    }

    .card-01 .card-body a {
        color: #212529;
        text-decoration: none
    }

.card-01 .card-footer {
    border-top: 1px solid #e9ecef;
    background: #f4f7f6
}

.card-01 .badge-box {
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -25px;
    text-align: center
}

    .card-01 .badge-box i {
        background: #006eff;
        color: #fff;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 20px;
        display: block;
        margin-right: 0
    }

.card-01.height-fix1 {
    box-shadow: 2px 2px 20px rgba(0,0,0,.3)
}

.card-01.height-fix, .card-01.height-fix1 {
    height: 444px;
    overflow: hidden
}

    .card-01.height-fix .slide {
        height: 320px;
        margin-bottom: 0
    }

    .card-01.height-fix .card-img-top {
        width: auto !important
    }

        .card-01.height-fix .card-img-top .bg-cover {
            height: 444px
        }

    .card-01.height-fix .not-overlay {
        top: unset;
        background: linear-gradient(to bottom,rgba(0,91,170,0)0,rgba(0,91,170,.01) 1%,rgba(0,91,170,.85) 20%,#005baa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00005baa", endColorstr="#005baa", GradientType=0)
    }

    .card-01.height-fix .card-img-overlay .box-left .by, .card-01.height-fix .card-img-overlay .box-left a, .card-01.height-fix .card-img-overlay .card-text {
        color: #fff
    }

        .card-01.height-fix .card-img-overlay .box-left a:hover, .carousel-container .parent-el .two-col .has-content .box-info .footer .box-left .box-byuser a:hover {
            color: #1ec65e
        }

    .card-01.height-fix .card-img-overlay.f-noticia [data-date]::after {
        background-color: rgba(0,91,170,.3);
        color: #fff;
        top: 1rem
    }

    .card-01.height-fix .card-img-overlay p.card-text {
        margin-bottom: 1.5rem
    }

.card-01 .h-image {
    height: 320px;
    overflow: hidden
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

@media (min-width:576px) {
    .form-inline .form-group, .form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline label {
        justify-content: center
    }

    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

#preinscripcion textarea, #solicitudBac textarea {
    min-height: 250px
}

#atencionUsuario .custom-checkbox label, #atencionUsuario .custom-file label, #atencionUsuario .custom-radio label, #atencionUsuario .form-check label, #preinscripcion .custom-checkbox label, #preinscripcion .custom-file label, #preinscripcion .custom-radio label, #preinscripcion .form-check label, #solicitudBG .custom-checkbox label, #solicitudBG .custom-file label, #solicitudBG .custom-radio label, #solicitudBG .form-check label, #solicitudBac .custom-checkbox label, #solicitudBac .custom-file label, #solicitudBac .custom-radio label, #solicitudBac .form-check label {
    font-weight: 400;
    font-size: 1rem
}

#atencionUsuario label, #preinscripcion label, #solicitudBG label, #solicitudBac label {
    font-weight: 700;
    font-size: .75rem
}

#atencionUsuario .custom-file-label::after, #preinscripcion .custom-file-label::after, #solicitudBG .custom-file-label::after, #solicitudBac .custom-file-label::after {
    font-family: "icoagrosavia";
    content: ""
}

.ship .body img {
    width: 100px
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #00ac4e
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,172,78,.25)
    }

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #60ffa8
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

    .custom-control-label::after, .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: ""
    }

    .custom-control-label::before {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background-color: #dee2e6
    }

    .custom-control-label::after {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00ac4e
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #00ac4e
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,172,78,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,172,78,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00ac4e
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,172,78,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-select:focus {
        border-color: #4fc5b6;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(79,197,182,.5)
    }

        .custom-select:focus::-ms-value, select.form-control:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        opacity: 0
    }

.custom-file, .custom-file-input {
    position: relative;
    width: 100%;
    height: calc(2.25rem + 2px)
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file-input {
    z-index: 2;
    margin: 0;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #4fc5b6;
        box-shadow: 0 0 0 .2rem rgba(0,172,78,.25)
    }

        .custom-file-input:focus ~ .custom-file-label::after {
            border-color: #4fc5b6
        }

    .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

.custom-file-label, .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057
}

.custom-file-label {
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        bottom: 0;
        z-index: 3;
        display: block;
        height: 2.25rem;
        content: "Browse";
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 .25rem .25rem 0
    }

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
            margin-left: -1px
        }

        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
            z-index: 3
        }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after, .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center
    }

.input-group-append, .input-group-prepend {
    display: flex
}

    .input-group-append .btn, .input-group-prepend .btn {
        position: relative;
        z-index: 2
    }

.input-group-prepend {
    margin-right: -1px
}

    .input-group-append, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
        margin-left: -1px
    }

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .carousel-container .parent-el .two-col .has-content .box-info .contenido .location p, .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
        margin-top: 0
    }

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #4fc5b6;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,172,78,.25)
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

.form-control-range {
    display: block;
    width: 100%
}

#atencionUsuario .form-inline .form-group, #preinscripcion .form-inline .form-group, #solicitudBG .form-inline .form-group, #solicitudBac .form-inline .form-group, .form-group {
    margin-bottom: 1rem
}

.country {
    width: 100%;
    padding: 0
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label, section.noticias .carousel, table td p {
    margin-bottom: 0
}

.invalid-feedback {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width:576px) {
    .form-inline .form-group, .form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline label {
        justify-content: center
    }

    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

#preinscripcion, #solicitudBac {
    padding-top: 1rem
}

    #preinscripcion h2, #solicitudBac h2 {
        font-size: 1.375rem;
        margin-bottom: 2rem;
        font-weight: 700
    }

    #atencionUsuario .custom-select, #preinscripcion .custom-select, #solicitudBG .custom-select, #solicitudBac .custom-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none
    }

    #atencionUsuario .button-slider, #preinscripcion .button-slider, #solicitudBG .button-slider, #solicitudBac .button-slider {
        font-size: 1rem
    }

    #atencionUsuario .invalid-feedback, #preinscripcion .invalid-feedback, #solicitudBG .invalid-feedback, #solicitudBac .invalid-feedback, .invalid-feedback {
        display: block
    }

.input-group.animate {
    flex-direction: row-reverse
}

    .input-group.animate .form-control, .input-group.animate select {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: .25rem !important;
        border-bottom-right-radius: .25rem !important
    }

    .input-group.animate .input-group-prepend .input-group-text {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0;
        transition: all .3s ease
    }

    .input-group.animate input, .input-group.animate select, .input-group.animate textarea {
        transition: all .3s ease
    }

        .input-group.animate input:focus, .input-group.animate select:focus, .input-group.animate textarea:focus {
            border-color: rgba(30,198,94,.8);
            box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(30,198,94,.6);
            outline: 0
        }

            .input-group.animate input:focus + .input-group-prepend .input-group-text, .input-group.animate select:focus + .input-group-prepend .input-group-text, .input-group.animate textarea:focus + .input-group-prepend .input-group-text {
                background-color: #1ec65e;
                border-color: rgba(30,198,94,.8);
                color: #fff
            }

#send-message {
    position: relative;
    background-color: #163040;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.5" fill="%23FFFFFF" cx="28.75" cy="22.338" r="0.713"/><circle opacity="0.2" fill="%23FFFFFF" cx="26.75" cy="79.443" r="0.307"/><circle opacity="0.5" fill="%23FFFFFF" cx="50" cy="41.884" r="0.308"/><circle fill="%23FFFFFF" cx="12.883" cy="42.25" r="0.367"/><circle opacity="0.4" fill="%23FFFFFF" cx="80" cy="72.818" r="0.307"/><circle opacity="0.5" fill="%23FFFFFF" cx="55.625" cy="12.375" r="0.308"/><circle opacity="0.2" fill="%23FFFFFF" cx="73.307" cy="89.375" r="0.308"/><circle opacity="0.5" fill="%23FFFFFF" cx="73" cy="53.884" r="0.308"/><circle opacity="0.5" fill="%23FFFFFF" cx="38.875" cy="89.432" r="0.385"/></svg>');
    background-size: 20rem 20rem;
    background-position: center 0;
    overflow: hidden;
    height: 400px;
    margin-right: -20px;
    margin-left: -20px;
    animation: bg 2s linear infinite
}

    #send-message h2 {
        color: #fff;
        position: relative;
        top: 0;
        margin: 1.5rem 0 2rem !important;
        text-align: center
    }

.ship {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6.3rem;
    height: 6.7rem;
    margin: auto;
    animation: mover 2s linear infinite alternate
}

    .ship .body {
        position: relative;
        height: 110px
    }

        .ship .body .eyes {
            width: 18px;
            position: relative;
            top: -81px;
            left: 39px;
            transform: rotate(6deg);
            animation: eyes 2s ease-in-out infinite alternate
        }

            .ship .body .eyes .eye_1, .ship .body .eyes .eye_2 {
                position: absolute;
                display: block;
                width: .3rem;
                height: .4rem;
                border-radius: 50%;
                background-color: #543018;
                animation: eye 2s ease-in-out infinite alternate
            }

            .ship, .ship .body .eyes .eye_2 {
                right: 0
            }

                .ship .body .vawes {
                    position: relative;
                    top: -8rem;
                    left: 2rem;
                    width: 3rem;
                    height: 3rem;
                    fill: none
                }

                .ship .body .wave_1, .ship .body .wave_2 {
                    stroke: rgba(227,227,227,.7);
                    stroke-width: 1;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                    stroke-dasharray: 2;
                    animation: wave 2s infinite linear;
                    opacity: 0;
                    transform-origin: center;
                    animation-delay: .1s
                }

                .ship .body .wave_2 {
                    animation-delay: 1s
                }

.menu-search-container {
    display: none;
    background: #f4f7f6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

    .menu-search-container .menu-search-input {
        margin: 13px 1rem
    }

        .menu-search-container .menu-search-input input {
            background-color: transparent;
            border: 0;
            width: 80%;
            font-size: 16px;
            outline: 0
        }

            .menu-search-container .menu-search-input input::-moz-placeholder {
                opacity: .8
            }

            .menu-search-container .menu-search-input input::placeholder {
                opacity: .8
            }

    .menu-search-container.active {
        display: block;
        animation-name: specialFadeOut;
        transition: opacity .2s cubic-bezier(.645,.045,.355,1)
    }

.bt-buscador.hidden, .bt-buscador.is-closed, .menu-search-input {
    animation-name: specialFadeIn;
    animation-delay: 30ms;
    animation-duration: 400ms;
    animation-fill-mode: both
}

.bt-buscador.hidden, .menu-search-input {
    animation-name: specialFadeOut;
    animation-delay: 245ms
}

.menu-search-input {
    animation-name: specialFadeInRight;
    animation-delay: 350ms
}

.search-sub-menu {
    background: #fff;
    width: 100%;
    color: #999;
    font-weight: 100;
    padding: 24px 0 15px;
    z-index: 1
}

    .search-sub-menu h3, .search-sub-menu ul li {
        animation-name: specialFadeInRight;
        animation-fill-mode: both
    }

    .search-sub-menu h3 {
        font-size: 12px;
        font-weight: 100;
        margin-top: 0;
        padding: 0 15px;
        animation-duration: 700ms
    }

    .search-sub-menu ul {
        margin: 0;
        padding: 0;
        width: 100%
    }

        .search-sub-menu ul li {
            display: block;
            animation-duration: 500ms
        }

            .search-sub-menu ul li:nth-child(1) {
                animation-delay: .15s
            }

            .search-sub-menu ul li:nth-child(2) {
                animation-delay: .3s
            }

            .search-sub-menu ul li:nth-child(3) {
                animation-delay: .45s
            }

            .search-sub-menu ul li:nth-child(4) {
                animation-delay: .6s
            }

            .search-sub-menu ul li:nth-child(5) {
                animation-delay: .75s
            }

            .search-sub-menu ul li:nth-child(6) {
                animation-delay: .9s
            }

            .search-sub-menu ul li:nth-child(7) {
                animation-delay: 1.05s
            }

            .search-sub-menu ul li:nth-child(8) {
                animation-delay: 1.2s
            }

            .search-sub-menu ul li:nth-child(9) {
                animation-delay: 1.35s
            }

            .search-sub-menu ul li:nth-child(10) {
                animation-delay: 1.5s
            }

            .search-sub-menu ul li:nth-child(11) {
                animation-delay: 1.65s
            }

            .search-sub-menu ul li:nth-child(12) {
                animation-delay: 1.8s
            }

            .search-sub-menu ul li:nth-child(13) {
                animation-delay: 1.95s
            }

            .search-sub-menu ul li:nth-child(14) {
                animation-delay: 2.1s
            }

            .search-sub-menu ul li:nth-child(15) {
                animation-delay: 2.25s
            }

            .search-sub-menu ul li:nth-child(16) {
                animation-delay: 2.4s
            }

            .search-sub-menu ul li:nth-child(17) {
                animation-delay: 2.55s
            }

            .search-sub-menu ul li:nth-child(18) {
                animation-delay: 2.7s
            }

            .search-sub-menu ul li:nth-child(19) {
                animation-delay: 2.85s
            }

            .search-sub-menu ul li:nth-child(20) {
                animation-delay: 3s
            }

            .search-sub-menu ul li:nth-child(21) {
                animation-delay: 3.15s
            }

            .search-sub-menu ul li:nth-child(22) {
                animation-delay: 3.3s
            }

            .search-sub-menu ul li:nth-child(23) {
                animation-delay: 3.45s
            }

            .search-sub-menu ul li:nth-child(24) {
                animation-delay: 3.6s
            }

            .search-sub-menu ul li:nth-child(25) {
                animation-delay: 3.75s
            }

            .search-sub-menu ul li:nth-child(26) {
                animation-delay: 3.9s
            }

            .search-sub-menu ul li:nth-child(27) {
                animation-delay: 4.05s
            }

            .search-sub-menu ul li:nth-child(28) {
                animation-delay: 4.2s
            }

            .search-sub-menu ul li:nth-child(29) {
                animation-delay: 4.35s
            }

            .search-sub-menu ul li:nth-child(30) {
                animation-delay: 4.5s
            }

            .search-sub-menu ul li:nth-child(31) {
                animation-delay: 4.65s
            }

            .search-sub-menu ul li:nth-child(32) {
                animation-delay: 4.8s
            }

            .search-sub-menu ul li:nth-child(33) {
                animation-delay: 4.95s
            }

            .search-sub-menu ul li:nth-child(34) {
                animation-delay: 5.1s
            }

            .search-sub-menu ul li:nth-child(35) {
                animation-delay: 5.25s
            }

            .search-sub-menu ul li:nth-child(36) {
                animation-delay: 5.4s
            }

            .search-sub-menu ul li:nth-child(37) {
                animation-delay: 5.55s
            }

            .search-sub-menu ul li:nth-child(38) {
                animation-delay: 5.7s
            }

            .search-sub-menu ul li:nth-child(39) {
                animation-delay: 5.85s
            }

            .search-sub-menu ul li:nth-child(40) {
                animation-delay: 6s
            }

            .search-sub-menu ul li:nth-child(41) {
                animation-delay: 6.15s
            }

            .search-sub-menu ul li:nth-child(42) {
                animation-delay: 6.3s
            }

            .search-sub-menu ul li:nth-child(43) {
                animation-delay: 6.45s
            }

            .search-sub-menu ul li:nth-child(44) {
                animation-delay: 6.6s
            }

            .search-sub-menu ul li:nth-child(45) {
                animation-delay: 6.75s
            }

            .search-sub-menu ul li:nth-child(46) {
                animation-delay: 6.9s
            }

            .search-sub-menu ul li:nth-child(47) {
                animation-delay: 7.05s
            }

            .search-sub-menu ul li:nth-child(48) {
                animation-delay: 7.2s
            }

            .search-sub-menu ul li:nth-child(49) {
                animation-delay: 7.35s
            }

            .search-sub-menu ul li:nth-child(50) {
                animation-delay: 7.5s
            }

            .search-sub-menu ul li:nth-child(51) {
                animation-delay: 7.65s
            }

            .search-sub-menu ul li:nth-child(52) {
                animation-delay: 7.8s
            }

            .search-sub-menu ul li:nth-child(53) {
                animation-delay: 7.95s
            }

            .search-sub-menu ul li:nth-child(54) {
                animation-delay: 8.1s
            }

            .search-sub-menu ul li:nth-child(55) {
                animation-delay: 8.25s
            }

            .search-sub-menu ul li:nth-child(56) {
                animation-delay: 8.4s
            }

            .search-sub-menu ul li:nth-child(57) {
                animation-delay: 8.55s
            }

            .search-sub-menu ul li:nth-child(58) {
                animation-delay: 8.7s
            }

            .search-sub-menu ul li:nth-child(59) {
                animation-delay: 8.85s
            }

            .search-sub-menu ul li:nth-child(60) {
                animation-delay: 9s
            }

            .search-sub-menu ul li:nth-child(61) {
                animation-delay: 9.15s
            }

            .search-sub-menu ul li:nth-child(62) {
                animation-delay: 9.3s
            }

            .search-sub-menu ul li:nth-child(63) {
                animation-delay: 9.45s
            }

            .search-sub-menu ul li:nth-child(64) {
                animation-delay: 9.6s
            }

            .search-sub-menu ul li:nth-child(65) {
                animation-delay: 9.75s
            }

            .search-sub-menu ul li:nth-child(66) {
                animation-delay: 9.9s
            }

            .search-sub-menu ul li:nth-child(67) {
                animation-delay: 10.05s
            }

            .search-sub-menu ul li:nth-child(68) {
                animation-delay: 10.2s
            }

            .search-sub-menu ul li:nth-child(69) {
                animation-delay: 10.35s
            }

            .search-sub-menu ul li:nth-child(70) {
                animation-delay: 10.5s
            }

            .search-sub-menu ul li:nth-child(71) {
                animation-delay: 10.65s
            }

            .search-sub-menu ul li:nth-child(72) {
                animation-delay: 10.8s
            }

            .search-sub-menu ul li:nth-child(73) {
                animation-delay: 10.95s
            }

            .search-sub-menu ul li:nth-child(74) {
                animation-delay: 11.1s
            }

            .search-sub-menu ul li:nth-child(75) {
                animation-delay: 11.25s
            }

            .search-sub-menu ul li:nth-child(76) {
                animation-delay: 11.4s
            }

            .search-sub-menu ul li:nth-child(77) {
                animation-delay: 11.55s
            }

            .search-sub-menu ul li:nth-child(78) {
                animation-delay: 11.7s
            }

            .search-sub-menu ul li:nth-child(79) {
                animation-delay: 11.85s
            }

            .search-sub-menu ul li:nth-child(80) {
                animation-delay: 12s
            }

            .search-sub-menu ul li:nth-child(81) {
                animation-delay: 12.15s
            }

            .search-sub-menu ul li:nth-child(82) {
                animation-delay: 12.3s
            }

            .search-sub-menu ul li:nth-child(83) {
                animation-delay: 12.45s
            }

            .search-sub-menu ul li:nth-child(84) {
                animation-delay: 12.6s
            }

            .search-sub-menu ul li:nth-child(85) {
                animation-delay: 12.75s
            }

            .search-sub-menu ul li:nth-child(86) {
                animation-delay: 12.9s
            }

            .search-sub-menu ul li:nth-child(87) {
                animation-delay: 13.05s
            }

            .search-sub-menu ul li:nth-child(88) {
                animation-delay: 13.2s
            }

            .search-sub-menu ul li:nth-child(89) {
                animation-delay: 13.35s
            }

            .search-sub-menu ul li:nth-child(90) {
                animation-delay: 13.5s
            }

            .search-sub-menu ul li:nth-child(91) {
                animation-delay: 13.65s
            }

            .search-sub-menu ul li:nth-child(92) {
                animation-delay: 13.8s
            }

            .search-sub-menu ul li:nth-child(93) {
                animation-delay: 13.95s
            }

            .search-sub-menu ul li:nth-child(94) {
                animation-delay: 14.1s
            }

            .search-sub-menu ul li:nth-child(95) {
                animation-delay: 14.25s
            }

            .search-sub-menu ul li:nth-child(96) {
                animation-delay: 14.4s
            }

            .search-sub-menu ul li:nth-child(97) {
                animation-delay: 14.55s
            }

            .search-sub-menu ul li:nth-child(98) {
                animation-delay: 14.7s
            }

            .search-sub-menu ul li:nth-child(99) {
                animation-delay: 14.85s
            }

            .search-sub-menu ul li:nth-child(100) {
                animation-delay: 15s
            }

            .search-sub-menu ul li a {
                font-size: 14px;
                color: #999;
                display: flex;
                padding: 10px 15px 10px 35px;
                width: 100%;
                transition: all .3s ease-in-out
            }

                .search-sub-menu ul li a:hover {
                    background-color: #f2f2f2;
                    color: #212529;
                    text-decoration: none
                }

                .search-sub-menu ul li a:first-child {
                    float: none;
                    padding-right: 0
                }

.menu-search-close {
    position: absolute;
    right: 0;
    top: -13px
}

.buscador.version-movil {
    display: block
}

.buscador.version-web {
    display: none
}

    .buscador.version-web .has-search input {
        background-color: #f4f7f6;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .buscador.version-web .has-search .input-group-append button.btn {
        background-color: #5ac8fa;
        color: #fff
    }

    .buscador.version-web .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #000
    }

@media (min-width:768px) {
    .buscador.version-movil {
        display: none
    }

    .buscador.version-web {
        display: block
    }
}

.buscador .item {
    padding: 0 1rem
}

.buscador .bt-buscador {
    min-width: 115px;
    color: #202121;
    cursor: pointer;
    overflow: hidden;
    height: 52px;
    line-height: 52px
}

    .buscador .bt-buscador, .buscador .bt-buscador i, .buscador .bt-buscador span, section.noticias h2 i {
        transition: all .3s ease-in-out
    }

        .buscador .bt-buscador span {
            display: inline-block
        }

@media (max-width:575.98px) {
    .buscador .bt-buscador span {
        display: none
    }
}

.buscador .bt-buscador:hover i {
    color: #4fc5b6
}

@media (max-width:575.98px) {
    .buscador .bt-buscador {
        min-width: inherit;
        width: 52px
    }
}

@media (max-width:991.98px) {
    .buscador .bt-buscador {
        display: block
    }
}

@media (max-width:767.98px) {
    .buscador {
        border: 0
    }
}

@media (min-width:768px) {
    .buscador {
        border-left: 1px solid #e9ecef
    }
}

@media (min-width:992px) {
    .buscador {
        border: 0
    }
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.carousel-container {
    position: relative
}

    .carousel-container .parent-el {
        width: 100%;
        max-width: 100%;
        margin: auto
    }

        .carousel-container .parent-el .two-col {
            display: flex;
            align-items: center
        }

            .carousel-container .parent-el .two-col .has-img {
                opacity: 0;
                filter: alpha(opacity=0);
                transition: all .3s ease-in-out;
                transform: scale(1);
                position: relative;
                z-index: 0
            }

                .carousel-container .parent-el .two-col .has-img .hover-item {
                    visibility: hidden;
                    opacity: 0;
                    position: absolute;
                    transition: opacity .3s ease-in-out
                }

                    .carousel-container .parent-el .two-col .has-img .hover-item a:hover {
                        opacity: .7
                    }

                    .carousel-container .parent-el .two-col .has-img .hover-item.bottom {
                        bottom: 25px
                    }

                    .carousel-container .parent-el .two-col .has-img .hover-item.top {
                        top: 25px
                    }

                    .carousel-container .parent-el .two-col .has-img .hover-item.left {
                        left: 25px
                    }

                    .carousel-container .parent-el .two-col .has-img .hover-item.right {
                        right: 25px
                    }

                    .carousel-container .parent-el .two-col .has-img .hover-item.center {
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%,-50%)
                    }

                    .carousel-container .parent-el .two-col .has-img .hover-item .bt-link {
                        border: 1px solid rgba(255,255,255,.5);
                        border-radius: 50%;
                        height: 40px;
                        width: 40px;
                        color: #fff;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        transition: opacity .3s ease-in-out
                    }

                        .carousel-container .parent-el .two-col .has-img .hover-item .bt-link .icon {
                            font-size: 18px;
                            margin: 0
                        }

                .carousel-container .parent-el .two-col .has-img .icon {
                    font-size: 40px;
                    color: #fff;
                    margin: 0
                }

                .carousel-container .parent-el .two-col .has-img:hover {
                    transform: scale(1.05)
                }

                    .carousel-container .parent-el .two-col .has-img:hover a {
                        text-decoration: none
                    }

                    .carousel-container .parent-el .two-col .has-img:hover .texture-overlay {
                        background-color: rgba(0,91,170,.45);
                        transform: scale(1)
                    }

                    .carousel-container .parent-el .two-col .has-img:hover .hover-item {
                        visibility: visible;
                        opacity: 1
                    }

@media (max-width:767.98px) {
    .carousel-container .parent-el .two-col .has-img {
        opacity: 1;
        filter: alpha(opacity=100);
        order: 1
    }
}

.carousel-container .parent-el .two-col .has-content {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    z-index: 1
}

    .carousel-container .parent-el .two-col .has-content .box-info {
        display: flex;
        flex-flow: row wrap;
        overflow: hidden;
        width: 100%
    }

        .carousel-container .parent-el .two-col .has-content .box-info .box-tagDate {
            margin-bottom: 1em;
            opacity: 0;
            transform: translateY(10px);
            transition: all 100ms ease
        }

            .carousel-container .parent-el .two-col .has-content .box-info .box-tagDate .date-box {
                color: #e5e5ea;
                font-size: .75rem
            }

                .carousel-container .parent-el .two-col .has-content .box-info .box-tagDate .date-box .ev[data-time]::after {
                    content: attr(data-time);
                    color: #004620
                }

            .carousel-container .parent-el .two-col .has-content .box-info .box-tagDate [data-time]::after {
                content: attr(data-time);
                color: #1ec65e
            }

            .carousel-container .parent-el .two-col .has-content .box-info .box-tagDate [data-categoria]::after {
                content: attr(data-categoria);
                text-transform: uppercase
            }

        .carousel-container .parent-el .two-col .has-content .box-info h1 {
            font-size: 1.8rem;
            letter-spacing: 2px;
            color: #fff;
            margin: 0;
            transform: translateY(100%);
            position: relative;
            transition: all 500ms ease;
            display: inline-block
        }

        .carousel-container .parent-el .two-col .has-content .box-info hr {
            margin: .5em 0;
            height: 1px;
            background: rgba(255,255,255,.2);
            border: 0;
            width: 0;
            max-width: 100%;
            transition: all 2500ms ease
        }

        .carousel-container .parent-el .two-col .has-content .box-info p {
            color: #fff;
            margin-top: 1rem;
            line-height: 1.8;
            transform: translateY(15px);
            position: relative;
            opacity: 0;
            transition: all 400ms ease
        }

        .carousel-container .parent-el .two-col .has-content .box-info .contenido {
            position: absolute;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%
        }

@media (max-width:767.98px) {
    .carousel-container .parent-el .two-col .has-content .box-info .contenido {
        position: relative;
        height: 360px;
        align-items: flex-start
    }
}

.carousel-container .parent-el .two-col .has-content .box-info .content {
    padding: 30px 6vw
}

@media (max-width:767.98px) {
    .carousel-container .parent-el .two-col .has-content .box-info .content {
        padding: 30px 2.5vw
    }
}

.carousel-container .parent-el .two-col .has-content .box-info .footer {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 11px 20px 10px;
    font-size: 12px;
    width: 100%
}

    .carousel-container .parent-el .two-col .has-content .box-info .footer:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        padding: 0 20px;
        background: rgba(0,0,0,.1)
    }

    .carousel-container .parent-el .two-col .has-content .box-info .footer:after {
        content: "";
        display: block;
        clear: both
    }

    .carousel-container .parent-el .two-col .has-content .box-info .footer .box-left .box-byuser .by, .carousel-container .parent-el .two-col .has-content .box-info .footer .box-left .box-byuser a {
        color: #e5e5ea
    }

@media (max-width:767.98px) {
    .carousel-container .parent-el .two-col .has-content {
        order: 2
    }

    .carousel-container .parent-el .two-col {
        display: flex;
        flex-direction: column
    }
}

.carousel-container .is-selected .parent-el .two-col .has-img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel-container .is-selected .parent-el .two-col .has-content .box-info h1 {
    transform: translateY(0);
    transition-delay: 400ms
}

.carousel-container .is-selected .parent-el .two-col .has-content .box-info .box-tagDate {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 400ms
}

.carousel-container .is-selected .parent-el .two-col .has-content .box-info hr {
    width: 100%;
    max-width: 100%;
    transition-delay: 500ms
}

.carousel-container .is-selected .parent-el .two-col .has-content .box-info p {
    transform: translateY(0);
    transition-delay: 500ms;
    position: relative;
    opacity: 1
}

    .carousel-container .is-selected .parent-el .two-col .has-content .box-info p:nth-of-type(2) {
        color: red;
        transition-delay: 700ms
    }

    .carousel-container .is-selected .parent-el .two-col .has-content .box-info p:nth-of-type(3) {
        transition-delay: 900ms
    }

.carousel-container .carousel-status {
    position: absolute;
    top: 0;
    color: #fff;
    padding: 15px 25px 25px 15px;
    background: rgba(0,0,0,.2);
    border-radius: 0 0 100%
}

    .carousel-container .carousel-status.status-right {
        right: 0;
        padding: 15px 15px 25px 25px;
        border-radius: 0 0 0 100%
    }

.carousel-container .flickity-button {
    background: rgba(0,0,0,.1)
}

.carousel-container .flickity-button-icon {
    fill: #fff
}

@media (max-width:767.98px) {
    .carousel-container .flickity-prev-next-button {
        top: 25%
    }
}

.truncate-slide-title {
    height: 75px
}

.truncate-slide-text {
    height: 68px
}

@media (min-width:992px) {
    .truncate-slide-text {
        height: 87px
    }
}

@media (min-width:1200px) {
    .truncate-slide-text {
        height: 136px
    }
}

.card-text {
    height: 50px
}

section.noticias {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px
}

    section.noticias h2 {
        font-size: 1.125rem;
        letter-spacing: 2px;
        line-height: 35px
    }

.envivo {
    border: 3px solid #adb5bd;
    margin: 20px;
    padding: 0;
    box-shadow: 0 1px 17px 3px #757575
}

    .envivo #on-air {
        padding: 8px
    }

        .envivo #on-air .live {
            border-radius: 4px;
            background-color: #000;
            display: inline-block;
            color: #f8f9fa;
            padding: 7px 7px 4px;
            font-family: sans-serif;
            font-style: italic;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 12px;
            line-height: 12px;
            letter-spacing: 1px;
            top: -1px;
            position: relative;
            background: red;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#131313", GradientType=0)
        }

        .envivo #on-air .warning {
            font-size: 20px;
            -webkit-animation-name: blinker;
            -webkit-animation-duration: 2s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-name: blinker;
            -moz-animation-duration: 2s;
            -moz-animation-timing-function: linear;
            -moz-animation-iteration-count: infinite;
            animation-name: blinker;
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            color: red
        }

.hero.content-banner.container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.hero, .hero-cell {
    height: auto
}

.hero-cell-bg {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1500/536;
    object-fit: cover;
    object-position: center center
}