<style>
  body {
    font: 400 15px/1.8 Lato, sans-serif;
    color: #777;
  }

  h3, h4 {
    margin: 10px 0 30px 0;
    letter-spacing: 10px;      
    font-size: 20px;
    color: #111;
  }

  .container {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    
  }

p{
    color: #fff;
    font-size: 25px;
}

   /*.band{padding:10rem 0;background:linear-gradient(to bottom,rgba(12,12,12,.1) 0,rgba(2,22,22,.5) 75%,#161616 100%),url(../imagenes/camion.jpeg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover; opacity: 0.9;}*/

  .carousel-caption h3 {
    color: #fff !important;
  }

  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }

  .bg-1 {
    background: #034f84;
    color: #bdbdbd;
  }


  .bg-1 h3 {
    color: #fff;
  }
  .bg-1 p {
    font-style: italic;
  }

  .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Remove border and add padding to thumbnails */
.thumbnail {
  padding: 0 0 15px 0;
  border: none;
  border-radius: 0;
}

.thumbnail p {
  margin-top: 15px;
  color: #000;
}

/* Black buttons with extra padding and without rounded borders */
.btn {
  padding: 10px 20px;
  background-color: #034f84;
  color: #f1f1f1;
  border-radius: 0;
  transition: .2s;
}

/* On hover, the color of .btn will transition to white with black text */
.btn:hover, .btn:focus {
  border: 1px solid #f1f1f1;
  background-color: slategray;
}  

  .modal-header, h4, .close {
    background-color: #333;
    color: #fff !important;
    text-align: center;
    font-size: 30px;
  }

  .modal-header, .modal-body {
    padding: 40px 50px;
  }

  .nav-tabs li a {
    color: #2d2d30;
  }

  /* Add a dark background color with a little bit see-through */
.navbar {
  margin-bottom: 0;
  border: 0;
  font-size: 15px !important;
  letter-spacing: 4px;
  opacity: 0.9;
}
/* fondo menu */
.container-fluid{
   background-color: white;
}

/* letra menu */
.navbar li a, .navbar .navbar-brand {
  color: #000 !important;
}

/* cambio color letra al pasar mouse */
.navbar-nav li a:hover {
  color: #034f84!important;
}

/* cambio de color al posicionar en seccion */
.navbar-nav li.active a {
  color: #fff !important;
  background-color:#034f84!important;
}

/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
  border-color: transparent;
}

/* color celda "Mas" al presionar */
.open .dropdown-toggle {
  color: #fff;
  background-color: darkgray!important;
}

/* color letra desplegable */
.dropdown-menu li a {
  color: #000 !important;
}

  footer {
    background-color: #fff;
    color: #2d2d30;
    padding: 32px;
  }
  footer a {
    color: #2d2d30;
  }
  footer a:hover {
    color: #2d2d30;
    text-decoration: none;
  }  
  .form-control {
    border-radius: 0;
  }
  textarea {
    resize: none;
  }

  @media (max-width: 500px) {
  video {
     display: none !important;
      }
  }
      
  @media (max-width: 500px) {
  iframe {
      width: 350px;
      height:200
      }
  }

  @media (max-width: 500px) {
  #logo {
     display: none;
      }
  }

   @media (min-width: 600px) {
  #icono {
     display: none;
      }
  }

#infra span{
    font-size: 35px;
}

  .testimonials{padding:10rem 0;background:linear-gradient(to bottom,rgba(12,12,12,.1) 0,rgba(2,22,22,.5) 75%,#161616 100%),url(../imagenes/header_one.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
   
  #tour{
        background-image: linear-gradient(#034f84,#fff);
    }

   /*#Nosotros{
        background-image: linear-gradient(#034f84,#66757F);
    }*/

#Nosotros{padding:10rem 0;background:linear-gradient(to bottom,rgba(12,12,12,.1) 0,rgba(2,22,22,.5) 75%,#161616 100%),url(../imagenes/FONDOFRIOMEX33.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
   

  #band{
        background-image: linear-gradient(#034f84,#66757F);
    }

  /*#66757F,#034f84,#161616*/

  .testimonials{
      color: #fff;
   }
 
#modal{
 background-color: #fff;   
}

#modal h3{
 color: #000;   
}
/*--------------------------------------------------------------------------------------------------------------------*/
.carousel-inner img {
  /*-webkit-filter: grayscale(90%);
  filter: grayscale(90%);  make all photos black and white */
  width: 800px; /* Set width to 100% */
  height: 400px
 
}

.carousel-caption h3 {
  color: #fff !important;
}

@media (max-width: 600px) {
  .carousel-caption {
    display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
  }
}

img.zoom {
    width: 350px;
    height: 200px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(2.8); 
    -moz-transform: scale(2.8);
    -o-transform: scale(1.8);
    transform: scale(2.8);
}

img{
    max-width:100%;
}


.slideanim {visibility:hidden;}
.slide {
  /* The name of the animation */
  animation-name: slide;
  -webkit-animation-name: slide;
  /* The duration of the animation */
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  /* Make the element visible */
  visibility: visible;
}

@keyframes slide {
  0% {
    opacity: 0;
    transform: translateY(70%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-webkit-keyframes slide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}


  </style>