@font-face {
    font-family: 'SourceSansPro';
    src: url('../fonts/SourceSansPro-Light.otf');
    src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../fonts/SourceSansPro-Bold.otf');
    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas';
    src: url('../fonts/BebasNeue-Regular.otf');
    src: url('../fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    overflow-x: hidden;
 }



#preloader{
    height: 100vh;
   }



.navegador a{
    font-family: 'SourceSansPro';
}



#home{
    background-color: #fff;
    height: 50vw;
}


.text-about h5{
      
      font-family: 'SourceSansPro';
      color: #494949;
    
}

#recuadro{
    background-color: #fff;
    height: auto;
    width: 100%;
}

strong{
    color: #172C43;
   }


.text-trap{
    padding-top: 20%;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.0);
}

.contenedor h1 {
   font-size: 45px;
   font-family: 'SourceSansPro-Bold';
   }




.btn-light{
    border-color: #494949;
   }

.about-us h3{
    font-family: 'SourceSansPro-Bold' ;
}



#services{
    height: auto;

}

#clientes{
    background-color: whitesmoke;
    height: 100vh;
}


section{
    height: 50vw;
}


.text-carousel h3{
    margin-top: -110px;
}


.photo-service img{
    width: 30vw;
    height: 40vw;
}

.text-services{
    height: 60px; 
    background-color: #172C43;
    border-color: whitesmoke;
}

.col-service{
    height: 80px; 
    background-color: #fff;
 
}

.carousel-control-next-icon{
    color: #172C43;
}


.btn-serv{
height: 60px;
background-color: rgba(0,0,0,.3) ;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
    }

    .btn-serv:hover {
        background: #2079b0;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
  
      }

.text-curvo{
    color: #172C43;
    font-size: 14px;
}

.boton{
    font-size: 1em;
}

#contacto{
    background-color: #172C43;
    height: auto;
}

.footer{
    background-color: #172C43;
    height: auto;
   
}

#testimonios{
    height: auto;
}

#empresa{
    height: auto;
}

.empresa h5{
    color: #172C43;
  }

#elegir{
    height: 100vh;
    background-image: url(../images/eligenos/bg-elegir.jpg);
    background-size: cover;
}


@media (min-width:990px){

    .trapecio {
        width: 45%;
        height: 0;
        border-right: 200px solid transparent;
        border-left: 0px solid transparent;
        border-bottom: 100vh solid rgba(23,44,67,0.95);
    }

    

#home{
    height: auto;
    width: 100%;
    background-image: url(../images/home/background.jpg);
    background-size: cover;

}
.carousel-control-next{
    right:-220px;
}

.carousel-control-prev{
    left:-220px;
}


.text-eligenos h5{
    color: #172C43;
}

.text-resultados h5{
    color: #172C43;
}

.text-final p{
    color: #172C43;
}

}

@media (max-width:991px){

  
#home{
    background-color: #172C43;
    height: auto;

}

#somos{
    height: auto;
}

#clientes{
    height: auto;
}

.text-home h1{
    font-size: 20px;
}

.boton{
    font-size: 12px;
}

.btn-serv{
    height: 120px;
    background-color: rgba(0,0,0,.3) ;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
        }
    
        .btn-serv:hover {
            background: #2079b0;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
      
          }

          #elegir{
            height: auto;
            background-image: url(../images/eligenos/bg-elegir.jpg);
            background-size: cover;
        }
        

        .text-eligenos h5{
            color: #fff;
        }


        .text-resultados h5{
            color: #fff;
        }

        .text-final p{
            color: #fff;
        }

    }