/* -------------------------------------- General -------------------------------------- */

html,
body {
    width: 100%;
    height: 100%;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;

}

hr {
    max-width: 30px;
    border-color: #5FB6DA;
    border-width: 2px;
    margin-bottom: 50px;
}

hr.light {
    border-color: #fff;
}

a {
    color: #5FB6DA;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}


a:hover,
a:focus {
    color: #096A91;
    text-decoration: none;
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
}

p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
}

aside {
    padding: 50px 0;
}

ul, li {
    padding-left: 0px;
}

.no-padding {
    padding: 0;
}

/* --------------NEW ------------------------------*/

/* -------------- NAVBAR -----------------------*/


.navbar-style{
    background-color: #fff;
}

/* ------------------------ INDEX ------------------------- */


.ppl-title-index{
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    padding-top: 50px;
}

.section-ppl-index{
    padding-top: 120px;
}

.section-ppl-index a, .contact-index{
    color: #5FB6DA;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
}

.section-ppl-index a:hover{
    color: #096A91;
    font-weight: 400;    
}

.social i{
    height: 30px;
    width: 30px;
    font-size: 18px;
    padding: 4px 25px;
    color: #5FB6DA;
    transition: all 0.5s;
}

.social{
    padding-inline-start: 0px;
    padding-bottom: 50px;
}


.social li{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.portfolio h2{
    font-size: 18px;
    font-weight: 300;
    background-color: #555555;
}

.clientes{
    text-decoration: none;
}

.clientes li{
    display: inline;
    text-align: center;
}

.clientes img{
    width: 400px;
}

/* --- Habilidades ---*/

.habilidades{
    text-decoration: none;
    padding-top: 20px;
    list-style: none;

}

.habilidades li{
    text-align: center;
    font-weight: 300;
    line-height: 2;
}

/* Quote */

.quote {
    background-color: #F6F6F6;
    padding: 80px;
    margin-top: 80px;
}

.quote-text{
    color: #000000;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
}

.author{
    color: #000000;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    font-style: italic;
}

.botones{
    text-align: center;
}

.btn{
    border: 0;
    border-radius: 300px;
    text-transform: uppercase;
    color:#fff;
}

.btn-default{
    background-color: #5FB6DA;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 10px 20px;
    margin: 20px 10px;
}

.btn-default:hover{
    color: #fff;
    background-color: #096A91;
    text-decoration: none;
    font-weight: bold;
}

/* -------------- SECTION 1: DESCRIPCIÓN DEL PROYECTO -----------------------*/


.margen-20{
    padding: 0 20px 0 20px;
}

.ppl-title{
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding-top: 80px;
}

.ppl-text{
    font-size: 15px;
    text-align: center;
    padding-top: 20px;
}

.iconos-stores ul{
    text-decoration: none;
    text-align: center;
}

.iconos-stores li{
    display: inline-block;
    padding: 40px;
    text-align: center;
}

.rol{
    font-size: 15px;
    text-align: center;
    padding-top: 30px;
}

.rol-project{
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.imagen{
    padding-top: 80px;
}

.portfolio2{
    padding-bottom: 50px;
}

.jobs{
    text-align: center;
    padding-left: 0px;
}


.jobs ul{
    text-align: center;
    text-decoration: none;
    padding-left: 0px;
}

.jobs li{
    display: inline-block;
    padding: 10px;
    margin: 15px;
    background-color: #E7F2F6;
    font-weight: 300;
}

.solutions{
    padding: 0;
}


.solutions ul{
    text-decoration: none;
    padding-left: 0px;
}

.solutions li{
    display: inherit;
    text-align: center;
    padding: 10px;
    font-weight: 300;
}

.margen-video{
    margin-top: 100px;
}

.ppl-impacto{
    font-size: 18px;
    text-align: center;
    padding-top: 20px;
}


.impacto-otros ul{
    text-align: center;
    text-decoration: none;
    padding-left: 0px;
}

.impacto-otros li{
    padding: 10px;
    margin: 15px;
    background-color: #E7F2F6;
    font-weight: 300;
}

.cita{
    font-size: 14px;
    font-weight: 300;
}

.linkexterno{
    color: #5FB6DA;
    text-align: center;
    font-size: 18px;
    font-weight: 300;    
}

.linkexterno:hover{
    color: #096A91;
    font-weight: 400;    
}
}


footer{
    text-align: center;
    margin-top: 100px;
}


.margen-footer{
    text-align: center;
    margin-top: 100px;
}

.footer-text{
    font-size: 22px;
    font-weight: 300;
}

footer a{
    color: #5FB6DA;
    text-align: center;
    font-size: 24px;
    font-weight: 300;    
}

footer a:hover{
    color: #096A91;
    font-weight: 400;    
}

.footer-sub{
    font-size: 15px;
    text-align: center;
    padding-top: 30px;
}

.img-footer{
    text-align: center;
    padding: 10px 10px 50px 10px;
}