/**
*
* Carregamento das Webfonts do Google
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

:root {
    --cinza-text: #464646;

    --cinza1: #f9f9f9;
    --cinza3: #fafafa;
    --verde2:#93b664;
    --verde3:#16b131;

    --text-green: #3B5951;
    --text-gray: #464646;
    --laranja:#ED7033;
    --verde1: #233F37;
    --cinza2: #828282;
}

.pt-80{
    padding-top: 80px !important;
}
.pb-80{
    padding-bottom: 80px !important;
}
.py-80{
    padding-bottom: 80px !important;
    padding-top: 80px !important;
}

/* GERAL */

h1,h2,h3,h4,h5, *.title-page {
    font-family: "Roboto Condensed", Sans-serif;
    color: var(--text-green);
    line-height: 1.1em;
}
h1 span{
    font-family: "Roboto", Sans-serif;
    font-size: calc(40px + (0.3vw));
}
h1, *.title-page {
    font-size: calc(50px + (0.3vw));
}
h2 {
    font-size: calc( 40px + (0.3vw));
}
h3 {
    font-size: calc( 18px + (0.3vw) );
}
h4 {
    font-size: calc( 12px + (0.3vw) );
}
#description {
    background: var(--cinza1);
}
p.destaque {
    font-size: calc( 20px + (0.3vw) );
}


.menu-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.text-gray{
    color: var(--text-gray);
}

a.button-1 {
    padding: 7px 10px;
    font-size: 16px;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.button-1.verde {
    border: 2px solid var(--verde1);
    background: var(--verde1);
    color: #fff;
    min-width: 250px;
    display: inline-block;
    text-align: center;
}
a.button-1.verde:hover {
    background: #e3e9ea;
    color: var(--verde1) !important;
}
a.button-1.verde2 {
    border: 2px solid var(--verde2);
    background: var(--verde2);
    color: #fff;
    min-width: 250px;
    display: inline-block;
    text-align: center;
}
a.button-1.verde2:hover {
    background: #e3e9ea;
    color: var(--verde2) !important;
}


.item-impieza{
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.item-impieza img{
    margin-right: 10px;
}
.item-impieza h3{
    margin: 0;
}
.item-impieza p{
    margin: 0;
}


.fake-anchor{
    margin-top: -80px;
    position: absolute;
}


html {
  scroll-behavior: smooth;
}
body,
html,
p,
label,
span {
    color: var(--text-gray);
    font-family: "Montserrat", Sans-serif;
    /* font-family: "Arial,Helvetica,Verdana", Sans-serif; */
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.5px;
}
p,
.text,
.text p{
    margin-bottom: 10px;
}

b,
strong,
.strong {
    font-weight: 700;
}

a{
    text-decoration: none !important;
}


/**
*
* HEADER
*/
header {
    position: sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0;
    z-index: 100;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 3px 1px 20px 0 rgb(0 110 225 / 8%);
    box-shadow: 3px 1px 20px 0 rgb(0 110 225 / 8%);
}
.logo-menu img{
    max-height: 30px;
    width: auto;
}
.logo-menu {
    display: flex;
    align-items: center;
    height: 100%;
}
header .navbar{
    height: 100%;
    padding: 10px 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
header.header-scrool .menu-top{
    background: rgba(255,255,255, 0.98);
}
header.header-scrool .navbar{
    height: 75px;
    padding: 0;
    align-items: center;
}
.header-scrool .logo-menu img {
    max-height: 50px;
}
.header-scrool ul#menu-principal a {
    color: #000;
}


header ul {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
header ul li {
    padding: 15px;
}
ul#menu-principal a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    margin: 8px 30px;
    cursor: pointer;
    color: #fff;
}
header ul a:hover,
header ul .current-menu-item a, 
header ul .current-page-ancestor a {
    color: var(--lilas);
}
header.general-header {
    background: var(--verde1);
}
header.general-header a {
    color: #fff;
}
header.general-header a:hover {
    color: var(--laranja);
}
ul#menu-principal li:last-child a {
    margin-right: 0;
}
a.header-btn {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff !important;
	border: 2px solid var(--laranja);
    background: var(--laranja);
}
a.header-btn:hover {
    background: #e3e9ea;
    color: var(--laranja) !important;
}

/** BTN HAMBURGUER */
.btn-menu {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hamburguer {
    display: block;
    background: #000;   
    width: 30px;
    height: 2px;
    position: relative;
    transition: .5s ease-in-out;
}
.hamburguer::before,
.hamburguer::after {
    content: '';
   background: #000;
   display: block;
   width: 100%; 
   height: 100%;
   position: absolute;
   transition: .5s ease-in-out;
}
.hamburguer::before {
    top: -10px;
}
.hamburguer::after {
    bottom: -10px;
}
.navbar input {
    display: none;
}
.navbar label {
    width: 50px;
    height: 50px;
    display:none;
}
input:checked ~ label .hamburguer{
    transform: rotate(45deg);
}
input:checked ~ label .hamburguer::before {
    transform: rotate(90deg);
    top: 0px;
}
input:checked ~ label .hamburguer::after {
    transform: rotate(90deg);
    bottom: 0px;
}

/** SLIDER HOME   **/
button.owl-next, 
button.owl-prev {
    position: absolute;
    text-decoration: none;
    outline: none;
    background: none!important;
    top: 44%;
}
button.owl-next {
    right: 2vw;
}
button.owl-prev {
    left: 2vw;
}
button.owl-next span, 
button.owl-prev span {
    font-size: calc(16px + 5vw);
    color: #fff;
}
button.owl-next span:hover, 
button.owl-prev span:hover {
    font-size: calc(16px + 5vw);
    color: var(--marrom1);
}
.owl-dots {
    z-index: 1;
    position: absolute;
    width: 100%;
    margin-top: -35px;
    margin-bottom: 0;
}
.owl-theme .owl-dots .owl-dot span {
    width: 25px;
    height: 8px;
    background: var(--verde2);
    border: 1px solid var(--verde1);
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--verde1);
}
.owl-theme .owl-item .item {
    background: var(--cinza1);
    padding: 40px 0;
}

.text-slider{
    height: 100%;
    display: flex;
    align-items: center;
}
.text-slider h1,
.text-slider h3{
    margin-bottom: 30px;
}
.text-slider h1{
    font-weight: 600;
}
.bkg{
    background: #000000ab;
    padding: 30px;
}
.bkg h1,
.bkg p{
    color: #fff;
    margin-bottom: 30px;
}

#conheca ul{
    list-style-type: none;
}
#conheca ul li{
    margin-bottom: 10px;
}
img.icon-conoce {
    max-width: 60px;
    margin-bottom: 0px;
}
img.icon-partners {
    max-width: 100%;
    margin-bottom: 0px;
}
#preguntas-frequentes{
    background: var(--cinza3);
}

#preguntas-frequentes img.icon-conoce {
    max-width: 40px;
    margin-bottom: 10px;
}
img.icon-administra {
    max-height: 40px;
    margin-bottom: 10px;
}
#preguntas-frequentes h3{
    font-weight: 600;
    color: var(--verde1);
}
.hubspot .page {
    display: none !important;
}

.numero-processo{
    padding: 40px 0;
    font-size: 50px;
    color: #fff;
}
.titulo-processo{
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    padding-bottom: 20px;
    min-height: 95px;
}
.descricao-processo{
    color: #fff;
}

.introd{
    background: var(--cinza3);
}
.img-introd {
    width: 300px;
    max-width: 100%;
}
.img-que-es{
    width: 400px;
    max-width: 100%;
}
.img-contactenos{
    width: 450px;
    max-width: 100%;
}
.conoce{
    background: var(--verde1);
}
#confian,
#impieza,
#beneficios{
    min-height: 40vw;
    display: flex;
    align-items: center;
}
#beneficios{
    background-position-x: 40% !important;
}
#confian p.number {
    font-size: calc( 70px + (0.3vw) );
    color: #c2ed89;
    font-weight: 700;
    margin: 0;
}
section#depoimentos {
    background: var(--cinza3);
}
#depoimentos img{
    width: 100%;
}
.text-depo{
    font-size: 16px;
}

.gif-animated{
	width: 400px;
	max-width: 100%;
	height:auto;
}

section.banner{
    position: relative;
/*     max-height: 42vw; */
    overflow: hidden;
}
.banner video{
    width: 100%;
    height: auto;
}
.text-banner{
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}

.faq{
    background: #e7e4e0;
}
.faq button {
    width: 100%;
    background: #dbd7d4;
    border-color: transparent;
    font-weight: 800;
    color: #2a2a2a;
    box-shadow: 2px 2px #999592 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .75rem;
    text-align: left;
}
.faq button svg {
    min-width: 30px;
}
.btn-primary:hover, 
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    background-color: #c7c7c7 !important;
    border-color: transparent;
    color: #2a2a2a;
}
.faq .card.card-body {
    background: transparent;
    border: none;
    display: block;
}

img.icon-fav {
    max-width: 100%;
    width: 150px;
}

footer {
    background: var(--verde1);
}
footer p{
    font-size: 14px;
}
footer img{
    max-width: 260px;
}
footer img.logo-ag{
    max-width: 135px;
    margin-left: 5px;
}
footer .text-white a{
	color: #fff;
}

footer ul{
    display: flex;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}
footer svg, .navbar-toggler svg{
    fill: #fff;
}

.whatsapp-footer {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1;
}
.whatsapp-footer img{
    width: 60px;
}


section#como-funciona {
    min-height: 500px;
    height: 32vw !important;
    display: flex;
    align-items: center;
}
h2.titulo-banner{
    font-weight: 700;
}
section#secreto{
    display: flex;
    align-items: center;
}
.fw700{
    font-weight: 700;
}


.div-wifi-s{
	display: flex;
    align-items: center;
    justify-content: center;
}
.wifi-symbol {
  display: none;
}
.wifi-symbol [foo], .wifi-symbol {
  display: block;
  width: 150px;
  height: 150px;
	max-width: 40%;
	margin-right: 15px;
  margin-top: -187.5px;
  -ms-transform: rotate(-45deg) translate(-100px);
  -moz-transform: rotate(-45deg) translate(-100px);
  -o-transform: rotate(-45deg) translate(-100px);
  -webkit-transform: rotate(-45deg) translate(-100px);
  transform: rotate(-130deg) translate(-100px);
}
.wifi-symbol .wifi-circle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 21.4285714286px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-color: #919191;
  border-style: solid;
  border-width: 1em 1em 0 0;
  -webkit-border-radius: 0 100% 0 0;
  border-radius: 0 100% 0 0;
  opacity: 0;
  -o-animation: wifianimation 3s infinite;
  -moz-animation: wifianimation 3s infinite;
  -webkit-animation: wifianimation 3s infinite;
  animation: wifianimation 3s infinite;
}
.wifi-symbol .wifi-circle.first {
  -o-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.wifi-symbol .wifi-circle.second {
  width: 5em;
  height: 5em;
  -o-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.wifi-symbol .wifi-circle.third {
  width: 3em;
  height: 3em;
}
.wifi-symbol .wifi-circle.fourth {
  width: 1em;
  height: 1em;
  opacity: 0;
  background-color: #FFFFCC;
  -o-animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}

@-o-keyframes wifianimation {
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}
@-moz-keyframes wifianimation {
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}
@-webkit-keyframes wifianimation {
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}

.img-introd2{
	max-width: 80%;
	width:450px;
}


@media screen and (max-width: 991px) {
    .pt-80{
        padding-top: 50px !important;
    }
    .pb-80{
        padding-bottom: 50px !important;
    }
    .py-80{
        padding-bottom: 50px !important;
        padding-top: 50px !important;
    }
    .container {
        max-width: 100%;
    }
    .navbar {
        justify-content: flex-end;
    }
    header .navbar {
        padding-right: 0px;
        padding-left: 0px;
        justify-content: space-between;
    }
    #navegacao {
        z-index: 1;
    }
    ul#menu-principal {
        background: white;
        padding: 15px 0;
    }
    .navbar label {
        display: block;
    }
    
    ul#menu-principal a:hover,
    ul#menu-principal li.current-menu-item, 
    ul#menu-principal li.current-page-ancestor {
        opacity: 0.5;
    }
    ul#menu-principal li {
        padding: 0;
    }
    a.header-btn {
        margin-left: 0;
    }

}


#mp42{
	display:none;
}




/* Novo */

img.banner-topo {
    width: 100%;
}
h1.titulo-banner {
    display: grid;
    line-height: 0.7em;
}


a.button-1.laranja {
    border: 2px solid var(--laranja);
    background: var(--laranja);
    color: #fff;
    min-width: 220px;
    display: inline-block;
    text-align: center;
}
a.button-1.laranja:hover {
    background: #e3e9ea;
    color: var(--laranja) !important;
}


.cr-title,.cr-subtitle{
    color: var(--laranja);
}
.bkg-fa {
    background: #fafafa;
    padding: 0;
    border-radius: 35px;
    height: 100%;
    display: flex;
    align-items: center;
    min-height: 250px;
}
.div-icon-left {
    height: 100%;
    width: 25%;
    border-radius: 30px;
}
.div-content-right {
    width: 75%;
    padding: 30px;
}


.image-card {
    width: 100%;
    min-height: 22vw;
    border-radius: 30px;
}
.ml-asesorate{
    margin-left: 60px;
}
.item-card-icon {
    display: flex;
    align-items: flex-start;
}
.item-card-icon img {
    width: 35px;
    margin-right: 10px;
}


.bkg-faena {
    background: var(--cinza3);;
    padding: 15px;
    border-radius: 10px;
    height: 100%;
    position: relative;
}
.bkg-faena .icon{
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    text-align: center;    
    display: flex;
    justify-content: center;
}
img.icon-faena {
    height: 60px;
}

img.folleto {
    max-width: 90%;
    border-radius: 30px;
}




/* accordion */
.accordion{
  margin: 40px 0;
}
.accordion .item {
    margin-bottom: 25px;
    border: 1px solid var(--cinza2);
    border-radius: 20px;
    background: #fff;
}
.t-p{
    color: var(--text-gray);
    padding: 0 30px 30px 30px;
}
.accordion .item .item-header h2 button.btn.btn-link {
    color: var(--text-green);
    border-radius: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 2.5;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.accordion .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin: 2px;
}

.accordion .item .item-header h2 button {
    font-size: 20px;
    padding: 5px 15px;
    width: 100%;
    text-align: left;
}

.accordion .item .item-header h2 svg {
    float: right;
    font-size: 30px;
    color: #eca300;
    background-color: transparent;
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--laranja);
    border-radius: 50%;
}

button.btn.btn-link.collapsed svg {
    transform: rotate(0deg);
}

button.btn.btn-link svg {
    transform: rotate(180deg);
    transition: 0.5s;
}

/* accordion */

#contacto {
    background: var(--verde1);
}

#contacto .wpcf7 {
    background: #fff;
    padding: 50px;
    border-radius: 5px;
}
#contacto .wpcf7 label{
    font-size: 13px;
    color: var(--cinza2);
    width: 100%;
}
#contacto .wpcf7 input.wpcf7-form-control,
#contacto .wpcf7 select.wpcf7-form-control{
    background: var(--cinza1);
    max-width: 100%;
    border: 1px solid var(--cinza2);
    border-radius: 5px;
    padding: 5px;
    color: var(--cinza2);
    width: 100%;
    font-size: 13px;
    height: 36px;
}
.wpcf7-list-item-label{
    color: var(--cinza2);
    font-size: 13px;
}
#contacto .wpcf7 input.wpcf7-form-control.wpcf7-submit {
    background: var(--laranja);
    color: #fff;
    border: none !important;
    height: auto;
    font-weight: 700;
    padding: 10px;
    font-size: 16px;
}
.wpcf7-not-valid-tip {
    font-size: 13px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    font-size: 13px;
    line-height: normal;
}


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

button.btn-modal {
    background: none;
    border: none;
    color: #fff;
    outline: none;
    text-decoration: underline;
}
#exampleModal .close span{
    padding: 8px 20px;
    border: none;
    outline: none;
}
#exampleModal .close span{
    color: var(--laranja);
    font-size: 30px;
}

@media screen and (min-width: 1700px) {
	h1, *.title-page {
		font-size: calc(70px + (0.3vw));
	}
    h1 span {
		font-size: calc(50px + (0.3vw));
	}
}

@media screen and (max-width: 1100px) {
    h1, *.title-page {
        font-size: calc(40px + (0.3vw));
    }
    h1 span{
        font-size: calc(30px + (0.3vw));
    }
    h2 {
        font-size: calc(30px + (0.3vw));
    }
    h3 {
        font-size: calc( 18px + (0.3vw) );
    }
    .image-card {
        min-height: 32vw;
    }
}

@media screen and (max-width: 991px) {
	.logo-menu {
		max-height: 35px;
	}
}

@media screen and (max-width: 767px) {
    body, html, p,
    .text-descricao, .text-descricao p{
        font-size: 15px;
    }
    .text-descricao.subtitulo, .text-descricao.subtitulo p{
        font-size: 17px;
    }
    .titulo-processo{
        min-height: auto;
        padding-bottom: 10px;
    }
    .numero-processo {
        padding: 40px 0 20px 0;
    }
    
    h1, *.title-page, h1 span {
        font-size: calc(30px + (0.3vw));
    }
    h2 span {
		font-size: calc(26px + (0.3vw));
	}
    h2 {
        font-size: calc( 24px + (0.3vw));
    }
    .text-slider h1, .text-slider h3 {
        margin-bottom: 15px;
    }
    .text-banner {
        align-items: start;
        text-align: center;
    }
    .text-banner .py-80 {
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }
    h1.titulo-banner {
        display: block;
    }
    #conheca .py-80.position-relative {
        padding-bottom: 140px !important;
    }
    .image-card {
        min-height: 80vw;
    }
    .accordion .item .item-header h2 button.btn.btn-link {
        line-height: normal;
    }
    .mt-mob-5{
        margin-top: 3rem !important;
    }
}
@media screen and (max-width: 575px) {
/*     .banner video {
        width: 200vw;
        margin-left: -50vw;
    }
    section.banner {
        max-height: auto; 
        min-height: 80vw;
    } */
    .logo-menu img {
        max-height: 25px;
    }
    img.icon-conoce {
        max-width: 40px;
    }
    .item-impieza {
        margin: 10px 0;
    }
    h1, *.title-page, h1 span {
        font-size: calc(26px + (0.3vw));
    }
    .div-content-right {
        padding: 15px;
    }
}
@media screen and (max-width: 500px) {
    .text-banner p {
        display: none;
    }
    #contacto .wpcf7 {
        padding: 15px;
    }
}