.page-home {
  background: url(../images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
  background-position: center;
  height: 100vh;
}

/* Background contactanos page */
/* @media (min-width: 1px) and (max-width: 400px) {
  .page-contact {
    background: url(../images/bg-contactanos/400.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
@media (min-width: 401px) and (max-width: 576px) {
  .page-contact {
    background: url(../images/bg-contactanos/576.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .page-contact {
    background: url(../images/bg-contactanos/768.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .page-contact {
    background: url(../images/bg-contactanos/992.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
@media (min-width: 992px) and (max-width: 5000px) {
  .page-contact {
    background: url(../images/bg-contactanos/992.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
} */
@media (min-width: 300px) {
  .page-contact {
    background: url(../images/bg-contactanos/400.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
@media (min-width: 640px) {
  .page-contact {
    background: url(../images/bg-contactanos/576.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
/* Background contactanos page */

/* Background info page */
/* @media (min-width: 1px) and (max-width: 400px) {
  .page-info {
    background: url(../images/bg-info/400.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
@media (min-width: 401px) and (max-width: 576px) {
  .page-info {
    background: url(../images/bg-info/576.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .page-info {
    background: url(../images/bg-info/768.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .page-info {
    background: url(../images/bg-info/992.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
@media (min-width: 992px) and (max-width: 5000px) {
  .page-info {
    background: url(../images/bg-info/992m.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
} */
@media (min-width: 300px) {
  .page-info {
    background: url(../images/bg-info/400.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}

@media (min-width: 640px) {
  .page-info {
    background: url(../images/bg-info/576.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position: center;
    height: 100vh;
  }
}
/* Background info page */

.page-publicidad {
  background: url(../images/camino.svg) no-repeat center center fixed;
  background-color: #6fd32e;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
  background-position: center;
  height: 100vh;
}

.title-ciclovia {
  padding: 0 !important;
  background: #25424a;
  width: 100%;
}

.title-ciclovia-bg {
  background: #25424a;
}

.button-bar {
  height: calc(100vh - 250px)
}

.bg-green-bici::placeholder {
  font-weight: bold;
  font-style: italic;
  color: #fff;
  opacity: 1;
}

input.bg-green-bici, textarea.bg-green-bici {
  font-weight: bold;
  color: white !important;
}

.bg-green-bici {
  background-color: #6fd32e !important;
  opacity: 0.8;
}

.btn-bici-form {
  font-weight: bold;
  background-color: #6fd32e;
  border-color: #6fd32e;
  opacity: 0.8;
}

.btn-bici {
  background-color: #6fd32e;
  border-color: #6fd32e;
  -webkit-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.btn-bici:hover {
  box-shadow: 1px 1px #343a40, 2px 2px #343a40, 3px 3px #343a40;
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px);
  text-decoration: none;
}

.nav-link-bici {
  color: #fff;
  height: 60px;
  width: 200px;
}

.text-bici {
  color: #6fd32e;
}

.social {
	position: fixed;
	right: 0;
  z-index: 2000;
}

.social ul {
  list-style: none;
}

.social ul li a {
  display: inline-block;
  padding: 15px;
  text-decoration: none;
  -webkit-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.social ul li a:hover {
  box-shadow: 1px 1px #fff, 2px 2px #fff, 3px 3px #fff;
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px);
  text-decoration: none;
}

.social ul li .icon-instagram {
  color: #fff;
  font-size-adjust: initial;
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.social ul li .icon-whatsapp {
  color: #fff;
  font-size-adjust: initial;
  background: #52e963;
}
.social ul li .icon-facebook {
  color: #fff;
  font-size-adjust: initial;
  background: #4867aa;
}

.nav-link-bici:hover {
  color: #fff;
}

.dropdown-menu:active  {
  display: none;
}

.dropdown:hover .dropdown-menu {
  display: block;
  background-color: #6fd32e;
  width: 230px;
  box-shadow:
  1px 1px #343a40,
  2px 2px #343a40,
  3px 3px #343a40;
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px);
}

.dropdown-menu a:hover {
  background-color: #63b72d;
}

.dropdown-toggle:after {
  display: none;
}

.badge-primary-bici {
  padding: 0;
  color: #212529;
  background-color: #00ff37;
  border-radius: 5px;
}

.badge-secondary-bici {
  font-weight: bold;
  padding: 0;
  color: #212529;
  background-color: #6c757d99;
  border-radius: 5px;
}

p.text-bold {
  font-size: 120%;
}

#map {
  height: calc(100vh - 100px)
}

.p-bici {
  opacity: 0.7;
}