@font-face {font-family: negrito; src: url(fonte/MangueiraAlt-Black.ttf);}
@font-face {font-family: media; src: url(fonte/MangueiraAlt-Medium.ttf);}
body {font-family: media;}

.navbar {background-color: #ffffff;}
.fa-bars {color: #2DAFA5;}
.fa-bars:hover {color: #F05A28; text-decoration: none;}
.nav-link-header {color:#2DAFA5; font-size: 26px;}
.nav-link-header:hover {color: #F05A28; text-decoration: none;}
.btn-red-to-white {background-color: #F05A28; color:#ffffff;}
.btn-red-to-white:hover {background-color: #ffffff; color: #F05A28;}
.btn-green {background-color: #2DAFA5; color:#ffffff;}
.btn-green:hover {background-color: #F05A28; color: #ffffff;}
.btn-white-red {background-color: #F05A28; color:#ffffff;}
.btn-white-red:hover {background-color: #2DAFA5; color: #ffffff;}
.btn-green-to-white {background-color: #2DAFA5; color:#ffffff;}
.btn-green-to-white:hover {background-color: #ffffff; color: #2DAFA5;}
.btn-red {background-color: #F05A28; color:#ffffff;}
.btn-red:hover {background-color: #2DAFA5; color: #ffffff;}

.carousel-inner img {width: 100%; height: 100%;}
.carousel-caption h1 {font-family: negrito; font-size: 78px; color:#ffffff;}
.carousel-caption p {font-family: media; font-size: 28px; line-height: 32px;color:#ffffff;}

.link-ecommerce {font-family: negrito; font-size: 28px; color:#ffffff;}
.link-ecommerce:hover {color:#2DAFA5; text-decoration: none;}

.youtube {border-radius: 12px;}

.banner h1 {font-family: negrito; font-size: 78px; color:#ffffff; line-height: 72px;}

.secao1 {background-image: url(background/background-white-logo-centro.webp); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; color:#2DAFA5;}
.secao1 h1 {font-family: negrito; font-size: 78px;}
.secao1 h2 {font-family: negrito; font-size: 58px; line-height: 54px;}
.secao1 h3 {font-family: negrito; font-size: 48px;}
.secao1 h5 {font-family: negrito; font-size: 38px; line-height: 36px;}
.secao1 p {font-family: media; font-size: 28px; line-height: 32px; color:#2DAFA5;}

.secao2 {background-image: url(background/background-green-logo-centro.webp); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; color:#ffffff;}
.secao2 h1 {font-family: negrito; font-size: 78px;}
.secao2 h2 {font-family: negrito; font-size: 58px; line-height: 54px;}
.secao2 h3 {font-family: negrito; font-size: 48px;}
.secao2 h5 {font-family: negrito; font-size: 38px; line-height: 36px;}
.secao2 p {font-family: media; font-size: 28px; line-height: 32px;}

.secao3 {background-image: url(background/background-red-logo-centro.webp); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; color:#ffffff;}
.secao3 h1 {font-family: negrito; font-size: 78px;}
.secao3 h2 {font-family: negrito; font-size: 58px; line-height: 54px;}
.secao3 h3 {font-family: negrito; font-size: 48px;}
.secao3 h5 {font-family: negrito; font-size: 38px; line-height: 36px;}
.secao3 p {font-family: media; font-size: 28px; line-height: 32px;}

.card {border-radius: 32px; width: 400px; font-family: negrito; color: #2DAFA5;}
.card h4 {font-family: negrito; color: #2DAFA5;}
.card h5 {font-family: negrito; color: #2DAFA5; line-height: 36px;}
.card p {color: #F05A28; line-height: 32px;}
.card-image {width: 100%;}

.subcategoria {color:#ffffff;}
.subcategoria h3 {font-family: negrito; font-size: 48px;}

.catalogo {color:#ffffff}
.catalogo h1 {font-family: negrito; font-size: 78px;}
.catalogo h2 {font-family: negrito; font-size: 58px; line-height: 54px;}
.catalogo h3 {font-family: negrito; font-size: 48px;}
.catalogo h5 {font-family: negrito; font-size: 38px; line-height: 36px;}
.catalogo p {font-family: media; font-size: 28px; line-height: 32px;}

.ecommerce {background-color: #F05A28; color:#ffffff;}
.ecommerce h5 {font-family: media; color:#ffffff;}
.loja {background-color: #2DAFA5; color:#ffffff;}
.loja h5 {font-family: media; color:#ffffff;}

.maps {border-radius: 6px;}

.formulario {background-color: #2DAFA5; color: #ffffff;}
.formulario h3 {font-family: negrito;}
.contatos {background-color: #F05A28; color: #ffffff;}
.contatos h3 {font-family: negrito;}
.endereco {background-color: rgb(160, 210, 205); color: #ffffff;}
.endereco h3 {font-family: negrito;}
.endereco p {color: #ffffff;}

.link-contatos {color: #ffffff; font-size: 28px;}
.link-contatos:hover {color: #2DAFA5; text-decoration: none;}

.footer {background-color: #222222; color: #ffffff;}
.footer h3 {font-family: negrito; color: #2DAFA5; font-size: 48px;}
.footer p {font-family: media; font-size: 28px; line-height: 32px;}
.nav-link-footer {font-family: media; color:#ffffff; font-size: 28px;}
.nav-link-footer:hover {color: #F05A28; text-decoration: none;}
hr {background-color: #F05A28;}

.direitos {background-color: #222222; color: #ffffff;}
.direitos p {font-size: 18px;}

#myBtn {display: none; position: fixed; bottom: 100px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgb(160, 210, 205); color: #ffffff; cursor: pointer; border-radius: 4px; padding-top: 12px; padding-bottom: 12px;}
#myBtn:hover {background-color: rgb(185, 185, 185);}

.mensagem-enviada {background-image: url(background/background-mensagem-enviada-com-sucesso.webp); background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 18%; padding-bottom: 18%;}
.mensagem-enviada h1 {color:#2DAFA5; line-height: 34px;}
.mensagem-enviada h3 {color:#F05A28;}
.mensagem-enviada h5 {color:#b9b9b9;}