::-webkit-scrollbar {
  width: 5px;
}

img {
  object-fit: cover;
  object-position: center;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #0d6efd;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3888ff;
}

.icone-servicos {
  font-size: 30px;
}
.servicos-titulo {
  font-size: 25px;
}

.banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 50vh;
  width: auto;
}

ul.dropdown-menu > li > a {
  color: white;
}

.dropdown-menu .dropdown-submenu {
  right: 100% !important;
  left: auto !important;
}

.btn-scroll-up {
  visibility: hidden;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.btn-scroll-up.scrolled {
  visibility: visible !important;
}

.navbar.scrolled {
  box-shadow: none !important;
  background-color: rgb(32, 32, 32) !important;
}
.navbar.inner-shadow {
  box-shadow: inset 0 45px 25px 0 rgba(0, 0, 0, 0.459);
}

.partners img {
  height: 85px;
}

.topo-promo {
  position: absolute;
  width: 500px;
  overflow: hidden;
}

.topo-promo-clearfix {
  width: 100%;
  padding-top: 20px;
  margin: 0 auto;
  white-space: nowrap;
  text-transform: uppercase;
}

.topo-promo-texto {
  display: inline-block;
  /* Apply animation to this element */
  -webkit-animation: scrolling-left1 20s linear infinite;
  animation: scrolling-left1 20s linear infinite;
}

.topo-promo-texto-duplicado {
  display: inline-block;
  /* Apply animation to this element */
  -webkit-animation: scrolling-left2 20s linear infinite;
  animation: scrolling-left2 20s linear infinite;
  animation-delay: 10s;
}

.underline-animated {
  position: absolute;
  -webkit-animation: linear infinite;
  -webkit-animation-name: left-to-right-loop;
  -webkit-animation-duration: 5s;
  animation: linear infinite;
  animation-name: left-to-right-loop;
  animation-duration: 5s;
}

@-webkit-keyframes left-to-right-loop {
  0% {
    left: 0;
  }
  50% {
    left: calc(28% - 100px);
  }
  100% {
    left: 0;
  }
}
@keyframes left-to-right-loop {
  0% {
    left: 0;
  }
  50% {
    left: calc(28% - 100px);
  }
  100% {
    left: 0;
  }
}

/* scrolling-left is continuous/repeatly text */
@keyframes scrolling-left1 {
  0% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
@keyframes scrolling-left2 {
  0% {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
  }
}

@-webkit-keyframes scrolling-left1 {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@-webkit-keyframes scrolling-left2 {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-200%);
  }
}

div#contato,
div#sobre,
div#servicos,
div#top {
  scroll-margin-top: 100px;
}

div.card.produto {
  height: 370px;
  border: 2px solid white !important;
}
div.card.produto:hover {
  border: 2px solid #0d6efd !important;
}
hr.underline-white {
  border: 3px solid white;
  border-radius: 10px;
  opacity: 100;
  background: white;
}

hr.underline-azul {
  border: 3px solid #0d6efd;
  border-radius: 10px;
  opacity: 100;
  background: #0d6efd;
}

img.logomarcas {
  max-height: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .principais-produtos div.btn-group label.btn {
    font-size: 15px !important;
    line-height: 35px !important;
    padding: 5px 8px !important;
  }

  .banner {
    height: 25vh;
  }
}

@media only screen and (max-width: 991px) {
  div#contato,
  div#sobre,
  div#servicos {
    scroll-margin-top: 352px;
  }

  .principais-produtos div.btn-group label.btn {
    font-size: 12px !important;
    line-height: 35px !important;
    padding: 5px 7px !important;
  }

  .banner {
    height: 35vh;
    background-position: center;
    background-position-x: 68%;
  }
}

@media only screen and (max-width: 1399px) {
  div.card h6.card-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 769px) {
  .principais-produtos div.col-xs-1.d-flex {
    justify-content: end !important;
  }
}

@media only screen and (max-width: 768px) {
  .icone-servicos {
    font-size: 20px;
  }
  .servicos-titulo {
    font-size: 16px;
  }

  .font-13 {
    font-size: 13px;
  }

  img.logomarcas {
    max-height: 20px;
  }

  .navbar.inner-shadow {
    box-shadow: none;
    background: rgb(32, 32, 32) !important;
  }

  .topo-promo {
    width: 300px;
  }

  .partners img {
    height: 45px;
  }

  .dropdown-menu {
    max-height: 280px;
    overflow-y: auto;
  }
  .dropdown-submenu {
    border: 2px solid white !important;
  }
  div.carousel {
    margin-top: 117px;
  }
  div.carousel img {
    max-height: 500px;
  }

  .principais-produtos div.btn-group label.btn {
    font-size: 12px !important;
  }
  .principais-produtos div.col.d-flex {
    justify-content: start !important;
  }

  div.card h6.card-title {
    font-size: 14px;
  }
}