/* Fim Classes especificas */
.alinhamentoLogoRodape {margin-top: -50px;}
.alinhamentoMenu{position:relative;top:-85px;left:200px;}
.alinhamentoInformacoesContatoRodape{position:relative; top: -71px;}
.alinhamentoEsquerdoTexto{padding-left: 70px;}

.bannerSobre { background-image: url(../img/layout/bannerSobre.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 500px; }
.bgTemaServicos {background-image: url('../img/layout/bannerServicos.jpg'); background-repeat: no-repeat; background-size: cover;  }
.boxServicosFacilitados { border: 2px solid #f9fafb; padding: 10px 20px; background: #f9fafb; color: #000; transition: 0.7s; }
.boxServicosFacilitados:hover { box-shadow: 5px 20px 36px -2px rgba(176,176,176,0.57); -webkit-box-shadow: 7px 20px 36px -2px rgba(176,176,176,0.57); -moz-box-shadow: 7px 20px 36px -2px rgba(176,176,176,0.57); transition: 0.7s;}

.boxServicosOqueFazemos { margin-bottom: 20px; border-radius:10px;  background: #b6b7b815;padding:10px; color: #000; transition: 0.7s; width: 100%; border: 1px solid #d4d4d4; }
.boxServicosOqueFazemos:hover { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.116); -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.116); -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.116); transition: 0.7s;}

.boxServicosOqueFazemos a:link, .boxServicosOqueFazemos a:visited, .boxServicosOqueFazemos a:active  { text-decoration: none; color: #00a56b; }

.centerRow {text-align: center;display: flex;align-items: center;justify-content: center;}
.centerIcon {position: relative;top: 13px;}

.certificadoEmitirBox { padding:20px; border:1px solid #089c4c; }

.classificacaoResiduosBox { padding: 20px 20px 0; border: 2px solid #00b54b; border-radius: 20px; }

.classificacaoResiduosExpandir { color:#00b54b; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; }
.classificacaoResiduosExpandir:hover { color:#383838; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; }

.e6Important {font-size: 0.375em ;}

.fPretoImportant {color: #3b362c;}

.formContato { padding:15px; border:1px solid #d4d4d4; }
label { font-size:1.500em; font-weight:normal; color:#121212; }

.imagemFundo {background: url("../img/layout/fundo.png"), linear-gradient(#00a56b, #00a56b) ;background-size: cover; background-position: 50% 75%; background-repeat: no-repeat; }
.imgOqueFazemosPosicao{position: absolute; top:-210px; left:-14px;}
.imagemRecuoRodape {position: relative;margin-top: -300px;}
.imagemRodape { background-size: cover; background-position: center; background-repeat: no-repeat; height: 900px; }
.imgJuntosPorUmMundoLimpo { position: relative; margin-top: -150px; }

.inputContato{width: 100%; border-bottom: 1px solid #21ca70; border-top:0; border-left:0; border-right:0; padding: 15px;}
.inputContato:focus{border-bottom: 3px solid #21ca70;}

.menuvisited { border-bottom: 3px solid #ffffff !important; font-weight: 900; }
.mobile {display: none;}
.mt200 {margin-top: 200px;}

.mtNossaFrotaVeiculos { margin-top:0px; }
.mtSobreAtoAmbientalMobile { margin-top:90px; }

.paddingRightLeft0 {padding-right: 0 ;padding-left: 0 ;}
.paddingContainerOqueFazemos{padding: 100px 70px;}

.sobreTxtHome { margin-top:60px; }

/* .recuoImgSobre {position: relative;margin-top: -250px;} */
.imgRecuoSobre  {position: relative; }
.imgRecuoSobre .recuoImgSobre  { margin-top: -100px; left: 0; }

.rodapeDuvidasIconesBox { width:80px; height:80px; background:rgba(255,255,255,0.5); border-radius:50%; }
.rodapeDuvidasIconesBox .fa { display:table-cell; vertical-align:middle; }

.servicosBox{background: #ecf0eeab; border-radius: 5px; box-shadow: 0px 0px 7px 0px #413535; margin-bottom:30px;}

.topTextoSobre {top: 130px;}

.rounded-pill {background-color: #006a31;color: white;border-radius: 50px;padding-left: 20px;padding-right: 20px; font-size: 20px;}

.orcamentoFormulario{background-color: transparent; }

a.lMenuAreaCliente:link, a.lMenuAreaCliente:active, a.lMenuAreaCliente:visited { padding:6px 20px; background:#006A31; color:#fff; border-radius:50px; 
	-webkit-transition: background 0.2s, color 0.2s, border 0.2s;
	-moz-transition: background 0.2s, color 0.2s, border 0.2s;
	-o-transition: background 0.2s, color 0.2s, border 0.2s;
	-ms-transition: background 0.2s, color 0.2s, border 0.2s;
	transition: background 0.2s, color 0.2s, border 0.2s;
}
a.lMenuAreaCliente:hover, a.menuAreaClienteAtivo { padding:6px 20px; background:#fff; color:#006A31; border-radius:50px;
	-webkit-transition: background 0.2s, color 0.2s, border 0.2s;
	-moz-transition: background 0.2s, color 0.2s, border 0.2s;
	-o-transition: background 0.2s, color 0.2s, border 0.2s;
	-ms-transition: background 0.2s, color 0.2s, border 0.2s;
	transition: background 0.2s, color 0.2s, border 0.2s;
}

a.lWhatsapp:link, a.lWhatsapp:active, a.lWhatsapp:visited { padding:10px 15px; background:#089c4c; color:#fff; border-radius:5px; 
	-webkit-transition: background 0.2s, color 0.2s, border 0.2s;
	-moz-transition: background 0.2s, color 0.2s, border 0.2s;
	-o-transition: background 0.2s, color 0.2s, border 0.2s;
	-ms-transition: background 0.2s, color 0.2s, border 0.2s;
	transition: background 0.2s, color 0.2s, border 0.2s;
}
a.lWhatsapp:hover { background:#15a557; 
	-webkit-transition: background 0.2s, color 0.2s, border 0.2s;
	-moz-transition: background 0.2s, color 0.2s, border 0.2s;
	-o-transition: background 0.2s, color 0.2s, border 0.2s;
	-ms-transition: background 0.2s, color 0.2s, border 0.2s;
	transition: background 0.2s, color 0.2s, border 0.2s;
}

a.lWhatsappRodape:link, a.lWhatsappRodape:active, a.lWhatsappRodape:visited { padding:10px 15px; background-color:transparent; color:#fff; border-radius:5px; border:2px solid #fff;
	-webkit-transition: background 0.2s, color 0.2s, border 0.2s;
	-moz-transition: background 0.2s, color 0.2s, border 0.2s;
	-o-transition: background 0.2s, color 0.2s, border 0.2s;
	-ms-transition: background 0.2s, color 0.2s, border 0.2s;
	transition: background 0.2s, color 0.2s, border 0.2s;
}
a.lWhatsappRodape:hover { background-color:#FFF; color:#000;
	-webkit-transition: background 0.2s, color 0.2s, border 0.2s;
	-moz-transition: background 0.2s, color 0.2s, border 0.2s;
	-o-transition: background 0.2s, color 0.2s, border 0.2s;
	-ms-transition: background 0.2s, color 0.2s, border 0.2s;
	transition: background 0.2s, color 0.2s, border 0.2s;
}

/* MEDIA QUERIES --------------------*/

@media all and (max-width: 767px) {
  .bannerSobre {  background-image: url(../img/layout/bannerSobre.jpg); background-repeat: no-repeat; background-size: cover;    background-position: center center;    height: 360px;}
  .bannerSobre .pt100 { padding-top: 0px; }   
  .e40 {font-size: 1.8em;}
  .e70 {font-size: 2.375em;}
  .txtRight {text-align: left;}
  .banner {background: url(../img/layout/banners/banner-mobile.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;height: calc(390px + (690 - 390) * ((100vw - 320px) / (767 - 320)));}
  .banner .textoBanner {position: relative;top: 0%;left: 2%;text-align: center;margin-top: 185px;}
  .alinhamentoRodapeFaixaDuvida { position: relative; top: 250px;}
  .alinhamentoRodapeFaixaDuvida p { font-size:2.500em; } 
  .alinhamentoRodapeFaixaDuvida .rodapeDuvidasIconesBox { width:50px; height:50px; font-size:0.500em; }
  .alinhamentoRodapeFaixaDuvida a { font-size:0.500em; }
  .bordaImgSobre {display: none;}
  .df{flex-direction: column;}
  .fHeadline {font-size: calc(24px + (70 - 24) * ((100vw - 320px) / (767 - 320)));}
  .floatD {float: none;text-align: center;}
  .fSubHeadline {font-size: calc(12px + (24 - 12) * ((100vw - 320px) / (767 - 320)));}
  .imgPremios {position: relative;margin-top: 0px;}
  .imgJuntosPorUmMundoLimpo { position: relative; margin-top: 0px; }
  .imgSobre {display: none;}
  .marginTopNegativo {margin-top: 0px;}
  .mb70 {margin-bottom: 0px;}
  .menuFlex {display: none;transition: all 0.2s linear 0s;position: absolute;left: 50%;transform: translateX(-50%);width: 90%;}
  .menuFlex .ptb30 {padding: 20px 0px;}
  .menuFlex ul {flex-wrap: wrap;background: var(--fTema2);padding-left: 10px;padding-right: 10px;font-size: 14px;}
  .menuFlex li {flex-basis: 100%;padding: 0;}
  .menuFlex {border: none;z-index: 999;}
  .menuFlex ul li:not(:last-child):after {display: none;}
  .menuFlex li.atual .linhaMenu {width: 25%;}
  .pb200 {padding-bottom: 50px;}
  .imgRecuoSobre .recuoImgSobre  { position: relative; margin-top: 0px; left: 0; }
  .rounded-pill {border-radius: 30px;}
  .w80 {width: 100%;}
  .txtCenterSm,
  .logoFundoBranco {display: block;}
  .paddingBottomJuntos{ padding-bottom: 100px; }
  .txtRight { text-align: left; }
  .alinhamentoMenu{position:relative;top:0px;left:0px;}
  .alinhamentoInformacoesContatoRodape{position:relative; top: 0px;}
  .alinhamentoEsquerdoTexto{padding-left: 0px;}
}
@media (max-width: 300px) {
.btnContatoInterno {margin-left: 25px;margin-top: -30px;}
.menuTopo .desktop {display: none;}
.menuTopo .menuAtivar {display: inline-block;top: 25px;}
.menuTopo {position: relative;}
.menuTopo .logoTopoMenu {margin-right: 0;}
.menuTopo .logoTopoMenu img {float: left;padding-top: 15px;}
.menuTopoContato {text-align: center;}
.menuTopoContatoEsquerda {float: none;display: inline-block;}
.menuTopoContatoEsquerda p {float: none;}
.menuTopoContatoDireita {float: none;display: inline-block;}
.menuTopo {position: relative;}
.txtRight{text-align: left;}

.mtSobreAtoAmbientalMobile { margin-top:0px; }

.txtCenterMobile { text-align:center; }
}
@media (max-width: 380px) {
 .alinhamentoRodapeFaixaDuvida { position: relative; top: 100px;}	
	
.btnContatoInterno {margin-left: 25px;margin-top: -40px;}
.e60{font-size:2.115em !important;}
.e80{font-size:3.750em;}
.imagemRodape{height:655px;}
.alinhamentoMobileXS{max-width: 231px;}
.boxServicosOqueFazemos a { font-size: 1.115em !important; }
.fAreadocliente { font-size: 1.900em !important; }

.bgSobreIndex h2 { text-align:center; }
.bgSobreIndex p { text-align:justify; }  
.bgSobreIndex img.recuoImgSobre { margin-top:auto; margin-left:0px; text-align:center; }

h2.juntosPorMundoMaisLimpoTitulo { font-size:2.000em; text-align:center; }

.mtSobreAtoAmbientalMobile { margin-top:0px; }
.mtSobreAtoAmbientalMobile h2 { font-size:3.000em; }

.txtCenterMobile { text-align:center; }
}
@media (min-width: 381px) and (max-width: 480px) { 
.alinhamentoRodapeFaixaDuvida { position: relative; top: 150px;}	

.btnContatoInterno {margin-left: 20px;margin-top: -50px;}
.e60{font-size: 2.250em !important;}
.e80{font-size: 3.125em;}
.imagemRecuoRodape {margin-top: -250px;}
.imgOqueFazemosPosicao{display: none;}
.imagemRodape{height:675px;}
.boxServicosOqueFazemos a { font-size: 1.325em !important; }
.fAreadocliente { font-size: 2.115em !important; }

.bgSobreIndex h2 { text-align:center; }
.bgSobreIndex p { text-align:justify; }  
.bgSobreIndex img.recuoImgSobre { margin-top:auto; margin-left:0px; text-align:center; }

h2.juntosPorMundoMaisLimpoTitulo { font-size:3.000em; text-align:center; }

.mtSobreAtoAmbientalMobile { margin-top:0px; }
.mtSobreAtoAmbientalMobile h2 { font-size:3.000em; }

.sobreTxtHome { margin-top:0px; margin-bottom:50px; }

.txtCenterMobile { text-align:center; }
}
@media (min-width: 481px) and (max-width: 767px) {
  .btnContatoInterno {margin-left: 25px;}
  .e60{font-size: 2.250em;}
  .e80{font-size: 3.125em;}
  .imgJuntosPorUmMundoLimpo { position: relative; margin-top: 0px; }
  .ptb100{padding-top:60px;padding-bottom:60px;}
  .rounded-pill {border-radius: 30px;}
  .imgOqueFazemosPosicao{display: none;}
  .boxServicosOqueFazemos a { font-size: 1.450em !important; }
  
  .bgSobreIndex h2 { text-align:center; }
  .bgSobreIndex p { text-align:justify; }  
  .bgSobreIndex img.recuoImgSobre { margin-top:auto; margin-left:0px; text-align:center; }
  
  .imgPlanetaTerraMundoLimpo { width:70%; }
  
  h2.juntosPorMundoMaisLimpoTitulo { font-size:4.500em; text-align:center; }
  
  .mtSobreAtoAmbientalMobile { margin-top:0px; }
  .mtSobreAtoAmbientalMobile h2 { font-size:4.000em; }
  
  .sobreTxtHome { margin-top:0px; margin-bottom:50px; }
  
  .txtCenterMobile { text-align:center; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .alinhamentoMenu {position:relative;top:0px;left:10px;}
  .alinhamentoInformacoesContatoRodape {position:relative; top: 0px ;left:10px;}
  .menu {display: inline-block;}
  .menu ul li > ul.subMenus, .mobile {display: none ;}
  .menu ul li:hover > ul.subMenus, #formContainer, .desktop {display: inline-block ;}
  .menuTopo .desktop ul li {font-size: 0.7em;}
  .menuTopo .logoTopoMenu {width: 160px;}
  .menuTopo .desktop .menuTopoRedesociais {display: none;}
  .menuTopo .desktop ul li {margin-left: 15px;}
  .recuoImgSobre {top: -240px;margin-left: 320px;height: 326px;width: 318px;}
  .textoFaixa {font-size: 13px;}
  .alignItemsCenter {margin: 0 auto;flex: auto;margin: 0 auto;flex-basics: auto;display: flex;justify-content: center;}
  .ocultarNoTablet {display: none;}
  .alinhamentoRodapeFaixaDuvida {position: relative;top: 250px;}
  .txtRight {text-align: left;}
  .e20 {font-size:1.000em;}
  .imgOqueFazemosPosicao {display: none;}
  .boxServicosOqueFazemos a { font-size: 1.575em !important; }
  
  .bgSobreIndex h2 { text-align:center; }
  .bgSobreIndex p { text-align:justify; }  
  .bgSobreIndex img.recuoImgSobre { margin-top:auto; margin-left:0px; text-align:center; }
  
  .imgPlanetaTerraMundoLimpo { width:70%; }
  
  .juntosPorMundoMaisLimpoTitulo { text-align:center; }
  
  .mtSobreAtoAmbientalMobile { margin-top:0px; }
  
  .sobreTxtHome { margin-top:0px; margin-bottom:50px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .alinhamentoMenu{position:relative;top:-85px;left: 110px;}
.alinhamentoInformacoesContatoRodape{position:relative; top: -110px ;left:80px;}
  .menuTopo .desktop ul li {font-size: 0.75em;}
  .textoFaixa {font-size: 14px;}
  .recuoImgSobre {margin-top: -300px;}
  .alinhamentoRodapeFaixaDuvida {position: relative;top: 250px;}
  .topoMenu{position:absolute;}
  
  .mtNossaFrotaVeiculos { margin-top:0px; }
  
  .mtSobreAtoAmbientalMobile { margin-top:30px; }
  .mtSobreAtoAmbientalMobile h2 { font-size:4.000em; }
  
  .sobreTxtHome { margin-top:0px; }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .menu {display: inline-block ;}
  .menu ul li > ul.subMenus,
  .mobile {display: none ;}
  .menu ul li:hover > ul.subMenus,
  #formContainer,.desktop {display: inline-block ;}
  .alinhamentoRodapeFaixaDuvida {position: relative;top: 250px;}
  .topoMenu{position:absolute; top:10px;}
}
@media (min-width: 1600px) {
  .alinhamentoRodapeFaixaDuvida {position: relative;top: 250px;}
  .topoMenu{position:absolute; top:10px;}
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


@keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: 0%;
  } 
  100% {
    opacity: 1;
    left: 0;
  }
}