@import "bootstrap.min.css";
@import "bootstrap-theme.min.css";
@import "font-awesome.min.css";
@import "owl.carousel.css";
@import "owl.theme.default.css";
@import "../js/vendor/fancybox/jquery.fancybox.min.css";

body {
    color: #000000;
}

a {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

.header {
    width: 100%;
   background: #ffffff;
    padding: 20px;
}

.header img.edit {
    width: 100px;
    display: inline;
}

.logo{
    width: 100px;
    margin-right: 20px;
}

.logos-educafin {
    margin-top: 1%;
    text-align: right;
}

.banner {
    width: 100%;
    background: #000000;
    overflow: hidden;
}

.menu {
    background: #1d1d1b;
    color: #ffffff;
}

.navbar-fixed {
    width: 100%;
    top: 0;
    z-index: 100;
    position: fixed;
}

.menu a {
    color: #ffffff;
    border-left: 1px solid #fc5c08;
    padding-left: 10px;
    font-size: 1.1em;
    margin-top: 6%;
    display: block;
    font-weight: bold;
}

.menu ul {
    list-style: none;
    display: flex;
    align-content: center;
    margin: 0;
}

.menu ul li {
    flex: 1;
    flex-direction: row;

}

.last-li {
    background: #fc5c08;
    padding: -15px;
}


.last-li .btn-inscribete {
    font-size: 1.4em;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    display: block;
    margin: 0;
}

.last-li .btn-inscribete span {
    font-size: .7em;
    display: block;
}

.bg-blue {
    background: #3a55ff;
    color: #ffffff;
}


h2.titulo {
    font-size: 6em;
    color: #0f1468;
    font-weight: bold;
    margin-top: 16%;

}

h2.style2 {
    background: #ffffff;
    display: inline-block;

    font-size: 6em;
    margin-top: 12%;
    padding: 30px 5% 30px 5%;



}

.texto-int {
    padding: 30px 15%;
    font-size: 1.4em;
}

.texto-int span {
    color: #fc5c08;
    font-weight: bold;
}

.btn-custom {
    background: #fc5c08;
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.somos-img {
    margin-top: 10%;
}

.flecha {
    color:#0f1468;
    font-size: 2em;
    text-align: right;
}

.beneficios h2 span{

    background: #0f1468;
    color: #ffffff;
    padding-left: 20%;
    padding-top: 50px;

}

.beneficios h2 {
    color: #0f1468;
    font-size: 8em;
    font-weight: bold;
    margin-top: -10px;

}

.wrap-beneficios {
    font-weight: 100;
    font-size: 2.6em;
    padding: 5% 15%;
    text-align: center;
}

.wrap-beneficios span {
    font-weight: bold;
    color: #0f1468;
    font-size: 1.4em;
}

.wrap-beneficios strong {
    color: #000000;
}

.btn-beneficios {
    margin: 40px 0;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 1.3em;
}

.btn-beneficios span {
    display: block;
    font-size: .8em;
}

.beneficios .img-beneficios {
    width: 90%;
    margin: auto;
}

.testimonios {
    background: #000000;
    padding: 40px 0 10% 0;
    text-align: center;
}

.link-testimonio {
    color: #ffffff;
    font-size: 1.5em;
    margin: 0 40px;
    text-transform: uppercase;
    font-weight: bold;
}


.testimonios .collapse {
    margin-top: 50px;
}

.testimonios .collapse .well {
    background: transparent;
    border: none;
}

.testimonios h2 {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 50px;
}

.testimonios .nav{
    text-align: center;
}

.testimonios .nav-tabs > li {
    display: inline-block;
    float: none;
}

.testimonios .nav li a, .testimonios .nav li a:active, .testimonios .nav li a:focus, .testimonios .nav li a:hover {
    background: none;
    border: none;
}

.testimonios .nav li.active a {
    color: #3a55ff;
}

.multi-item-carousel {
    overflow: hidden;

}
.multi-item-carousel img {
    height: 100%;
    width: 100%;
    padding: 20px;
}
.multi-item-carousel .carousel-control.left,
.multi-item-carousel .carousel-control.right {
    width: 25%;
    font-size: 10em;
    padding-top: 10%;
}
.multi-item-carousel .carousel-inner {
    width: 150%;
    left: -25%;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    -webkit-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-33%, 0, 0);
    transform: translate3d(-33%, 0, 0);
}
.item__third {
    float: left;
    position: relative;  /* captions can now be added */
    width: 33.33333333%;
}

.banner-interior {
    width: 100%;
    min-height: 300px;
    margin-bottom: 100px;
}

.bannercolombia {
    width: 100%;
}

.footer {
    background: url("../img/foother-100.jpg") #0f1468;
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x;
    height: 150px;
}

h1.maintitle {
    color: #3a55ff;
    font-size: 5em;
    font-weight: bold;
    padding: 5% 5% 0 5%;
}

h1.maintitle span {
    color: #fc5c08;
    display: block;
}

h1.maintitle.style2 {

    font-size: 4em;
    padding: 0;

}

.mt-1 {
    margin-top: 50%;
}

.mt-2 {
    margin-top: 30%;
}

.mt-10 {
    margin-top: 5%;
}

.img-act-manizales {
    width: 33%;
    display: inline-block;
}

.container_small {
    width: 90%;
    max-width: 860px;
    margin: auto;
}

.parrafo-interior {
    padding: 10% 5%;
    font-size: 1.3em;
}

.interior h3 {
    color: #3a55ff;
    font-weight: bold;
    font-size: 2.7em;

}


.interior h3 span{
    font-weight: 100;
    display: block;
    text-transform: uppercase;
}


.interior h3.style2 span{
    color: #fc5c08;
    font-weight: bold;
    text-transform: lowercase;

}

.no-padding {
    padding: 0;
}

.detail-line {
    background: #fc5c08;
    height: 2px;
    width: 100px;
    margin-bottom: 40px;
}

.parrafo-blockquote {
    margin: 5% 10%;
    padding: 40px 10%;
    border-top: 2px solid #6e9acf;
    border-bottom: 2px solid #6e9acf;
    font-size: 1.3em;
}

.interior .titulo-centrado {

    padding: 0 35%;
    margin: 5% 0;
}

.interior .titulo-centrado h3{
    font-size: 3em;
}

.banner2 {
    background: url("../img/stock-2.jpg");
    background-size: cover;
    background-position: center;
    height: 550px;
}

.banner3 {
    background: url("../img/stock-5.jpg");
    background-size: cover;
    background-position: center;
    height: 150px;
}

.mt-12 {
    margin-top: 12em;
}

.parrafo-interior2 {

    padding: 0 5% 10% 5%;
    font-size: 1.3em;
}

.parrafo-interior3 {
    font-size: 1.6em;
}

.squares {
    margin-left: 30%;
}


.squares2 {
    margin-left: 50%;
}

.formulario {
    padding: 4% 0;

}

.padding-5 {
    padding: 5%;
}

label.error {
    background: chocolate;
    color: #ffffff;
    border-radius: 5px;
    font-size: 11px;
    padding: 3px 10px;
}

.titulo2 {
    font-size: 4em;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 50px 0;
    display: block;
}

.group-section {
    width: 100%;
    display: table;
    text-align: center;
}

.main-logo {
    text-align: left;
}


.d-block {
    display: block;
    color: #c4c4c4;
    font-weight: 300;
}


.banner-proyectos {
    background: url("../img/banner-proyectos.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    padding: 30px 0;
    text-align: center;
    color: #ffffff;
}

.banner-proyectos h2 {
    font-weight: bold;
    font-size: 4em;
}

.proyectos .fecha_actual .label-titulo {
    margin-right: 20px;
}

.proyectos .fecha_actual, .proyectos .lugares {
    display: flex;
    align-items: center;


}

.proyectos .centrar, .proyecto-info .centrar {
    display: inline-block;
    margin: 30px 0;
}

.proyectos .fecha_actual .label-titulo, .proyectos .fecha_actual .label-fecha {
    flex-direction: column;
}

.proyectos .label-fecha li{

    width: 45px;
    height: 45px;
    border: 1px solid #a2c7e9;
    display: inline-block;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    margin: 0 5px;
}

.proyectos .label-fecha li span{
    font-size: 9px;
    font-weight: normal;
    display: block;
}

.proyectos .lugares ul, .proyecto-info .lugares ul {
    display: flex;
}

.proyectos .lugares li, .proyecto-info .lugares li {
    flex-direction: row;
    font-size: 14px;
    margin: 10px 30px;

}

.proyectos .lugares li span, .proyecto-info .lugares li span.cantidad {

    font-size: 3.5em;
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;

}

.proyectos .lugares li span.cantidad-proyectos, .proyecto-info .lugares li span.cantidad{
    border: 2px solid #fc5c08;
}

.proyectos .lugares li span.cantidad-lugares{
    border: 2px solid #a2c7e9;
}

.proyectos .listado-proyectos {
    background: #f5f6f7;
}


.proyectos .listado-proyectos ul {

    padding: 40px 0;
}

.proyectos .listado-proyectos ul li{

    margin-bottom: 30px;

}

.proyectos .listado-proyectos li .imagen {
    min-height: 300px;
    overflow: hidden;
    position: relative;

}


.proyectos .listado-proyectos li .hover{
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 2;
    text-align: right;
    padding: 0 15px;
    display: none;
    transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;

}

.proyectos .listado-proyectos li:hover .hover {
    display: block;
}

.proyectos .listado-proyectos li .hover .chavos-img{
    width: 100%;
    height: 290px;
    background: url(../img/hover_proyecto.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

}

.proyectos .listado-proyectos .btn-custom, .proyecto-info .btn-custom {
    border: 1px solid #ffffff;
    border-radius: 30px;
    padding: 5px 15px;
    color: #ffffff;
    display: inline-block;
    margin: 10px 5px;
}





.proyectos .listado-proyectos li:nth-child(even) .imagen {
    background: url(../img/bg-proyecto_par.jpg);
    background-size: cover;

}

.proyectos .listado-proyectos li:nth-child(odd) .imagen {
    background: url(../img/bg-proyecto_impar.jpg);
    background-size: cover;

}

.proyectos .listado-proyectos li .fondo_title {
    width: 120%;
    height: 140px;
    display: block;
    margin-top: -40px;
    margin-left: -20px;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

.proyectos .listado-proyectos li .nombre-proyecto {
    width: 50px;
    font-size: 2.5em;
    font-weight: bold;
    color: #ffffff;
    padding: 10px;
    position: absolute;
    top: 10px;
    left: 15px;
    line-height: 1.2em;
}

.proyectos .listado-proyectos li:nth-child(even) .fondo_title {
    background: #a2c7e9;

}


.proyectos .listado-proyectos li:nth-child(odd) .fondo_title {
    background: #166897;

}

.proyectos .listado-proyectos li .info {

    padding: 10px;
    background: #ffffff;

}

.proyectos .listado-proyectos li .info .lugar{

    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;

}


.proyectos .listado-proyectos li .cupo-proyecto {

    border-top: 1px solid #c4c4c4;
    font-size: 10px;
    text-align: center;
    background: #ffffff;

}

.proyectos .listado-proyectos li .borde-si {
    border-right: 1px solid #c4c4c4;
    height: 40px;


}

.paddingTop10 {
    padding: 10px 0;
}

.proyectos .listado-proyectos li .cupo-proyecto i{

    font-size: 16px;

}

.proyectos .listado-proyectos li .cupo-proyecto.lleno {
    color: #c77d6a;
}

.proyectos .listado-proyectos li .cupo-proyecto.disponible {
    color: #166897;
}

.proyectos .listado-proyectos li .cupo-proyecto span.text-dark {
    color: #211915 !important;
}

.proyectos .listado-proyectos li .cupo-proyecto .label-cupo {
    background: #c4c4c4;
    border-radius: 30px;
    padding: 5px 15px;
    display: inline-block;
    color: #ffffff;
}

.proyectos .listado-proyectos li .cupo-proyecto.lleno .label-cupo {
    background: #c77d6a;
}

.proyectos .listado-proyectos li .cupo-proyecto.disponible .label-cupo {
    background: #166897;
}


.proyecto-info .banner-proyectos h3 {
    color: #ffffff;
    font-size: 3.6em;
}

.proyecto-info h3 span.lugar{
    font-size: 15px;
    text-transform: uppercase;
    display: inline;
    font-weight: bold;

}

.proyecto-info h4 {

    font-weight: 300;
    font-size: 2em;

}

.proyecto-info h4 span.fecha{
    font-size: 15px;
    display: inline;
    font-weight: 400;
    margin-left: 30px;

}

.proyecto-info .lugares span.small {
    font-size: 13px;
    display: block;
    font-weight: 400;
    margin-top: -10px;
}

.proyecto-info .banner-proyectos {

    padding-bottom: 0;

}

.proyecto-info h2 {
    font-size: 5em;
    font-weight: 900;
}

.proyecto-info h3 span.yellow {
    color: #ebdc5e;
    font-weight: 400;
    text-transform: lowercase;
}

.contenido-proyecto {
    font-size: 1.4em;
    padding: 10% 0;
}

.contenido-proyecto  > .rowflex{

    display: flex;

}

.bg-panoramicahidro {
    width: 100%;
    background: url("../img/hidro.png");
    background-size: cover;
    background-position: center;
    flex: 1;
}

.bg-banner-hidro {
    width: 100%;
    background: url("../img/banner-hidro.jpg");
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

.bg-museo {
    width: 100%;
    background: url("../img/museo.jpg");
    background-size: cover;
    background-position: center;
    flex: 1;
}

.bg-banner-museo {
    width: 100%;
    background: url("../img/banner-museo.jpg");
    background-size: cover;
    background-position: center;
    min-height: 300px;
}


.bg-conferencia {
    width: 100%;
    background: url("../img/conferencia.jpg");
    background-size: cover;
    background-position: center;
    flex: 1;
}

.item-itinerario {
    margin: 30px 0;
}

.item-itinerario-content {
    background: #166897;
    color: #ffffff;
    margin: 15px 0;
    padding: 20px 0;
}

.item-itinerario .nombre_proyecto {
    font-size: 1.5em;
}

.fixed-help {
    right: 10px;
    bottom: 10px;
    position: fixed;
    background: #dbdbdb;
    padding: 20px;
    color: #333333;
}

.fixed-help h4 {
    color: #166897;
    font-weight: bold;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.8);

}

.content_overlay {
    width: 100vw;
    max-width: 800px;
    height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 3;
    color: #f8f8f8;
    margin: auto;
    font-size: 1.4em;

}

.content_overlay a {
    color: #2aabd2;
}



.content_overlay h2{
    color: #EDD453;
    letter-spacing: 3px;
}

@media screen and (max-width: 700px) {

    .navbar-fixed {
        position: static;
        top: auto;
    }

    .header {
        padding: 10px;
    }

    .header .main-logo, .logos-educafin{
        text-align: center;
    }

    .header .main-logo .logo {
        width: 60px;
    }

    .header img{
        display: inline-block;
        max-width: 100%;
    }

    .header img.edit{
        width: 70px;
    }

    .menu ul {
        display: contents;
    }

    .menu a {
        text-align: center;
        margin: 20px 0;
    }

    h1.maintitle {
        font-size: 3em;
    }

    h2.style2 {
        text-align: center;
        font-size: 2em;
    }

    .interior h3 {
        font-size: 2em;
    }

    .beneficios h2 {
        font-size: 4em;
    }

    .wrap-beneficios {
        font-size: 1.5em;
    }

    .footer {
        height: 100px;
    }

    .interior .titulo-centrado {
        padding: 0 10%;
    }

    .interior .titulo-centrado p {
        font-size: 1.3em;
    }

    .multi-item-carousel .carousel-control.left,
    .multi-item-carousel .carousel-control.right {

        font-size: 4em;
        padding-top: 40%;

    }


    .item__third {
        float: left;
        position: relative;  /* captions can now be added */
        width: 100%;
    }


    .proyecto-info h2 {
        font-size: 3em;
    }

    .item-itinerario .proyecto-info h2 {
        font-size: 1em;
    }

    .banner-interior {

        height: 100px;
        margin-bottom: 20px;
    }

    .banner-interior.bannercolombia {
        background: url("../img/banner_colombia.jpeg");
        background-size: contain;
        background-position: center;
    }
    .mt-2, .mt-1 {
        margin-top: 5%;
    }

    .img-act-manizales {
        width: 100%;
    }



}