/*
Autor: Willy Cruz
www.mktbox.com.br
*/


body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: default;
  scroll-behavior: smooth;
  font-family: 'Poppins', sans-serif;
  color: #555;
}

a,
a:link,
a:focus,
a:active,
a:visited{
  color: inherit;
  text-decoration: none;
  outline: none;
  transition: 0.3s;
}
a:hover {
  color: inherit;
  text-decoration: none;
  outline: none;
}
h1, h2, h3, h4, h5, strong{
  font-weight: 600;
}
.btn01{
  font-size: 16px;
  font-weight: 400;
  padding: 8px 20px;
  color: #E73133 !important;
  border-radius: 7px;
  border: 1px solid #E73133;
}
.btn01:hover{
  color: #fff !important;
  background-color: #E73133;
}
.btn02{
  font-size: 16px;
  font-weight: 300;
  padding: 8px 20px;
  color: #fff !important;
  border-radius: 7px;
  background-color: #E73133;
}
.btn02:hover{
  color: #E73133 !important;
  background-color: #fff;
}
.btnWhats{
  font-size: 16px;
  padding: 11px 26px;
  border-radius: 40px;
  transition: 0.25s;
  color: #fff !important;
  background-color: #25b366;
}
.btnWhats:hover{
  background-color: #109050;
}



.logotipo{
  margin-top: 10px;
  box-shadow: 0px 1px 5px rgba(0,0,0,.4);
  transition: .4s;
  transition-timing-function: ease-out;
}
.logotipo2{
  max-width: 140px;
}
.logotipoMobile{
  box-shadow: 0px 1px 5px rgba(0,0,0,.4);
  max-width: 90px;
}
.menu{
  padding-top: 28px;
}
.menu a{
  color: #fff;
  padding: 10px 15px;
  border-radius: 7px;
  margin-right: 7px;
}
.menu a:hover{
  color: #fff;
  background-color: #E73133;
}
.menu2 a:hover{
  color: #E73133;
  background-color: #fff;
}
.bgMenuOff{
  opacity: 0;
  height: 80px;
  background-color: #E73133;
  box-shadow: 0px 0px 8px rgba(0,0,0,.4);
  transition: .3s;
}
.bgMenuOn{
  opacity: 1;
}
.menuMobile{
  background-color: #E73133;
  box-shadow: 0px 0px 8px rgba(0,0,0,.4);
}
.nav-link {
  color: #fff !important;
} 



.banners img{
  margin-top: 70px;
}
.carousel-indicators{
  margin-bottom: -15px;
}
.carousel-indicators [data-bs-target] {
  width: 25px;
  height: 5px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #E73133;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transition: opacity .6s ease;
}
.carousel-item{
  min-height: 560px;
}
.carousel-item div{
  color: #fff;
  padding-top: 220px;
}
.carousel-item hr{
  width: 70px;
  border-top: 5px solid #E73133;
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}
.carousel-item p{
  font-size: 18px;
  font-weight: 300;
}

.titulos{
  padding-bottom: 40px;
}
.titulos span{
  font-size: 40px;
  font-weight: 900;
  color: #E73133;
}
.titulos hr{
  width: 70px;
  border-top: 8px solid #E73133;
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}
.padTop{
  padding-top: 80px;
}

.iconsHome{
  color: #777;
  font-size: 30px;
  font-weight: 200;
  padding-top: 90px;
  padding-bottom: 50px;
}
.iconsHome i{
  font-size: 60px;
  color: #E73133;
  margin-bottom: 20px;
}


#aLoja{
  padding-top: 40px;
}
.aLoja{
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  background-color: #E73133;
  padding-top: 90px;
  padding-bottom: 90px;
}
.aLoja i{
  font-size: 120px;
}


.produtos{
  font-size: 18px;
  padding-top: 40px;
  padding-bottom: 120px;
}
.produtos span{
  font-size: 25px;
  color: #E73133;
  font-weight: 600;
}

.servicos{
  color: #fff;
  background-image: url("../img/bgServicosMobile01.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 120px;
  box-shadow: inset 0px 0px 60px rgba(0,0,0,0.6);
}
.servicos span{
  font-size: 31px;
}
.servicos p{
  font-size: 18px;
}


.frases{
  font-size: 31px;
  font-weight: 200;
  color: #E73133;
  padding-top: 170px;
  padding-bottom: 160px;
  background-image: url("../img/bgFrases01.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.frases span{
  font-size: 18px;
  font-weight: 300;
  color: #aaa;
}


.marcas{
  background-image: url("../img/bgMarcasMobile01.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
  box-shadow: inset 0px 0px 60px rgba(0,0,0,0.6);
}
.marcas p{
  font-size: 30px;
  color: #fff;
}
.marcas span{
  font-weight: 700;
}



.txtContato{
  font-size: 18px;
}
.txtContato span{
  font-size: 22px;
}
.txtContato i{
  color: #E73133;
}


.btnTopo{
  margin-top: 180px;
  font-size: 32px;
  color: #bbb;
}
.btnTopo a:hover{
  color: #E73133;
}

footer a:hover{
  color: #000;
}
footer{
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  background-color: #E73133;
  padding-top: 90px;
  padding-bottom: 90px;
}
footer strong{
  font-size: 20px;
}
footer .by{
  font-size: 16px;
  opacity: .6;
}
footer .cartoes i{
  font-size: 33px;
  transition: .3s;
}
footer i:hover{
  transform: translate(0px,-4px);
}


@media (max-width: 768px) {
body, html {
  scroll-padding-top: 20px;
}

.banners{
  background-image: url("../img/bgTopoMobile01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.carousel-item{
  background-color: rgba(0,0,0,.7);
}

.carousel-indicators{
  margin-bottom: -35px;
}
}


@media (min-width: 768px) {

body{
  background-image: url("../img/bgTopo01.jpg");
  background-repeat: repeat-x;
}
.servicos p{
  font-size: 22px;
}
.marcas{
  background-image: url("../img/bgMarcas01.jpg");
}

.servicos{
  background-image: url("../img/bgServicos01.jpg");
}

}