div.row{
   margin-right: 0px;
}

div.container-fluid{
   padding-right: 0px;
}

.centrar{
   margin-left: 30px;
   margin-right: 30px;
}

.site-logo {
  height: 170px;

display:flex;
flex-direction: row;
flex-wrap: wrap;

justify-content: center;
align-items: center;
} 

.center {
    margin-left: auto;
margin-right: auto;
}

.centro {
  display:flex;
	margin-left: auto;
margin-right: auto;
}

.nav-link {color: white !important; 
	justify-content: center;

}

.nav-link:hover {color: black  !important;}

.logo1 {
	width: 300px
}

.px-4 {
  max-height: 100px;
}
.logoeramet {
   margin-top: 50px;
	 ;
}

.gris {
	background-color: #e8eaf6 ;
}


.banner {
min-height: 25px;

}

.centro {
	text-align: center; 
}

.borde-logo {
	border-radius: 40% 40% 0% 40%;
}

.navbar {
justify-content: center;
margin-left: auto;
margin-right: auto; 
  display:flex;
background-color: #456bb2
}



.backrground-yellow {
background-color: #FFFFE9; 
	border-radius: 2% 2% 2% 2%;
;
}

.activo {
background-color: RGB(23, 52, 142 , 0.04) ;
}
.backrground-nav {
    background-color: RGB(23, 52, 142 , 0.05) ;
}


.backrground-nav2 {
    background-color: RGB(23, 52, 142 , 0.2) ;
}

.top-nav-collapse {
	background-color: RGB(23, 52, 142 , 0.9) ;

}

.navbar-collapse {
margin-left: auto !important;
margin-right: auto !important;
}


body {
  padding-top: 0rem;
  padding-bottom: 0rem;
  color: #5a5a5a;
  overflow-x: hidden;
}

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

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
/* RESPONSIVE CSS
-------------------------------------------------- */
/* Full Page Carousel itself*/
.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }


  .featurette-heading {
    font-size: 50px;
      margin-top: 1rem
  }

@media (min-width: 62em ) {
  .featurette-heading {
    margin-top: 7rem;
  }


.wow {
  visibility: hidden;
}


 .timeline {
        position: relative;
        list-style: none;
        padding: 1rem 0;
        margin: 0;
      }

      .timeline::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 2px;
        margin-left: -1px;
        background-color: #50a1ff;
      }

      .timeline-element {
        position: relative;
        width: 50%;
        padding: 1rem 0;
        padding-right: 2.5rem;
        text-align: right;
      }

      .timeline-element::before {
        content: '';
        position: absolute;
        right: -8px;
        top: 1.35rem;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid #50a1ff;
        background-color: #fff;
      }

      .timeline-element:nth-child(even)::before {
        right: auto;
        left: -8px;
      }

      .timeline-element:nth-child(even) {
        margin-left: 50%;
        padding-left: 2.5rem;
        padding-right: 0;
        text-align: left;
      }

      @media (max-width: 767.98px) {
        .timeline::before {
          left: 8px;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element {
          width: 100%;
          text-align: left;
          padding-left: 2.5rem;
          padding-right: 0;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element::before {
          top: 1.25rem;
          left: 1px;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element:nth-child(even) {
          margin-left: 0rem;
        }
      }

@media (max-width: 800px) {
        .nav-icono {
          display: none !important;
          }
        }


      @media (max-width: 767.98px) {
        .timeline-element {
          width: 100%;
          text-align: left;
          padding-left: 2.5rem;
          padding-right: 0;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element:nth-child(even)::before {
          left: 1px;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element::before {
          top: 1.25rem;
        }
      }