html {
	scroll-behavior: smooth;
}
body,
.nav-link,
.btn-product::before {
  font-family: "Source Sans Pro", sans-serif;
}
.nav-link {
  color: #3399cc;
}

.btn-market {
  background-color: #e78201;
  color: #ffffff;
  font-family: "Source Sans Pro", sans-serif;
}
.btn-market:hover {
  background-color: #0082c5;
  color: #ffffff;
  font-family: "Source Sans Pro", sans-serif;
}

.navbar-nav .nav-link.active {
  color: #333399;
}
.text-red {
  color: #df2a2f;
}
.text-skyblue {
  color: #31a2ca;
}
.text-blue {
  color: #2a4093;
}

.bg-gray {
  background-color: #cccccc !important;
}
.bg-body {
  background: #cccccc;
  background-color: #cccccc !important;
}
.navbar-address li {
  line-height: 2.5rem;
}

.form-control {
  background-color: #efefef;
}

footer,
.bg-footer {
  background-color: #333399;
  color: #ffffff;
}
footer .nav-link {
  color: #ffffff;
}
footer a {
  color: #ffffff;
}
.footer-body {
  background-color: #000033;
}
footer .title {
  margin-top: 1.5rem;
}

.text-justify {
  text-align: justify;
}
.gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 100%;
  width: 100%;
}
.mapouter {
  position: relative;
  text-align: right;
  height: 100%;
  width: 100%;
}
* {
  transition: all 0.5s ease-out;
}
/*.btn-product {
  display: block;
  position: relative;
}*/
/*.btn-product::before {
  content: attr(title);
  font-size: 4rem;
  font-size: 4vw;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  text-decoration: none;
  text-shadow: 0px 0px 2rem rgba(0, 0, 0);
  margin-top: -4rem;
}*/
html:not([data-scroll="0"]) #brand {
  width: 90% !important;
  transition: width 0.5s ease-in-out;
}
html:not([data-scroll="0"]) #navtop nav {
  padding: 0.3rem !important;
  transition: transition 0.5s ease-in-out;
}

#carousel-equipo .carousel-control-next-icon,
#carousel-equipo .carousel-control-prev-icon {
  display: inline-block;
  width: 3rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  background-color: #838383;
}
#productos .card {
  background: transparent !important;
  border: none !important;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    font-size: 1.3rem;
  }
  .btn-product::before {
    margin-top: -2%;
  }
}
/* oculta scroll y reduce botones carrusel***/ 
::-webkit-scrollbar {display: none;}
section{scrollbar-width: none;}
@media (max-width: 992px) {
.carousel-control-next, .carousel-control-prev{	bottom: auto !important;}
#carousel-equipo .carousel-control-next-icon, #carousel-equipo .carousel-control-prev-icon {width: 2.5rem !important; height: 2.5rem !important;}
}