body {
 color: #101820;
 font-family: 'Ubuntu', sans-serif;
}

a {
 color: #101820;
 text-decoration: none;
 transition: .3s ease-in-out;
}

a:hover {
 color: #ff2b00;
 text-decoration: none;
 transition: .3s ease-in-out;
}

#help-container {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: .9em;
    z-index: 300;
    cursor: pointer;
}

.fa-stack-2x {
	color: #00E676;
  transition: 0.3s ease-in-out;
}

.fa-inverse {
  color: #fff;
}

.fa-stack:hover .fa-stack-2x {
  color: #00aa57;
  transition: 0.3s ease-in-out;
}

.btn:focus {
  box-shadow: none;
}

.navbar {
  background-color: #fff;
}

.navbar-nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.nav-item {
  margin: .3em .5em;
  text-align: center;
}

.nav-item a {
 color: #101820;
 text-decoration: none;
 transition: .3s ease-in-out;
}

.nav-item a:hover,
.nav-item.active .nav-link {
 color: #ff2b00;
 transition: .3s ease-in-out;
 text-decoration: underline;
}

.nav-item:last-child a:hover,
.nav-item .active:last-child a {
 text-decoration: none;
}

.navbar-toggler:focus {
  outline: none;
}

.dropdown-menu {
  margin: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent;
}

.nav-item .active .dropdown-item {
  color: #000;
}

.jumbotron a {
 color: #ff2b00;
}

.jumbotron-home {
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, .3)
    ),
    url('../img/home-bg-1.jpg');
  background-position: bottom;
  background-size: cover;
  min-height: 500px;
}

.jumbotron-productos {
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, .3)
    ),
    url('../img/productos-bg.jpg');
  background-position: center;
  background-size: cover;
  min-height: 500px;
}

.jumbotron-nosotros {
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, .3)
    ),
    url('../img/nosotros-bg.jpg');
  background-position: center;
  background-size: cover;
  min-height: 500px;
}

.jumbotron-contacto {
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, .3)
    ),
    url('../img/contacto-bg.jpg');
  background-position: center;
  background-size: cover;
  min-height: 500px;
}

.jumbotron-faqs {
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, .3)
    ),
    url('../img/faqs-bg.jpg');
  background-position: center top;
  background-size: cover;
  min-height: 500px;
}

.jumbotron-item {
  background-color: #fff;
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%;
  opacity: 1;
}

.prev-icon,
.next-icon {
  color: #000;
  font-size: 1.3em;
}

#intro,
#callout {
  background-color: #101820;
  color: #fff;
}

.mapa-trane img {
  max-width: 350px;
}

#transition {
  background-color: #ff2b00;
  color: #fff;
}

.btn-blue {
  background-color: #101820;
  color: #fff;
  transition: .3s ease-in-out;
}

.btn-blue:hover {
  background-color: #223345;
  color: #fff;
  transition: .3s ease-in-out;
}

.btn-white {
  background-color: #fff;
  color: #101820;
  transition: .3s ease-in-out;
}

.btn-white:hover {
  background-color: #e2e2e2;
  color: #101820;
  transition: .3s ease-in-out;
}

.btn-red {
  background-color: #ff2b00;
  color: #fff;
  transition: .3s ease-in-out;
}

.btn-red:hover {
  color: #101820;
  transition: .3s ease-in-out;
}

.home-divider {
  background: url('../img/divider-bg.jpg');
  background-size: cover;
  background-position: center;
  height: 250px;
}

.nosotros-divider {
  background: url('../img/divider-bg.jpg');
  background-size: cover;
  background-position: bottom;
  height: 250px;
  transform: scaleX(-1)
}

.product-a {
  text-decoration: underline;
}

.product-a:hover {
  text-decoration: underline;
}

.text-white {
  position: relative;
}

.badge-container {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  z-index: 300;
}

.badge {
  border-radius: 0;
  padding: 5px;
  margin: 0;
}

.badge-danger {
  background-color: #ff2b00;
}

.card-img-overlay {
  background-color: rgba(50, 62, 71, .6);
}

.accordion {
  width: 100%;
}

.card-header,
.card {
  background-color: transparent;
  border: none;
}

.thank-you {
  min-height: 65vh;
  display: flex;
  align-items: center;
}

.fa-check {
  font-size: 5em;
  color: #ff2b00;
}

.accordion .btn-link {
  color: #ff2b00;
}

.accordion:hover .btn-link,
.btn-link:focus {
  text-decoration: none !important;
}

.accordion .btn-link h4::after {
  content: '–';
  padding-left: 5px;
  transition: .3s ease-in-out;
}

.accordion .collapsed h4::after {
  content: '+';
  padding-left: 5px;
  transition: .3s ease-in-out;
}

.form-title h2 {
  color: #ff2b00;
}

.form-control {
  color: #101820 !important;
}

.form-control:focus {
  border-color: #ced4da;
  box-shadow: none;
  color: #101820;
}

.address-icon {
  font-size: 4em;
}

.social-footer a {
  font-size: 1.7em;
  margin-left: 5px;
  margin-right: 5px;
}

/* small devices */

@media (min-width: 576px) {

}

/* medium devices */

@media (min-width: 768px) {

}

/* large devices */

@media (min-width: 992px) {
  .nav-button {
    background-color: #ff2b00;
    transition: .3s ease-in-out;
    border-radius: .25rem;
  }

  .nav-button a {
    color: #fff;
  }

  .nav-button:hover a {
    color: #101820;
    transition: .3s ease-in-out;
  }

  .nav-item {
    margin: 0 .5em;
    text-align: right;
  }

  .jumbotron-home {
    background: linear-gradient(to right,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
      ),
      url('../img/home-bg-1.jpg');
      background-position: center 30%;
      background-size: cover;
      min-height: 500px;
  }

  .jumbotron-productos {
    background: linear-gradient(to right,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
      ),
      url('../img/productos-bg.jpg');
      background-position: center;
      background-size: cover;
      min-height: 500px;
  }

  .jumbotron-nosotros {
    background: linear-gradient(to right,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
      ),
      url('../img/nosotros-bg.jpg');
    background-position: center 40%;
    background-size: cover;
    min-height: 500px;
  }

  .jumbotron-contacto {
    background: linear-gradient(to right,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
      ),
      url('../img/contacto-bg.jpg');
    background-position: center 50%;
    background-size: cover;
    min-height: 500px;
  }

  .jumbotron-faqs {
    background: linear-gradient(to right,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
      ),
      url('../img/faqs-bg.jpg');
    background-position: center 20%;
    background-size: cover;
    min-height: 500px;
  }

  .card-img-overlay {
    display: none !important;
    transition: .3s ease-in-out;
  }

  .card-container:hover .card-img-overlay {
    display: flex !important;
    transition: .3s ease-in-out;
  }

}

/* extra large devices */

@media (min-width: 1200px) {

}