.navbar {
    height: 100px;
    background-color: #f2f2f2;
    
    -webkit-border-image: -webkit-linear-gradient(
        left,
        rgba(66,29,184) 1%,
        rgb(66,29,184) 50%,
        rgb(0,255,255) 100%
    ) 0 0 100% 0/0 0 5px 0 stretch;
    -moz-border-image: -moz-linear-gradient(
        left,
        rgba(66,29,184) 1%,
        rgb(66,29,184) 50%,
        rgb(0,255,255) 100%
    ) 0 0 100% 0/0 0 5px 0 stretch;
    -o-border-image: -o-linear-gradient(
        left,
        rgba(66,29,184) 1%,
        rgb(66,29,184) 50%,
        rgb(0,255,255) 100%
    ) 0 0 100% 0/0 0 5px 0 stretch;
    border-image: linear-gradient(
        to left,
        #421DB8 1%,
        rgb(66,29,184) 50%,
        rgb(0,255,255) 100%
    ) 0 0 100% 0/0 0 5px 0 stretch;
}


.container {
    width: 950px;
}

.carousel-item {
    height: 88vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*
#carouselExampleIndicators2 > .carousel-item {
    height: 88vh;
    min-height: 100px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/

 
.carousel-indicators li {
    height: 10px;
    max-width: 10px;
    border-radius: 10px;
}

.carousel-indicators .active {
    background-color: rgb(52, 60, 130);
}
/*Indicadores*/

.overlay-header {
    position: absolute;
    bottom: 26%;
    left: 61%;
    z-index: 20;
    color: white;
}

.overlay-header-events {
    position: absolute;
    bottom: 120%;
    left: -3%;
    z-index: 20;
    color: white;
}

.overlay-hero {
    position: absolute;
    bottom: -20%;
    left: 50%;
    z-index: 20;
    color: white;
}

.overlay-img-learnmore {
    position: absolute;
    bottom: -30%;
    left: 42%;
    z-index: 20;
    color: white;
}

.overlay-img-circulos {
    position: absolute;
    bottom: -68%;
    left: 50%;
    z-index: 20;
    color: white;
}

.overlay-img-herolink1 {
    position: absolute;
    bottom: -21%;
    left: 55%;
    z-index: 20;
    color: #3F3F41;
}

.overlay-img-herolink2 {
    position: absolute;
    bottom: -33%;
    left: 58%;
    z-index: 20;
    color: #3F3F41;
}

.overlay-img-herolink3 {
    position: absolute;
    bottom: -50%;
    left: 59%;
    z-index: 20;
    color: #3F3F41;
}

.overlay-img-herolink4 {
    position: absolute;
    bottom: -68%;
    left: 57%;
    z-index: 20;
    color: #3F3F41;
}

.overlay-img-herolink1 > p{
    font-size: 26px;
    margin-top: -21px;
}


.text-header > h1 {
    font-size:25px;
    line-height: 0.9em;
    color: #7c7777;
}

.text-header > p {
    font-size: 18px;
    line-height: 1.4em;
    color: #7c7777;;
    text-align: right;
    padding-right: 7px;
}

.text-hero > p {
    font-size: 23px;
    margin-top: -20px;
    color: #1B1B1E;
}

.text-hero > p:hover {
    color: rgba(209, 202, 202, 0.77);
}

footer {
    background-color: #6c6d70;
    color: #DADADA;
}

#t-img {
    left: 33%;
}

#copy-right {
    background-color: #6c6d70; 
    color: #DADADA;
}

/*LINKS*/
.c-link {
    color: #1B1B1E;
    text-decoration: none;
}
.c-link:link {
    color: #1B1B1E;
    text-decoration: none;
}

.c-link:visited {
    color: #1B1B1E;
    text-decoration: none;
}
.c-link:hover {
    color: rgba(209, 202, 202, 0.77);
    text-decoration: none;
}

.bio {
    color: #DADADA;
    text-decoration: none;
}
.bio:link {
    color: #DADADA;
    text-decoration: none;
}

.bio:visited {
    color: #DADADA;
    text-decoration: none;
}
.bio:hover {
    color: rgba(209, 202, 202, 0.77);
    text-decoration: none;
}


.img-container {
    position: relative;
    width: 50%;
}

.imagen {
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;
}
.img-container:hover .imagen {
    opacity: 0.3;
}

.img-container:hover .imagen {
    opacity: 0.3;
}


.img-margin {
    margin-top: 6px;
}


.text-link {
    font-size: 13px;
}

.img-link {
    width: 100%; 
    vertical-align: middle; 
    margin-bottom: 0.75; 
    margin-top: -24px;
}

.link-externo {
    color:#8c8989;
    text-decoration: none !important;
}

.link-externo:hover, .link-externo:visited, .link-externo:active {
    color:#524F4F;
}

.mypadding {
    padding-top: 50px;
}