.nav-link{
  color: rgba(255, 255, 255, 0.8) !important
}

.nav-link:hover{
  color: rgba(255, 255, 255, 1) !important
}

.bg-white{
background-color: white;
}

.bg-gray{
  background-color: #f8f9fa;
}
  
.bg-blue{
      background-color: #2c3e72;
  }

#nosotros, #proyectos, #contacto, #servicios{
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-align: justify; 
  text-justify: inter-word; 
}
#servicio{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
#contacto{
  /*background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);*/
  /* background-image: linear-gradient(to right top, #051937, #5d2e63, #b93e68, #f87048, #ffc107); */
  /* background-image: linear-gradient(to right top, #132f75, #112b6d, #102864, #0e245c, #0d2154, #0d2154, #0d2154, #0d2154, #0e245c, #102864, #112b6d, #132f75); */
}

h2{
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  /* letter-spacing: -.05rem; */
  /* color: #2c3e72; */
  /* color: #565F78; */
  text-align: center;
  margin-bottom: 2rem;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
img.banner{
  object-fit: cover;
  width: 100%;
}

img.blur{
  filter: blur(2px); 
  -webkit-filter: blur(2px);
  opacity: .7;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}
.carousel-caption h2{
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
  color: white
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: black;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
  
section .section-title{
	text-align:center;
  color: #2c3e72;
	margin-bottom:50px;
	text-transform:uppercase;
}

#what-we-do{
	background:#ffffff;
}
#what-we-do .card{
	padding: 1rem!important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
  border-left: 8px solid #2c3e72;
  min-height: 130px;
  cursor: pointer;
}
#what-we-do .card:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#what-we-do .card .card-block{
	padding-left: 50px;
    position: relative;
}
#what-we-do .card-title{
  color: #565F78;
}
#what-we-do .card .card-block a{
	color: #0d6efd !important;
	font-weight:700;
	text-decoration:none;
}
#what-we-do .card .card-block a i{
	display:none;
	
}
#what-we-do .card:hover .card-block a i{
	display:inline-block;
	font-weight:700;
	
}
#what-we-do .card .card-block:before{
	font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #2c3e72;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
    content: "\f0e7";
}
#what-we-do .card:hover .card-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);	
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
.box-part{
  background-color: white;
}
.box-part img{
  height: 200px;
}
.box-part h4{
  color: #565F78;
  padding: 0 5px;
}
.box-part a{
  color: #0d6efd !important;
  font-weight: 700;
  text-decoration: none;
}
.box-part:hover{
  border-radius: 5px;
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  /* background-color: #2c3e72; */
  color: white !important;
}

.featurette-heading {
  font-size: 30px;
  /* text-align: left; */
}

p.justified{
  text-align: justify; 
  text-justify: inter-word;
}

.list-check ul {
  list-style: none;
  padding: 0;
}
.list-check li {
  padding-left: 1.3em;
}
.list-check li:before {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

/* RESPONSIVE CSS
  -------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  
}

@media (min-width: 992px) { 
  .navbar-brand img {
    height: 55px !important;
  }
 }