h3, h6, label {
    font-family: 'Roboto', sans-serif;
}
h1, h2, h4, h5, p {
    font-family: 'Montserrat', sans-serif;
}
label {
    margin-top: 0.1rem;
    margin-bottom: 0rem;
    font-size: 0.9rem;
}
.banner-top {
    background-image: url("../image/banner-top.jpg");
    background-size: cover;
    background-position-y: center;
    height: 100%;
}
.banner-top h1 {
    line-height: 3.3rem;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 2.6rem;
}
.banner-top span {
    background-color: #39383a;
}
.banner-top img {
    max-width: 232px;
    width: 30%;
}
.banner-top h4, .banner-top h6 {
    color: #393839;
}
.banner-top h4 {
    font-weight: 700;
    font-size: 1.4rem;
}
.banner-top h6 {
    font-weight: 400;
    font-size: 1rem;
}
.banner-top button {
    font-weight: 700;
    font-size: 1.15rem;
    padding-bottom: 10px;
}
.servicos {
    background: #d9d9d1;
}
.titulo {
    position: relative;
    text-align: center;
    padding: 0 10%;
}
.titulo h2 {
    background:#d9d9d1;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 11;
    color: #393839;
    font-weight: 400;
    font-size: 1.6rem;
}
.titulo hr {
    position: absolute;
    top: -1px;
    background: #aeafa8;
    height: 1px;
    z-index: 10;
    width: 80%;
}
.card-columns img {
    max-width: 80px;
}
/*MOSAICO*/
.grid {
    width: 80%;
    margin: 0 auto;
}
.grid-sizer,
.grid-item {
	float: left;
	width: 32.3%;
	margin: 0 0.5% 1%;
	box-sizing: content-box;
}
.gutter-sizer { width: 4%; }
.grid-item--width2 { width: 65.65%; }
.grid-item--height2 { height: 320px;}
.grid h2{
    font-size: 1.8rem;
    font-weight: 700;
}
.grid img {
    width: 90px;
    height: 91px;
}
.banner-1 {
    background-color: #c2c9c3;
    color: #393839;
}
.banner-2 {
    background-color: #7a7c76; 
}
.banner-3 {
    background-color: #989a94; 
}
.banner-4 {
    background-color: #fdd430;
    color: #393839; 
}
.banner-5 {
    background-color: #39383a; 
}
.banner-2, .banner-3, .banner-5 {
    color:white;
}
.rotativo img{
    width: 80%!important;
}
.misturas p{
    font-size: 0.9rem;
}
.misturas ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0px;
}
.radius {
    height: 30px;
    width: 30px;
    border-radius: 300px;
    background: #fdd430;
    margin: 10px auto;
}
.container-fluid{
    padding: 0px;
}
.faixa-mistura {
    position: relative;
}
.faixa-mistura hr{
    position: absolute;
    bottom: 46.6%;
    background: #fdd430;
    height: 1px;
    z-index: 10;
    width: 100%;
    border: 2px solid #fdd430;
}
.slick-slide:focus{
    outline: 0;
}
address a {
    color: white;
}
address a:hover {
    color: white;
}
.slogan {
    margin-top: 1rem!important;
    width: 45%!important;
}
.formulario {
    background:#efeae7;
}
.formulario h2 {
    color: #39383a;
    font-size: 2.6rem;
    line-height: 3rem;
}
.formulario ul, .formulario h4 {
    color:#797979;
    font-size: 1.5rem;
    font-weight: 400;
}
.formulario ul {
    list-style: none;
    line-height: 2.5rem;
}  
.formulario ul {
    list-style-image:url("../img/check.png");
 }
 .formulario-box {
    padding: 0 40% 0 0;
    max-width: 100%;
 }
 .formulario-box span {
    font-weight: 600;
 }
 .formulario-box form{
    background-color:#fdd430;
    padding: 0 10%;
    color: #393839;
    border-radius: 10px;
}
.form-control {
    border-radius: 0%;
    padding: 1.2rem .75rem;
    color:#393839;
    font-size: 0.9rem;
 }
 .form-text {
     color:#393839;
 }
 select{
     padding: 0.375rem .75rem!important;
     height: 40px!important;
 }
.form-group p {
    font-size: 1.2rem;
    color: #393839;
    font-weight: 300;
}
.formulario label {
    font-weight: 500;
    margin-bottom: 0.1rem;
    margin-top: 0.5rem;
}
.formulario button {
    border-radius: 0px;
    background: #39383a;
    padding: 0.75rem .75rem;
    font-weight: 500;
}

.fotos h2, .fotos h3 {
    color: #39383a;
}
.fotos h2 {
    line-height: 1.75rem;
}
.fotos h3 {
    font-weight: 500;
    font-size: 1.6rem;
}
.fotos span {
    color: #797979;
    font-weight: 600;
}
.text-help {
    margin-left: 13%;
    margin-right: 13%;
}

.fotos .rotativo .box-photo img{
    width: 90%;
}
.fotos .rotativo .slick-slide {
    opacity: 0.6;
}
.fotos .rotativo .slick-center {
    opacity: 1!important;
}

.rotativo .bt-next, .rotativo .bt-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index:100;
    top: 42%;
    display: block;
    width: 17px;
    height: 25px;
    width: 25px!important;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}
.bt-next{
    right: -5px;
}
.bt-prev{
    left:-30px;
}
.bt-next:before, .bt-prev:before  {
    font-size: 25px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.obra {
    height: 130px;
}
.obra p {
    font-size: 1rem;
}

.depoimentos {
    background:#7a7c76;
}
.depoimentos .titulo h2 {
    background: #7a7c76;
    padding: 0 5%;    
}
.depoimentos .titulo hr {
    background: #93958f;
}
.depoimentos h2 {
    color:#39383a;
}
.depoimentos p {
    padding: 0 20%;
}
.slick-dots li.slick-active button:before {
    opacity: 1!important;
}
.slick-dots li button:focus:before {
    opacity: 0.75!important;
}
.slick-dots li button:before {
    font-size: 15px!important;
    color: transparent!important;
    background: #fdd430!important;
    border-radius: 300px;
    opacity: 0.5!important;
      width: 15px!important;
    height: 15px!important;
}
.produtos {
    background: #ebebeb;
}
.produtos .titulo h2 {
    background:#ebebeb;
    padding: 0 3%;
}
.produtos .titulo hr {
    background: #cdcecc;
}
.clientes {
    background: #ffffff;
}
.clientes .titulo h2 {
    background: #ffffff;;
    padding: 0 3%;
}
.clientes .titulo hr {
    background: #babcb8;
}
.help {
    background:#39383a;
}
.help h2 {
    font-size: 1.8rem;
}
.help img {
    width: 50px;
}

/*Whatsapp*/
.button-whatsapp {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    z-index: 2;
    height: 60px;
    min-width: 60px;
    max-width: 95vw;
    background-color: #24cb62;
    color: #fff;
    border-radius: 30px;
    box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
    cursor: pointer;
    transition: background-color .2s linear;
    -webkit-tap-highlight-color: transparent;
}
.button-whatsapp a:hover {
   color: white;
}
.fixo {
    position: fixed;
    z-index: 1000;
    width: 70px;
    height: 70px;
    bottom: 5px;
    left: 10px;
}
.fixo .section_wrapper {
  margin-left: 1.5%!important;
}
.fixo img {
	float: left;
    margin-left: 15px;
    margin-top: 15px;
    font-size: 36px;
    color: #fff;
    width: 30px;
}
@media only screen and (max-width: 500px) {
.fixo {
    position: fixed;
    z-index: 1000;
    width: 70px;
    height: 70px!important;
    bottom: 5px;
    right: 8px;
}
}
input.error, textarea.error, select.error{
    border: 2px solid red !important;
    opacity: 0.6!important;
    color: red;
  }
  label.error{
    padding: 0!important;
    margin: 0!important;
    display: none!important;
  }
#aviso {
/*     float: right;
padding: 80px 0;
font-size: 1.5em;
width: 50%; */
  color: #FE2979;
text-align: center;
display:none;
}
#aviso p{
  font-size:12px;
  color: #FE2979;
/* margin: 23% 0;
padding: 0; */
}
.close-form img{
    width: 30px!important;
    border: solid 1.5px #393839;
    padding: 5px;
    position: absolute;
    border-radius: 300px;
    top: 40px;
    right: 26px;
    cursor: pointer;
    transition: ease-in-out 0.2s;
}
.close-form img:hover{
  transform: scale(1.2);
}
.widget-launcher{
      box-shadow: none!important;
}
.close-wrap{
  display:none;
  z-index: 999999999;
  height: 130%;
  top: 0px;
  background: rgba(255, 255, 255, 0.6);
}
#hubspot-messages-iframe-container.widget-align-right {
    z-index: 100000!important;
}