@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

body{
    font-family: 'Roboto', sans-serif;
}

/* colores */
.color-corp-1{
    color:  #0082cc;
}
.color-corp-2{
    color  :#00b3e3;
}
.color-corp-3{
    color:  #b2bcaf;
}
.color-corp-4{
    color:  #555559;
}

/* Decoracion */

.incline{
    font-style: italic;
}

li.nav-item {
    margin:10px 25px;
}
.nav-item a{
    color: #555559;
    transition: all 0.3s ease 0s; 
}
 .nav-item a:hover{
    color: #0082cc;
}
.btn-cta{
        font-size: 16px;
        display: inline-block;
        background: #0082cc;
        letter-spacing: 1px;
        line-height: 15px;
        padding: 20px 30px!important;
        color: white!important;
        border-radius: 40px;
        transition: all 0.3s ease 0s;   
      }
      
      .btn-cta:hover {
        color: #FFF;
        background:#00b3e3;
        text-decoration: none;
      }

.btn-cta-outline{
        font-size: 16px;
        border:solid 1px white;
        background-color: transparent;
        letter-spacing: 1px;
        line-height: 15px;
        padding: 20px 50px!important;
        color: white!important;
        border-radius: 40px;
        transition: all 0.3s ease 0s;   
      }
      
      .btn-cta-outline:hover {
        color: #FFF;
        background:#00b3e3;
        text-decoration: none;
      }

#header-index{
    background-image: url('assets/img/bg-header-index.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    /* max-height: 70vh; */
}

#servicios{
    background-color: #0082cc;
    padding: 30px 0;
}
#nosotros{
    padding: 30px 0;
}
#clientes .block-text{
    padding: 120px 60px;
    background-color:#00b3e3;
    height: 60vh;
}
#calltoaction{
    background-color: #0082cc;
    padding: 30px 0;
}
footer{
    padding: 70px 0px;
    background-color:#333333;
}

#header-page{
    height: 330px;
}
.title-page{
    background-color:#00b3e3;
    padding: 50px;
    color: white;

}
.alinear{
    top:100px;
    right: 120px;
}