@import url("grid.css");
@import url("main.css");

*{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* Ajustar altura divs */
.main, #produtos, #sustentabilidade, .is-footer{ overflow: hidden; height: 100%; }

/* ----------------------- *\
    COLORS PRINCIPAIS
\* ----------------------- */
.c-blue{ color: #0077bd; }
.c-red{ color: #ed3237; }
.c-blueLight{ color: #2598e5; }
.c-gray{ color: #e6e6e6; }
.c-grayStrong{ color: #9b9b9b; }

.is-gray{ background-color: #e6e6e6; }
.is-green{ background-color: #A7C675; }
.is-white{ background-color: #fff; }

/* ----------------------- *\
    BORDAS ARREDONDADAS
\* ----------------------- */

.round{
	border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
}

.shadow{

	box-shadow: 3px -3px 30px #b6b6b6;
	-webkit-box-shadow: 3px -3px 30px #b6b6b6;
	-moz-box-shadow: 3px -3px 30px #b6b6b6;
}

.iFrame{ width: 100%; height: 600px; }
.form-envia .row{ margin: 12px 0px; }

/* ----------------------- *\
    LINE
\* ----------------------- */

.line, .lcenter, .lcurto{
	margin: 0px auto;
	margin-top: 40px;
	margin-bottom: 40px;
	display: block;
	clear: both;
}

	.lcenter{
		width: 70%;
	}

	.lcurto{
		width: 10%;
		margin-top: 5px;
		margin-bottom: 10px;
		float: left;
	}

	.lcenter{
		width: 80%;
		margin: 24px auto;
	}

	.ltotal{
		width: 100%;
		margin: 0px auto;
	}

.groupP{ display: table; text-align: center; height: 350px;  }
.groupP p{ vertical-align: middle; display: table-cell; 
	font-style: italic; font-size: 1.3em; line-height: 30px; }

/* ----------------------- *\
    EFEITOS
\* ----------------------- */

.hoverzoom {
	position: relative;
	width: 100%;
	height: 360px;
	overflow: hidden;
}
	
	.hoverzoom > img {
		width: 100%; 
		-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	}

	.hoverzoom:hover > img {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}

	.groupDestaque{
		bottom: 140px;
		position: absolute;
		width: 100%;
		text-align: center;
	}

	.groupDestaque p{ margin: 0px; color: #fff; font-weight: 600; display: block; font-size: 1.4em; }
	
		.titleDestaque{
			color: #fff;
			font-size: 0.9em;
			display: block;
			width: 100%;
		}

p.txtBig{ font-size: 2.3em; color: #fff; }

.prodsFracionados #produtos .line2, .prodsFracionados #produtos .subTitle, .prodsFracionados #produtos .has-detail{ display: none; }

/* ----------------------- *\
    SESSÕES INTERNAS
\* ----------------------- */

.sections-inside{
	clear: both;
}
	#quem-somos{ background: #fff; }
	.sliderFixed{ background-color: #999; }
	.parceiros{ text-align: center; padding-top: 50px; padding-bottom: 50px; background-color: #eee; }
	#produtos{ background: #eee; background-repeat: repeat; }
	#produtos h3{ margin: 0px; }
	#produtos span.subTitle{ display: block; margin-top: 80px; margin-bottom: 50px; font-size: 1.3em; font-weight: 800; color: #E12C2C; text-align: center; }
	/* #produtos span.subTitle2{ margin-top: 90px; margin-bottom: 60px; font-size: 1.3em; text-align: center; color: #E12C2C; } */

	#quem-somos.subTitle{ margin: 0px; }
	#quem-somos .row{ margin: 20px 0px 30px 0px; }

		#sustentabilidade p{ color: #777; font-size: 1.2em; line-height: 1.4; text-align: justify; }

		#sustentabilidade article{
			padding: 12px;
			min-height: 90px;
		}
		
		.NomPlano{ display: block; font-size: 1.4em; font-style: italic; color: #12659b; font-weight: 800; margin-top: 30px; }
		#produtos article{
			overflow: hidden; height: 100%;
			margin-bottom: 10px;
			background-color: #fff;
		}
			.imgSaco{ height: 150px; max-width: 100%; margin: 10px 0px; }

			.boxes article{ border: 1px solid gray; }
			#produtos article span{ margin: 0px; display: block; padding: 20px 0px; font-weight: 500;  }

		#produtos .column{ text-align: center; }
		#produtos .orcamento{ max-width: 160px; }
		#produtos .kg, #produtos .qtde, #produtos .litros{ display: block; padding: 8px 0px; background-color: #fff;  }

		.boxes .kg, .boxes .qtde, .boxes .litros{ border-top: 1px solid #b6b6b6; }


		#produtos a:hover img{ -webkit-filter: grayscale(1); }

		#produtos .sacoLilaz .chamadaBt{  background-color: #A62E85; color: #fff; }
		/* #produtos .sacoAzul .chamadaBt{  background-color: #008AC9; color: #fff; }
		#produtos .sacoAmarelo .chamadaBt{  background-color: #E5C523; color: #fff; }
		#produtos .sacoVerde .chamadaBt{  background-color: #8CB059; color: #fff; }
		#produtos .sacoVermelho .chamadaBt{  background-color: #E12C2C; color: #fff; }

		#produtos .sacoLilaz .chamadaBt:hover{  background-color: #D15EAA; }
		#produtos .sacoAzul .chamadaBt:hover{  background-color: #63BAD1; }
		#produtos .sacoAmarelo .chamadaBt:hover{  background-color: #F2DC69; }
		#produtos .sacoVerde .chamadaBt:hover{  background-color: #A5C673; }
		#produtos .sacoVermelho .chamadaBt:hover{  background-color: #E84849; } */

		#produtos .sacoCinza .chamadaBt{  background-color: #b6b6b6; color: #fff; } 
		#produtos .sacoCinza .chamadaBt:hover{  background-color: #C6C6C6; } 

		#sustentabilidade article{
			overflow: hidden; height: 100%;
			margin-bottom: 10px;
		}

	.cores{ width: 500px; }
	.cores li{ margin: 0px; padding: 12px; display: inline-block; }
	.corWhite{ background-color: #fff; border: 1px solid #b6b6b6; }
	.corGreen{ background-color: green; border: 1px solid green; }
	.corRed{ background-color: #e6212a; border: 1px solid #e6212a; }
	.corBlue{ background-color: #008ac9; border: 1px solid #008ac9; }
	.corYellow{ background-color: #fadf16; border: 1px solid #fadf16; }
	.corLilas{ background-color: #a62a89; border: 1px solid #a62a89; }
	.corBrown{ background-color: #7F6000; border: 1px solid #7F6000; }
	.corBlack{ background-color: #000; border: 1px solid #000; }

.volume{
	margin-top: 30px; 
	background-color: #eee;
	border: 1px solid #b6b6b6;
	max-width: 360px;
	margin-bottom: 20px;
	text-align: left;
}
	.volume li{ font-weight: 800; border-bottom: 1px solid #b6b6b6; }
	.volume li:last-child{ border: none; }
	.volume li span{ display: inline-block; padding: 5px 8px; font-size: small; }
	.volume li span.c1{ width: 100px; }
	.volume li span.c2{ width: 80px; border-left: 1px solid #b6b6b6; }
	.volume li span.c3{ border-left: 1px solid #b6b6b6; width: 69px; }
	.volume li b{ color: green; }


/* ----------------------- *\
    BUTTONS
\* ----------------------- */
.btn{
	text-align: center;
	color: #fff;
	transition: .3s;
	border: 0;
	padding: 12px;
	display: block;
	font-size: 1em;
	width: 250px;
	 font-weight: 500;
}
	.orcamento{ float: right; margin-top: 20px; background-color: #00863D;  max-width: 180px; }
	.orcamento:hover{ background: #10A04E; }
	/* .televenda{ background-color: transparent; border: 1px solid green; margin-right: 5px; color: green; text-transform: uppercase; } */

	/* .gBts{ margin-top: 10px; width: 360px; float: left; }

		.orcamento:hover{ 
			background-color: #0C6830;
		 } */
	
	.saiba-mais{ position: relative; float: left; margin-top: 18px;
		background: transparent;
		border: 1px solid #b6b6b6;
		color: #b6b6b6;
	}
	
	.chamadaBt{ display: block; margin-top: 12px; background-color: #5ea265; color:#fff; font-weight: 800; }
	.chamadaBt:hover{ background-color: #78b17e; }

	.saiba-mais:hover{ background-color: #b6b6b6; color: #fff; }

	/* .btMatricula{ float: none; width: 100%; } */

#quem-somos a.orcamento{ margin-top: 60px; }

#slider1_container{ margin-top: 90px; position: relative; width: 1920px; height: 600px; overflow: hidden; }

.cadastro .orcamento{ margin-top: 0px; width: 100%; }
/* .cadastrar input.txt{ font-weight: 500; color: #fff; padding: 16px; 
	background-color: #d15428; 
	border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border: none;
	outline: none;
} */

/* ::placeholder{
	color: #fff;
} */

.imgMatr{ padding: 100px 0px; text-align: center; 
	background: 
	url(../imgs/matricula/girl.png) no-repeat right,
	url(../imgs/matricula/mao.png) no-repeat left,
	url(../imgs/matricula/bg.jpg) no-repeat; 
	}

.imgMascote{ display: block; margin: 0px auto; margin-top: 30px; }
.chamada1, .chamada2{ display: block; color:#fff; text-align: center; vertical-align: middle; font-size: 3em; }

/*BEGIN ****

/* ----------------------- *\
   HEADER - LOGO E MAIN MENU
\* ----------------------- */

.header{ 
	background-color: #fff; top: 0px;  position: fixed; padding: 12px 0px; width: 100%; z-index: 99; 
	box-shadow: 0px 13px 9px -3px rgba(0,0,0,0.1);
	z-index: 9999;
} 
.main{ padding: 16px 0px; }
.logo{ width: 232px; height: 83px; float: left; }

.sliderFixed p, .sliderFixedAzul p, .sliderFixedVermelho p, .sliderFixedAmarelo p, .sliderFixedLilas p, .sliderFixedVerde p, .sliderFixedSuste p{ font-size: 3em; color: #fff; text-align: center; margin: 0px; }
.sliderFixed{ margin-top: 100px; padding: 60px 0px; background: url(../imgs/home/bg-pages.webp) no-repeat; height: 100%; }
.sliderFixedAzul{ margin-top: 100px; padding: 60px 0px; background: url(../imgs/home/bg-pages5.webp) no-repeat; height: 100%; }
.sliderFixedVermelho{ margin-top: 100px; padding: 60px 0px; background: url(../imgs/home/bg-pages6.webp) no-repeat; height: 100%; }
.sliderFixedAmarelo{ margin-top: 100px; padding: 60px 0px; background: url(../imgs/home/bg-pages4.webp) no-repeat; height: 100%; }
.sliderFixedLilas{ margin-top: 100px; padding: 60px 0px; background: url(../imgs/home/bg-pages2.webp) no-repeat; height: 100%; }
.sliderFixedVerde{ margin-top: 100px; padding: 60px 0px; background: url(../imgs/home/bg-pages3.webp) no-repeat; height: 100%; }
.sliderFixedSuste{ margin-top: 100px; padding: 60px 0px; background: url(../imgs/home/bg-pages7.webp) no-repeat; height: 100%; }

.mapa{ width: 90%; }

/* DETALHE NO TÍTULO */
.group-detail{ margin: 0px auto; text-align: center; }
.has-detail{ font-weight: 900; text-align: center; font-size: 1.6em; margin: 0px 0px 40px 0px; }
.hleft{ text-align: left; }

/* paddings */
#quem-somos, #produtos, #sustentabilidade, .depoimentos, #sustentabilidade, .contato, .infos, .orcament{ position: relative; padding-top: 60px; padding-bottom: 60px; }
.footer .row{ padding-top: 20px; }

.depoimentos .lst li{ font-size: 1.3em; line-height: 38px; }
.depoimentos .lst{ margin: 0px; }

#quem-somos p{ text-align: left; color: #777; }

.frota{ position: absolute; display: block; width: 350px; height: 460px; bottom: -433px; }
.imgSusten{ position: absolute; width: 520px; height: 600px; bottom: -540px; }
.img-frotas{ display: block; margin: 20px auto; margin-bottom: 80px; }

/* ICONS */
.icons{
	background-repeat: no-repeat;
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

.icon-parcs{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 130px; 
	height: 80px;
}

	.bayer{ background: url('../imgs/parceiros/bayer.png') center no-repeat; background-size: contain; }
	.compactor{ background: url('../imgs/parceiros/compactor.png') center no-repeat; background-size: contain; } 
	.limpanno{ background: url('../imgs/parceiros/limpanno.png') center no-repeat; background-size: contain; } 
	.svida{ background: url('../imgs/parceiros/svida.png') center no-repeat; background-size: contain; } 
	.graham{ background: url('../imgs/parceiros/graham.png') center no-repeat; background-size: contain; } 

/*  SEGMENTOS  */
.lst-parceiros{ padding: 0px; }
.lst-parceiros li{ display: inline-block; padding: 0px 20px; }


/*  DEPOIMENTOS  */
.depoimentos{ 
	background: 
	url(../imgs/depoimentos/aspas1.png) no-repeat top left, 
	url(../imgs/depoimentos/aspas2.png) no-repeat bottom right, 
	url(../imgs/depoimentos/bg-dep.png) no-repeat top left, 
	url(../imgs/depoimentos/bg-dep2.png) no-repeat top right; 
}
.depPeoples{
	padding: 20px;
	overflow: hidden;
	height: 100%;
	background-color: #17529d;
}
/* EFEITO GAVETA */
.outrasCategorias{
  	display: none;
}
	  
#sustentabilidade .row{ padding-top: 0px; padding-bottom: 0px; }
.videos video{ width: 100%; height: 200px; }

/* COLUMNS EXTRA */
/* .columnExtra{ float: left; position: relative; height: 100%; }

	.columnLeft{ width: 50% }
	.columnRight{ width: 50% } */

	.columnMenu{ width: 750px; padding-top: 15px; float: left; }

/* GROUP REDES */
.groupRedes{ width: 60px; height: 60px; padding: 8px; background-color: #eee; position: fixed; right: 30px; bottom: 30px; border-radius:60px 60px 60px 60px;
                        -webkit-border-radius:60px 60px 60px 60px;  -moz-border-radius:60px 60px 60px 60px; opacity: 0.9; z-index: 999;}
    .groupRedes div{ height: 45px; margin: 8px 0px; }
    .iconsRedes{ display: block; background-repeat:  no-repeat; margin: 0px auto; }
        .whatsapp{ width: 45px; height: 45px; background-image: url('../imgs/whatsapp.svg'); }
        /* .messenger{ width: 45px; height: 45px; background-image: url('../imgs/messenger.svg'); } */


/* STATUS INFO */
.status-info{
	padding: 20px;
	background-color: #fff;
	width: 80%;
	height: 100%;
	float: right;

}
	.group-contato{ clear: both; overflow: hidden; margin-top: 20px; }

	.group-contato .iconBig{
		font-size: 3em;
		float: left;
		color:  #00863D;
		width: 50px;
	}

	.title-contato{
		text-align: left;
		font-size: 0.9em;
		margin-bottom: 5px;
		display: block;
		color:  #00863D;
	}

	.group-infoCont{ text-align: left;  margin-left: 10px; float: left; width: 80%; }
	.group-infoCont p{ margin-bottom: 3px; font-size: 0.9em; }
	.group-infoCont a{ font-size: 1em; display: block; }
	.group-infoCont span{ color:  #00863D; font-size: 1.2em; }
	.group-infoCont .horario{ margin: 10px 0px; font-size: 1.1em; }

	.txtEnd{ font-size: 0.9em; }

/* Formatação da Validação de Campos */

.formee label{ width:100%; float:left; text-align:right; padding:10px 15px 0 0;}
.formee label.error { float: none; position: relative; top: 6px; left:0px; color:#f33576; vertical-align: top; font-size: 12px; text-align: left; display: block; border-left:3px solid #c2322f;  padding: 0px 0 0 5px; margin: 0 0 5px 0;}

.bigBoxSociais{
	border: 1px solid #bcbcbc;
	min-height: 280px;
}

/* MENU GAVETA */

/* #menu-principal{ position: relative; margin: 8px 0px; border: 1px solid #eee; }

#menu-principal li.parent > a {
	background: transparent url('../imgs/mais.png') right no-repeat;
	left: -20px;
	font-size: 1.2em;
	font-weight: 600;
	color: #7f7f7f;
}
#menu-principal li.aberto > a {
	background: transparent url('../imgs/menos.png') right no-repeat;
}	
	#menu-principal a{ padding: 14px; }

	#menu-principal li a{ width: 100%; display: inline-block;}

	.sub-principal{
		position: relative;
		padding: 10px 0px; 
		overflow: none;
		height: 100%;    
		display: none;
		margin: 0px 0px 22px 22px;

	}

		.sub-principal li{ font-weight: 500; font-size: 1em; color: #7f7f7f; } */

/*  DADOS TELEVENDAS */

/* .imgAutor{ width: 60px; height: 60px; border: 1px solid #eee; float: left; }
.gInfos{ margin: 8px 0px 0px 8px; float: left; width: 280px; }
.gInfos b{ display: block; }
.Whats2{ position: absolute; text-align: right; display: inline-block; float: right; right:0px; width: 50px; }
.Whats2 i{ font-size: 1.1em; color: #43ac44; }
.Whats2 span{ color: #43ac44; } */


/* ----------------------- *\
    FOOTER
\* ----------------------- */

.footer{
	clear: both;
	background-color: #8CB059;
	background-repeat: repeat;
	width: 100%;
	height: 100%;
}
	.lst-footer{ clear: both; text-align: left; margin-top: 40px; }
	.logoFooter{ 
		width: 171px;
		height: 53px;
		display: inline-block;
		background: url('../imgs/logoFooter.png') no-repeat;
		margin-bottom: -10px;
	 }
	
	.lst-cobertura{ margin-bottom: 20px; }
	.lst-cobertura li{ display: inline-block; margin: 0px 1%; font-size: 1.2em; color: #777; font-weight: 600; color: #0078c1; }

	.lst-footer li a{
		font-weight: 400;
		color: #fff;
		font-size: 1em;
	}

	.footer h5{ margin-top: 6px; }

	/* .lst-footer a{ margin-left: 0px; padding-left: 0px; } */

	.lst-footer span{ font-size: 1.1em; color: #fff; text-align: left; margin-left: 0px; padding-left: 0px; display: inline-block; }

	.lst-footer li a:hover{ padding-left: 10px; color: #51701B; }

	.lst-footer li, .lst-footer i{ color: #fff; }

	.subTfooter{ float: left; display: block; font-size: 1em; margin-bottom: 12px; margin-top: 30px; color: #777; }
	.groupTels a{ color: #fff; }
	.horario b{ color: #fff; }
	.horario{ margin-top: 12px; }
	.horario li{ color: #fff;  }

	.column-possibilidades{
		text-align: center;
	}

	.copy{
		margin-left: 12px;
		font-style: italic;
		font-weight: 500;
		color: #fff;
		font-size: 0.9em;
		text-align: left;
	 }

	.icon-ideas{
		margin-right: 12px;
		background: url('https://ideiaempixel.com.br/imgs/logo-ideia.svg');
		background-repeat: no-repeat;
		background-size: 100%;
		width: 60px;
		height: 60px;
		display: inline-block;
		float: right;
	}

	.contato-footer p{ color: #777; font-size: 1em; }
		.contato-footer a{ color: #777; }

	.verMapa{ display: block; margin-top: 12px; font-weight: 900; }