/* HOME 
=================================================================*/
.conteudo-interna img {
	max-width: 750px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.lgbt-iframe.fancybox-content {
	width: 25% !important;
	height: 500px;
	overflow: scroll;

}
/* BANNER HOME */


#banner {
	position:relative;
	width: 100%;
	height: 390px;
}
.swiper-banner .swiper-slide {visibility:hidden; max-height:390px; height:35vw; min-height:200px; background-size:cover; color:#FFF;}
.swiper-banner .swiper-slide-active {visibility:visible !important;}

.swiper-banner .swiper-slide::before {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0); position:absolute;}
.swiper-banner .swiper-slide .container {z-index:1; position:relative; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center;}
#banner h3 {font-family: 'Merienda', cursive; font-wwight:normal; color:#c8aa67; font-size:50px; margin:0; padding:0; line-height:1; margin-bottom:10px;}
#banner h4 {font-weight:300; font-size:26px; margin-bottom:10px;}
#banner p {font-weight:300; font-size:21px; max-width:75%; margin-top:0;}
#banner .saiba-mais {font-weight:300; font-size:14px; border:1px solid #FFF; padding:12px 30px; -webkit-border-radius:10px; border-radius:10px;}

.banner-next {background-image:url(../svg/banner-right.svg) !important; background-size:contain !important; width:40px !important;}
.banner-prev {background-image:url(../svg/banner-left.svg) !important; background-size:contain !important; width:40px !important;}

@media only screen and (max-width:1024px) {
	#banner h3 {font-size:45px;}
	#banner h4 {font-size:21px;}
	#banner p {font-size:18px;}

}
@media only screen and (max-width:830px) {
	#banner h3 {font-size:32px;}
	#banner h4 {font-size:19px;}
	#banner p {font-size:16px;}
	#banner .saiba-mais {padding:8px 19px;}
	#banner {height: 200px;}
	.lgbt-iframe.fancybox-content {
		width: 100% !important;
	}
}
@media only screen and (max-width:650px) {
	.swiper-banner .swiper-slide {height:40vw;}
	#banner h3 {font-size:26px;}
	#banner h4 {font-size:18px;}
	#banner p {font-size:15px;}
	#banner .saiba-mais {padding:8px 12px;}
}
@media only screen and (max-width:560px) {
	.swiper-banner .swiper-slide .container {width:80%;}
	#banner h4 {font-size:17px;}
}
@media only screen and (max-width:530px) {
	.swiper-banner .swiper-slide {height:35vw;}
	.swiper-banner .swiper-slide .container {width:80%;}
	#banner h4 {font-size:17px; max-width: 75%;}
	#banner p:not(:last-child) {display:none;}
}

#boxs {display:flex; padding:30px 0;}

#recomenda {display:flex; flex-direction:column; width:34% !important;}
#recomenda::before {content:"IBÁ Recomenda"; display:block; font-size:41px; color:#487633; font-weight:900; margin-bottom:40px; text-transform:uppercase;}
#recomenda a {position:relative; padding-left:64px; margin-bottom:16px;}
#recomenda a::before {content:""; display:block; position:absolute; top:0; left:0; width:45px; height:45px; -webkit-border-radius:50%; border-radius:50%;}
#recomenda a::after {content:""; display:block; position:absolute; top:11.5px; left:11.5px; width:22px; height:22px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#recomenda a strong {display:block; font-size:20px; font-weight:500;}
#recomenda a span {display:block; font-size:16px; margin-top: 5px; font-weight:300; color:#8b8b8b;}

#recomenda a:nth-child(1)::before {background:#487633;}
#recomenda a:nth-child(2)::before {background:#487633;}
#recomenda a:nth-child(3)::before {background:#009A3E;}
#recomenda a:nth-child(4)::before {background:#00A840;}
#recomenda a:nth-child(5)::before {background:#00C041;}
#recomenda a:nth-child(6)::before {background:#00D641;}
#recomenda a:nth-child(7)::before {background:#00E938;}
#recomenda a:nth-child(8)::before {background:#00EF37;}

#recomenda a:nth-child(1)::after {background-image:url(../svg/slideshare.png);}
#recomenda a:nth-child(2)::after {background-image:url(../svg/livro.svg);}
#recomenda a:nth-child(3)::after {background-image:url(../svg/folha.svg);}
#recomenda a:nth-child(4)::after {background-image:url(../svg/publicacoes.svg);}
#recomenda a:nth-child(5)::after {background-image:url(../svg/videos.svg);}
#recomenda a:nth-child(6)::after {background-image:url(../svg/graficos.svg);}
#recomenda a:nth-child(7)::after {background-image:url(../svg/megafone.svg);}
#recomenda a:nth-child(8)::after {background-image:url(../svg/chat.svg);}

#boxs div {width:32%; margin-right:1%;}
#boxs div:last-child {margin-right:0;}
#boxs div div {width:auto; margin-right:0; margin-bottom:12px;}

.main-new a {height:492px; position:relative; background-size:cover; background-position:center;}

.main-new a span {font-size:41px; font-weight:900; text-transform:uppercase; /*position:absolute; top:30px;*/color: #D4AB63;}
.main-new.noticia.mask-linear h3 {
	font-size: 18px;
	font-weight: 700;
	/* text-transform: uppercase; */
	margin-bottom: 10px;
}
.main-new h3 {font-weight:700; font-size:25px; /*text-transform:uppercase;*/ margin-bottom:10px;}
.main-new a p {/*margin:0; font-size:16px; margin-bottom:10px; font-weight:300;*/display:none;}

.sub-new a {height:240px; background-size:cover; background-position:center;}
.sub-new h3 {font-size:18px; font-weight:700; /*text-transform:uppercase;*/ margin-bottom:10px;}
.sub-new p {/*font-weight:300; font-size:16px; margin-bottom:10px; margin-top:0;*/display:none;}

.noticia a {display:flex; flex-direction:column; justify-content:flex-end; box-sizing:border-box; color:#FFF; padding:30px 35px; -webkit-border-radius:6px; border-radius:6px; background-size:cover; background-position:center;}
.noticia a::after {content:"leia mais..."; display:block; color:#c8aa67; font-size:16px;}

@media only screen and (max-width:1250px) {
	#boxs {flex-wrap:wrap; justify-content:space-between;}
	#boxs div {width:100%; margin-right:0;}
	#recomenda {width:48% !important;}
	.main-new {width:48% !important;}
	
	.news {display:flex; justify-content:space-between; width:100%; margin-right:0; margin-top:20px;} 
	.news div {width:48% !important;}
	.sub-new a {height:24vw;}
}
@media only screen and (max-width:880px) {
	#recomenda::before {font-size:34px;}
	.main-new a span {font-size:34px;}
	#recomenda a::before {width:38px; height:38px;}
	#recomenda a::after {top:8.5px; left:10px; width:18px; height:18px;}
	#recomenda a {height:38px; margin-bottom:8px; padding-left:50px; display:flex; align-items:center;}
	#recomenda a span {display:none;}
	#recomenda a {height:38px;}
	
	.main-new a {height:380px;}
	#boxs p {display:none;}
	.noticia a::after {display:none;}
	.sub-new a {height:30vw;}
	.noticia a {padding:20px 25px; -webkit-border-radius:0; border-radius:0;}
}
@media only screen and (max-width:630px) {
	#recomenda::before {font-size:28px;}
	.main-new a {height:300px;}
	.main-new a span {font-size:28px;}
	
	#recomenda a {height:30px; margin-bottom:6px; padding-left:40px;}
	#recomenda a::before {width:30px; height:30px;}
	#recomenda a::after {top:6px; left:7px; width:16px; height:16px;}
	
	.noticia a {padding:10px 15px;}
}
@media only screen and (max-width:530px) {
	#recomenda {width:100% !important; margin-bottom: 25px; order:3;}
	.main-new {order:1;}
	
	.news {flex-direction: column; margin-top:0; order:2;}
	.main-new a, .news div a {height:55vw;}
	.main-new, .news div {width:100% !important; margin-bottom:20px !important;}
	
	#recomenda a {height:38px; margin-bottom:8px; padding-left:50px; display:flex; align-items:center;}
	#recomenda a::before {width:38px; height:38px;}
	#recomenda a::after {top:8.5px; left:10px; width:18px; height:18px;}
}

#artigos {background:#487633; padding:25px 0 30px 0;}
#artigos .container {display:flex;}
#artigos .container div {width:25%; flex-direction:column; justify-content:flex-end; -webkit-border-radius:6px; border-radius:6px;}
#artigos .container div:nth-child(2) {width:48%; margin:0 1%;}

#artigos a {display:flex; flex-direction:column; justify-content:flex-end; box-sizing:border-box; height:369px; color:#FFF; background:#EEE; padding:30px 35px; -webkit-border-radius:6px; border-radius:6px; background-size:cover;}
#artigos a::after {content:"leia mais..."; display:block; color:#c8aa67; font-size:16px;}
#artigos a span {font-size:16px; font-weight:400; text-transform:uppercase; margin-bottom:10px;color:#D4AB63;}
#artigos h3 {font-weight:400; font-size:16px; margin-bottom:10px; color:#fff;}

.video-home {background-size:cover; background-position:center;}
.video-home a {display:flex; flex-direction:column; justify-content:flex-end; box-sizing:border-box; align-items:center; background:none !important;}
.video-home a::after {display:none !important;}
.video-home span {font-size:27px; color:#FFF; font-weight:300;}
.video-home span::before {content:""; display:block; margin:0 auto 75px auto; background:url(../images/play.png) no-repeat; width:85px; height:85px;}
.video-home span strong {font-weight:700;}

@media only screen and (max-width:768px) {
	#artigos .container {display:flex; justify-content:space-between; flex-wrap:wrap;}
	.video-home {order:1; width:100% !important; margin:0 0 20px 0 !important;}
	.home-artigo {order:2; width:48% !important;}
	.home-publi {order:3; width:48% !important;}
	img.card-foto-position {width:70% !important; height:70% !important; }
	span , p , strong {font-size: 14px !important;}
	.conteudo-interna img{width: 100%;}

}
@media only screen and (max-width:425px) {
	#artigos .container {flex-direction:column;}
	.video-home {margin:0 0 20px 0 !important;}
	.home-artigo {width:100% !important; margin:0 0 20px 0 !important;}
	.home-publi {width:100% !important;}
	img.card-foto-position {width:70% !important; height:70% !important; }
	span , p , strong {font-size: 14px !important;}
}



#numeros {padding:25px 0 35px 0; position:relative;}
#numeros::before {content:""; display:block; background:#F7F7F7; width:100%; height:50%; position:absolute; bottom:0; left:0; }
#numeros .container {display:flex;}
#numeros .container div {border:1px solid #DCDCDC; width:18.4%; margin-right:2%; -webkit-border-radius:0 47px 0 47px; border-radius:0 47px 0 47px; padding:30px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; text-align:center; color:#7b7b7b;}
#numeros .container div:last-child {margin-right:0;}

#numeros .container div h3 {font-weight:900; font-size:16px; height:38px; display:flex; align-items:center; justify-content:center; text-align:center;}
#numeros .container div img {margin:15px 0;}
#numeros .container div strong {font-weight:900; font-size:21px;}
#numeros .container div span {font-weight:400; font-size:15px;}

@media only screen and (max-width:1100px) {
	#numeros .container div {width:18.4%; margin-right:2%; -webkit-border-radius:0 27px 0 27px; border-radius:0 27px 0 27px; padding:10px;}
	#numeros .container div strong {font-size:18px;}
	#numeros .container div img {width:52px;}
}
@media only screen and (max-width:768px) {
	#numeros {padding:25px 0 5px 0;}
	#numeros .container {flex-wrap:wrap; justify-content:center;}
	#numeros .container div {width:31%; margin-bottom:20px;}
}
@media only screen and (max-width:425px) {
	#numeros {padding:25px 0 5px 0;}
	#numeros .container div {width:100%; margin-bottom:20px;}
	img.card-foto-position {width:70% !important; height:70% !important; }
	span , p , strong {font-size: 14px !important;}
}

/*#sociais {display:flex; padding:25px 0 35px 0;}
#sociais div {width:33%;}*/

#cadastro {background:#F5F5F5; padding:25px 0 35px 0;}
#cadastro .container {display:flex; align-items:flex-end;}
#cad-news {width:32%; padding-right:25px;}
#publicidade {margin:0 auto; width:62%;}
/*#cadastro .container div:nth-child(3) {width:34%; text-align:right;}*/
#publicidade .swiper-slide {text-align:center;}
#publicidade .swiper-slide img {max-width:100%;}

#cadastro h3 {color:#000; font-weight:400; font-size:32px;}
#cadastro span {display:block; color:#adacac; font-weight:300; font-size:21px; margin-bottom:20px;}

#cadastro form {display:flex; flex-wrap:wrap;}

#cadastro input {background:#E7E7E7; box-sizing:border-box; border:none; height:40px;}
#cadastro input[type=text] {width:100%; -webkit-border-radius:18px; border-radius:18px; margin-bottom:18px; padding:0 18px;}
#cadastro input[type=email] {width:80%; -webkit-border-radius:18px 0 0 18px; border-radius:18px 0 0 18px; padding:0 18px;}
#cadastro input[type=submit] {width:20%; background:#487633; color:#FFF; -webkit-border-radius:0 18px 18px 0; border-radius:0 18px 18px 0; font-weight:700;}

@media only screen and (max-width:1100px) {
	#cad-news {width:28%;}
	#cadastro h3 {font-size:26px;}
	#cadastro span {font-size:15px; margin-bottom:20px;}
	#cadastro input[type=email] {width:62%;}
	#cadastro input[type=submit] {width:35%;}
	#publicidade {width:68%;}
}
/*@media only screen and (max-width:768px) {*/
	#cadastro .container {flex-direction:column; align-items:center;}
	#cad-news {width:100%; padding-right:0; margin-bottom:10px;}
	#cadastro input[type=text] {width:48%; margin-right:2%;}
	#cadastro input[type=email] {width:35%;}
	#cadastro input[type=submit] {width:15%;}
	#publicidade {
		width:100%;
		max-height: 150px;
		overflow: hidden;
	}
	/*}*/
	@media only screen and (max-width:425px) {
		#cad-news {margin-bottom:30px;}
		#cadastro input[type=text] {width:100%; margin-right:0;}
		#cadastro input[type=email] {width:65%;}
		#cadastro input[type=submit] {width:35%;}
	}

/* INTERNAS GERAL
=================================================================*/

/* BARRA DE TÍTULOS */

hgroup {background-size:cover; width:100%; height:283px; background-color:#000; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column;}
hgroup::before {content:""; display:block; position:absolute; width:100%; height:100%; background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 80%,rgba(0,0,0,.4)); top:0; left:0;}
hgroup .container {display:flex; flex-direction:column; align-items:center; justify-content:center; height:201px;}

hgroup h1 {font-size:38px; font-weight:300; color:#FFF; margin-bottom:10px;}
hgroup h2 {font-size:21px; font-weight:300; color:#FFF; text-align:center; width:75%;}

@media only screen and (max-width:1024px) {
	hgroup {height:30vw !important;}
	hgroup h1 {font-size:31px !important;}
}
@media only screen and (max-width:768px) {
	hgroup {height:35vw !important;}
	hgroup h1 {font-size:28px !important;}
	hgroup h2 {font-size:19px !important;}
	img.card-foto-position {width:70% !important; height:70% !important; }
	span , p , strong {font-size: 14px !important;}
}
@media only screen and (max-width:480px) {
	hgroup {height:45vw !important;}
	hgroup h1 {font-size:24px !important; font-weight:400 !important;}
	hgroup h2 {font-size:16px !important;}
	img.card-foto-position {width:70% !important; height:70% !important; }
	span , p , strong {font-size: 14px !important;}
}
@media only screen and (max-width:375px) {
	hgroup {height:55vw !important;}
	hgroup h1 {font-size:19px !important; font-weight:400 !important;}
	hgroup h2 {font-size:15px !important;}
}



.submenu {width:100%; height:82px; background-color:rgba(0,0,0,.5);}
.submenu .container {height:82px; display:flex; flex-direction:row; justify-content:center; align-items:center;}

.submenu a {display:flex; align-items:center; margin:0 12px;}
.submenu a i {
	width:35px; 
	height:35px; 
	display:flex; 
	flex-direction:column; 
	justify-content:flex-start; 
	align-items:center; 
	border:solid 1px #FFF; 
	border-radius:35px; 
	margin-right:15px;
	overflow: hidden;
}  
.submenu a i img {width:100%; height:auto;}
.submenu a span {display:flex; color:#FFF;}

.submenu a.ativo i {border:1px solid #f4d698;}
.submenu a.ativo i {
	justify-content:flex-end !important; 
}
.submenu a.ativo i * {fill:#f4d698;}
.submenu a.ativo span {color:#f4d698;}

.submenu a:hover i {
	border:1px solid #f4d698;
	justify-content:flex-end; 
}
.submenu a:hover i * {fill:#f4d698;}
.submenu a:hover span {color:#f4d698;}

@media only screen and (max-width:1024px) {
	.submenu {display:none;}
}

/* FORMATAÇÃO PADRÃO */

article {padding:30px 0 50px 0;}
article, article p, article div, article li {font-size:18px; font-weight:300; line-height:1.4; color:#333;}

article h2 {font-weight:400; color:#487633; font-size:28px; margin-bottom:20px;}
article h3 {font-weight:400; color:#487633; font-size:24px; margin-bottom:16px;}
article h4 {font-weight:400; color:#959595; font-size:22px; margin-bottom:20px;}
article h5 {font-weight:400; color:#487633; font-size:18px; margin-bottom:8px;}

article p {margin:0 0 20px 0; font-weight:300; color:#454545;}
article p a {text-decoration:underline; color:#487633;}

article iframe {width:560px; height:315px; float:left; margin-right:50px; margin-bottom:30px;}

@media only screen and (max-width:1200px) {
	article iframe {width:50%; height:27vw; margin-right:20px; margin-bottom:20px;}
}
@media only screen and (max-width:768px) {
	article, article p, article div, article li {font-size:17px; font-weight:300; line-height:1.35;}
	
	article h2 {font-size:24px; margin-bottom:18px;}
	article h3 {font-size:24px; margin-bottom:15px;}
	article h4 {font-size:20px; margin-bottom:12px;}
	
	article iframe {width:100%; height:50vw; float:none; margin-right:0; margin-bottom:20px;}
}
@media only screen and (max-width:480px) {
	article, article p, article div, article li {font-size:16px; font-weight:300; line-height:1.3;}
	
	article h2 {font-size:21px; margin-bottom:18px;}
	article h3 {font-size:21px; margin-bottom:15px;}
	article h4 {font-size:18px; margin-bottom:12px;}
}

article ul {list-style:none; margin-left:40px; margin-bottom:22px;}
article ul li {position:relative; padding-left:22px; margin-bottom:3px;}
article ul li::before {position:absolute; background:#487633; width:10px; height:10px; top:5px; left:0; content:""; display:block;}

article ul li strong {font-weight:400;}

@media only screen and (max-width:680px) {
	article ul {margin-left:12px !important;}
}

/* HEADING */

.heading {}

.heading div {display:flex; flex-direction:column;}
.heading .date {font-size:14px;}
.heading h3 {font-weight:600; font-size:31px; margin-bottom:8px; text-align: center;}
.heading h4 {font-weight:300; color:#959595; font-size:18px; margin-bottom:20px; font-style:italic; text-align: center;}

.dateline {display:flex; justify-content: space-between; flex-direction: row !important; margin-bottom:40px; padding-top:25px;}
.dateline div {color:#959595/*#487633*/; font-size:15px; font-weight:600;}

@media only screen and (max-width:1024px) {
	.heading h3 {font-size:26px;}
}
@media only screen and (max-width:480px) {
	.heading h3 {font-size:22px;}
	.heading h4 {font-size:16px;}
}

/* MASCARA DEGRADE PARA TEXTO SOB A FOTO */
.mask-linear {position:relative;}
.mask-linear a::before {content:""; display:block; position:absolute; width:100%; height:100%; background:linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent 80%,transparent); top:0; left:0;}
.mask-linear a *, .mask-linear a::after {position:relative; z-index:2;/*color:#fff;*/}
.noticia a span {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #D4AB63;
}
/* CAPA FLOAT PAGINA DETALHE */
.capa-interna {float:left; margin-bottom:20px; margin-right:40px; max-width:35%;}
.capa-interna img {max-width:100%;}

@media only screen and (max-width:980px) {
	.capa-interna {max-width:42%;}
}
@media only screen and (max-width:480px) {
	.capa-interna {width: 100; margin:0; margin-bottom: 20px; float:none; max-width: 100%;}
}

.box-internos {display:flex; justify-content:space-between; margin-top:40px;}

.box-internos .thumb {margin-bottom:15px; display:flex; align-items:center; justify-content:center; width:100%; height:320px; overflow:hidden; border-radius:8px; position:relative;}
.box-internos .thumb a {position:absolute; height:100%; width:100%; display:flex; align-items:center;}
.box-internos .thumb img {width:100%;}
.box-internos div h2 {margin-bottom:5px;}
.box-internos div p {margin-bottom:25px;}
.box-internos div p a {text-decoration:none !important; color:inherit !important;}

.leia-mais {display:flex; align-items:center; justify-content:center; width:135px; height:42px; background:#487633; font-size:16px; color:#FFF; font-weight:700; -webkit-border-radius:20px; border-radius:20px; margin-top:20px;}

/* 2 BOX */
.box-dois div {width:47%;}
.box-dois div:hover h2 {color:#487633;}
.box-dois div:hover::after {background:#487633;}
.box-dois p::after {background:#959595 !important;}
.box-dois div:hover p::after {background:#487633 !important;}

@media only screen and (max-width:1250px) {
	.box-internos .thumb {height:26vw;}
}
@media only screen and (max-width:630px) {
	.box-dois {flex-direction:column;}
	.box-dois div {width:100%; margin-bottom:30px;}
	.box-internos .thumb {height:54vw;}
}

/* 3 BOX */
.box-tres div {width:31%;}
.box-tres .thumb {height:235px;}

.box-tres div h2 {color:#487633; margin-bottom:8px;}
.box-tres div:hover h2 {color:#5FB246;}
.box-tres div:hover p::after {background:#5FB246;}

@media only screen and (max-width:1250px) {
	.box-tres .thumb {height:16vw;}
}
@media only screen and (min-width:721px) and (max-width:1150px) {
	.box-tres .thumb {width:30%;}
	.box-tres {flex-direction:column;}
	.box-tres div {width:100%; display: flex; flex-direction: column; flex-wrap:wrap; height: 16vw; align-items: flex-start; justify-content: flex-start; margin-bottom: 20px;}
	.box-tres div p, .box-tres div h2 {width:66%; margin-left: 2%;}
}
@media only screen and (max-width:720px) {
	.box-tres {flex-direction:column;}
	.box-tres div {width:100%;}
	.box-tres .thumb {height:36vw;}
}


/* QUEM SOMOS 
=================================================================*/

/* MISSÃO VISÃO VALORES*/
#about {display:flex; flex-direction:column; width:920px; margin:50px auto;}
.missao, .visao, .valores {display:flex; justify-content:space-between; position:relative; align-items:center; margin-bottom:35px;}

@media only screen and (min-width:611px) {
	#about .visao {flex-direction:row-reverse; text-align:right;}
}

#about .thumb {width:370px;}
#about .txt-about {display:flex; flex-direction:column !important; width:370px;}
#about .txt-about strong {color:#A8B9CA; font-size:38px; font-weight:400;}
#about .visao .txt-about strong {color:#487733;}
#about div .txt-about p {margin:0;}

/* NÚMEROS, LINHA E BOLINHAS*/
#about div .txt-about::before {position:absolute; width:99px; height:99px; display:flex; align-items:center; justify-content:center; background:#A8B9C9; color:#FFF; font-size:58px; font-weight:300; -webkit-border-radius:50px; border-radius:50px; left:50%; margin-left:-50px;}

#about .missao .txt-about::before {content:"1";}
#about .visao .txt-about::before {content:"2"; background:#487733;}
#about .valores .txt-about::before {content:"3";}

.missao::before, .missao::after, .visao::before, .visao::after {background:#EEF1F4; content:""; display:block; position:absolute;}
.missao::before, .visao::before {width:1px; height:100%; top:0; left:50%;}
.missao::after, .visao::after {width:25px; height:25px; top:100%; left:50%; margin-left:-12.5px; margin-top:-12.5px; -webkit-border-radius:13px; border-radius:13px;}


@media only screen and (max-width:1000px) {
	#about {width:100%; margin:40px auto;}
	#about .thumb {width:40%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	#about .txt-about {width:40% ;}

	#about .txt-about strong {font-size:32px;}
	#about div .txt-about::before {width:69px; height:69px; font-size:45px; margin-left:-35px;}
}
@media only screen and (max-width:610px) {
	.missao, .visao, .valores {flex-direction: column; padding-left:90px;}
	#about .thumb {width:100%; height:200px; margin-bottom:10px; display:flex; justify-content: center; align-items: center; order:1;}
	#about .thumb img {width:100%; height: auto;}
	#about .txt-about {width:100%; margin-bottom:15px;}
	
	.valores::before, .valores::after {background:#EEF1F4; content:""; display:block; position:absolute;}
	.valores::before, .valores::before {width:1px; height:100%;}
	#about div .txt-about::before {left:0; margin-left:0; top:0;}
	.missao::before, .visao::before, .valores::before {left:35px; height:100%; top:0;}
	.missao::after, .visao::after {bottom:0; top:inherit; left:35px;}
}
@media only screen and (max-width:480px) {
	.missao, .visao, .valores {padding-left:50px;}
	#about .thumb {height:40vw;}
	
	#about div .txt-about::before {width:40px; height:40px; font-size:28px;}
	.missao::before, .visao::before, .valores::before {left:20px;}
	.missao::after, .visao::after {left:20px;}
	
}

/* SIMBOLOGIA */ 

#simbologia div {padding-left:145px; position:relative; margin-bottom:25px;}
#simbologia div p {margin:6px 0;}

#simbologia div::before {content:""; display:block; position:absolute; top:0; left:0; width:111px; height:111px; background-size:contain; background-repeat:no-repeat;}

#simbologia div:nth-child(1)::before {background-image:url(../images/logo-i.png);}
#simbologia div:nth-child(2)::before {background-image:url(../images/logo-b.png);}
#simbologia div:nth-child(3)::before {background-image:url(../images/logo-a.png);}

@media only screen and (max-width:610px) {
	#simbologia div {padding-left:90px;}
	#simbologia div::before {width:70px; height:70px;}
}
@media only screen and (max-width:480px) {
	#simbologia div {padding-left:60px;}
	#simbologia div::before {width:40px; height:40px;}
}

/* EQUIPE
=================================================================*/

.presidencia {background:#f1f1f1; position:relative; padding:20px 35px 40px 35px; margin-top:9px;}
.presidencia::before {background:#487633; width:256px; height:9px; content:""; display:block; top:-9px; right:0; position:absolute;}

.equipe-df {position:relative; padding:20px 35px 40px 35px;}

.equipe-sp {background:#f1f1f1; position:relative; padding:20px 35px 40px 35px;}

.presidencia h2, .equipe-df h2, .equipe-sp h2 {font-weight:700; position:relative; overflow:hidden; width:98%;}
.presidencia h2::after, .equipe-df h2::after, .equipe-sp h2::after {content:""; height:1px; width:100%; position:absolute; background:#CCC; margin-left:20px; top:18px;}


.cards-equipe {display:flex; flex-wrap:wrap;}
.cards-equipe div {display:flex; color:#333;}
.cards-equipe div:not(:last-child) {
	/*margin-right:50px;*/
	width: 27%;
	margin: 0 6% 20px 0;
}
.cards-equipe div strong {font-size:16px; font-weight:400;}
.cards-equipe div span {font-size:17px; font-weight:300;}
.cards-equipe div a {text-decoration:underline; color:#487633;}

.cards-equipe p {display:flex; flex-direction:column; margin:0; padding:0; font-size:inherit;}

.equipe-sp .cards-equipe div {width:27%; margin:0 6% 20px 0; flex-direction:column;}

@media only screen and (max-width:930px) {
	.equipe-sp .cards-equipe div {width:44%; margin:0 6% 20px 0;}
}
@media only screen and (max-width:630px) {
	.equipe-sp .cards-equipe div {width:100%; margin:0 0 20px 0;}
}

/* GOVERNANÇA
=================================================================*/

.intro-governanca {display:flex; justify-content:space-between; margin-bottom:40px; padding-top:30px;}
.intro-governanca::before {background:#f4d698; width:24%; height:9px; content:""; display:block; top:14px; left:0; position:absolute;}

.intro-governanca div {width:48%;}

@media only screen and (max-width:1024px) {
	.intro-governanca {display:flex; flex-direction:column; justify-content:flex-start;}
	.intro-governanca div {width:100%; margin-bottom:20px;}
}

.bg-green {background:#487633; padding:20px 40px;}
.bg-green h2 {font-weight:700; /*font-size:28px;*/ margin-bottom:4px; line-height:1.2;}
.bg-green h4 {font-weight:400; /*font-size:24px;*/ margin-bottom:20px;}
.bg-green * {color:#FFF;}

.pdf-resumo {display:block; padding-left:50px; position:relative;}
.pdf-resumo p {margin-top:0;}
.pdf-resumo + a {background:#FFF; border:2px solid #487633; display:flex; height:66px; align-items:center; -webkit-border-radius:35px; border-radius:35px; font-size:18px; font-weight:600; color:#487633; text-align:center; position:relative; z-index:5; justify-content:center;}
.pdf-resumo + a i {display:flex; align-items:center; justify-content:center; margin-right:10px;}

.pdf-resumo::before, .pdf-resumo::after { content:""; display:block; position:absolute;}
.pdf-resumo::before {width:1px; height:116%; height:calc(100% + 50px); top:8px; left:7px; background:#CCC;}
.pdf-resumo::after {width:15px; height:15px; top:4px; left:0; -webkit-border-radius:8px; border-radius:8px; background:#487633;}

.conselho {background:#F8F8F8; border-top:1px solid #CCC; padding:50px 0 40px 0; margin-bottom:40px; top:15px; position:relative;}
.conselho::before {background:#F8F8F8; border-top:1px solid #CCC; width:100vw; height:100%; left:50%; top:-1px; position:absolute; content:""; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.conselho .container {overflow:visible;}
.conselho .container ::before {background:#487633; width:24%; height:9px; content:""; display:block; top:-60px; left:0; position:absolute;}

.conselho .cards-equipe div {width:20%; margin:0 5% 20px 0;}

@media only screen and (max-width:1024px) {
	.conselho .cards-equipe div {width:28%; margin:0 5% 20px 0;}
}
@media only screen and (max-width:768px) {
	.conselho .cards-equipe div {width:45%; margin:0 5% 20px 0;}
}
@media only screen and (max-width:425px) {
	.conselho .cards-equipe div {width:100%; margin:0 0 20px 0;}
}

.conselho h2, .conselheiros h2 {position:relative; overflow:hidden; width:98%;}
.conselho h2::after, .conselheiros h2::after {content:""; height:1px; width:100%; position:absolute; background:#CCC; margin-left:20px; top:18px;}

.conselheiros {display:flex; justify-content:space-between;}

.tab-conselheiros {display:flex; justify-content:flex-start; flex-wrap:wrap;}
.tab-conselheiros div {display:flex; flex-direction:column; padding:0 0 0 15px; width:20%; margin-bottom:25px;}
.tab-conselheiros div strong {font-size:16px; font-weight:400; margin-bottom:10px;}
.tab-conselheiros div p {font-size:17px; font-weight:300; margin:0; padding:0;}

.tab-conselheiros div:nth-child(1n) {border-left:4px solid #487633;}
.tab-conselheiros div:nth-child(2n) {border-left:4px solid #a9d333;}
.tab-conselheiros div:nth-child(3n) {border-left:4px solid #dda703;}
.tab-conselheiros div:nth-child(4n) {border-left:4px solid #cd6431;}
.tab-conselheiros div:nth-child(5n) {border-left:4px solid #a9d333;}

@media only screen and (max-width:1024px) {
	.tab-conselheiros div {width:28%; margin:0 5% 20px 0;}
}
@media only screen and (max-width:768px) {
	.tab-conselheiros div {width:45%; margin:0 5% 20px 0;}
}
@media only screen and (max-width:425px) {
	.tab-conselheiros div {width:100%; margin:0 0 20px 0;}
}

/* POSICIONAMENTOS
=================================================================*/

.dual-col {display:flex; justify-content:space-between; margin-bottom:50px;}
.dual-col div {width:47%;}

@media only screen and (max-width:1024px) {
	.dual-col {flex-direction:column; justify-content:flex-start; margin-bottom:50px;}
	.dual-col div {width:100%; margin-bottom:30px;}
}

h2.tit-line {position:relative; overflow:hidden; font-weight:700;}
h2.tit-line::after {content:""; height:1px; width:100%; position:absolute; background:#CCC; margin-left:20px; top:18px;}

h2.tit-center {position:relative; overflow:hidden; font-weight:700; text-align:center; background:#FFF;}
h2.tit-center::after {content:""; height:1px; width:100%; position:absolute; background:#CCC; top:18px; left:0;}
h2.tit-center strong {background:#FFF; padding:0 20px; z-index:5; position:relative}

h4.tit-line {position:relative; overflow:hidden; font-weight:700;}
h4.tit-line::after {content:""; height:1px; width:100%; position:absolute; background:#CCC; margin-left:20px; top:13px;}

h4.tit-center {position:relative; overflow:hidden; font-weight:700; font-size:18px; text-align:center}


/* ASSOCIADAS
=================================================================*/

.intro-associadas {display:flex; justify-content:space-between; border-bottom:1px solid #CCC; padding-bottom:40px; padding-top:29px; margin-bottom:20px;}
.intro-associadas::before {background:#f4d698; width:24%; height:9px; content:""; display:block; top:14px; left:0; position:absolute;}
.intro-associadas div {width:47%; padding: 25px;}

@media only screen and (max-width:1024px) {
	.intro-associadas {display:flex; flex-direction:column; justify-content:flex-start;}
	.intro-associadas div {width:100%; margin-bottom:20px;}
}

.message-border {border:1px solid #487633; color:#487633; -webkit-border-radius:25px; border-radius:25px; font-size:15px; padding:12px 30px; font-weight:400;}

.logos {display:flex; flex-wrap:wrap; margin-bottom:40px;}
.logos a {display:flex; align-items:center; justify-content:center; width:17%; height:105px; margin:20px 1.5%; border:1px solid #487633; -webkit-border-radius:8px; border-radius:8px;}
.logos a img {max-width:80%; max-height:80%; height:auto; filter:grayscale(100); opacity:.6;}
.logos a:hover img {filter:grayscale(0); opacity:1;}

@media only screen and (max-width:960px) {
	.logos a {width:22%; margin:10px 1.5%;}
}
@media only screen and (max-width:768px) {
	.logos a {width:30%;}
}
@media only screen and (max-width:480px) {
	.logos a {width:47%;}
}

.green-square {list-style:none; margin-left:40px; margin-bottom:22px;}
.green-square li {position:relative; padding-left:22px; margin-bottom:3px;}
.green-square li::before {position:absolute; background:#487633; width:10px; height:10px; top:5px; left:0; content:""; display:block;}

.green-square li strong {font-weight:400;}

@media only screen and (max-width:680px) {
	.green-square {margin-left:12px !important;}
}

.prods-links {list-style:none; margin-left:20px;}
.prods-links li {position:relative; padding-left:22px; margin-bottom:6px;}
.prods-links li::before {position:absolute; background:#487633; width:10px; height:10px; top:6px; left:0; content:""; display:block;}

.prods-links li a {font-weight: 700; font-size:18px; text-decoration: underline;}

.prods-links li strong {font-weight:400;}

@media only screen and (max-width:680px) {
	.prods-links {margin-left:12px !important;}
}




/* PÁGINAS MENU SETOR
=================================================================*/

.intro-setor {position:relative; background-size:cover; height:380px; display:flex; margin-top:60px; margin-bottom:50px; justify-content:space-between; align-items:flex-start; background-position:center;}
.intro-setor::before {background:#f4d698; width:24%; height:9px; content:""; display:block; top:-9px; right:0; position:absolute;}

.intro-setor .bg-green {top:-35px; position:relative; width:38%; padding-bottom:0;}
.intro-setor .txt-hover {width:35%; color:#FFF; padding:50px 50px 50px 25px;}

.intro-prods .bg-green {width:48%;}
.intro-prods .txt-hover {width:45%;}

@media only screen and (max-width:980px) {
	.intro-setor .bg-green {width:45%;}
	.intro-setor .txt-hover {width:45%;}
}
@media only screen and (max-width:768px) {
	.intro-setor {flex-direction:column; height:auto; margin-top:0; overflow:hidden; padding-top:9px; background:transparent !important;}
	.intro-setor::before {top:0;}
	.intro-setor .bg-green {width:100%; top:0; padding-bottom:0 !important;}
	.intro-setor .txt-hover {width:100%; padding:20px 30px; text-align:center; background:#487633}
	.intro-setor .bg-green::after {content:""; display:block; height:45vw; width:92vw; background-size:cover; background-position:center; background-color:#CCC; margin-left:-40px;}
}
@media only screen and (max-width:480px) {
	.intro-setor .bg-green {padding:20px 15px;}
	.intro-setor .txt-hover {padding:20px 15px;}
	.intro-setor .bg-green::after {margin-left:-15px;}
}

/* ÁRVORES CULTIVADAS */

img.pic-map {
	width: 100%;
}

/* ÁRVORES PLANTADAS */

#plantadas {background-image:url(../images/bg-plantadas.jpg);}

@media only screen and (max-width:768px) {
	#plantadas .bg-green::after {background-image:url(../images/bg-plantadas.jpg);}
}

#preservacao {position:relative;}
#preservacao::before {float:right; margin-left:55px; margin-bottom:30px; content:""; display:block; background:url(../images/img-conservacao.jpg); width:303px; height:245px;}
#preservacao::after {content:""; height:1px; width:100%; background:#CCC;}

@media only screen and (max-width:900px) {
	#preservacao::before {width:35%; height:25vw; background-size:cover;}
}
@media only screen and (max-width:425px) {
	#preservacao {display:flex; flex-direction:column;}
	#preservacao h2 {order:0;}
	#preservacao::before {width:100%; height:65vw; float:none; margin-left:0; margin-bottom:30px; order:1;}
	#preservacao p {order:2;}
	#preservacao::after {display:none;}
}


/* PRODUTOS */

#produtos {background-image:url(../images/bg-produtos.jpg);}

@media only screen and (max-width:768px) {
	#produtos .bg-green::after {background-image:url(../images/bg-produtos.jpg);}
}

#ex-prod {display:flex; flex-wrap:wrap; font-size:18px; padding-top:20px;}
#ex-prod div {display:flex; flex-direction:column; justify-content:flex-end; align-items:center; width:21%; margin:0 2% 20px 2%;}
#ex-prod div p.prod-thumb {background-size:cover; background-position:center; height:150px; width:100%; padding:0; position:relative; margin-bottom:10px;}
#ex-prod div p.prod-thumb a {position:absolute; width:100%; height:100%; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.prod-thumb a img {width:100%; height:auto;}
#ex-prod div p {color:#42975f; font-weight:400;}
#ex-prod div p a {text-decoration:none !important; color:inherit !important;}

@media only screen and (min-width:1101px) {
	#produtos .txt-hover {padding-top:100px;}
}

@media only screen and (max-width:1250px) {
	#ex-prod div p.prod-thumb {height:10vw;}
}
@media only screen and (max-width:810px) {
	#ex-prod div {width:29.3%;}
	#ex-prod div p.prod-thumb {height:15vw;}
}
@media only screen and (max-width:560px) {
	#ex-prod div {width:46%;}
	#ex-prod div p.prod-thumb {height:25vw;}
}
@media only screen and (max-width:375px) {
	#ex-prod div {width:100%; margin:0 0 20px 0;}
	#ex-prod div p.prod-thumb {height:35vw;}
}




/* DADOS */

#dados {background-image:url(../images/bg-dados.jpg);}

@media only screen and (max-width:768px) {
	#dados .bg-green::after {background-image:url(../images/bg-dados.jpg);}
}

#eco-indicadores {display:flex; justify-content:space-between; font-size:18px; padding-top:20px; margin-bottom:50px;}
#eco-indicadores div {display:flex; flex-direction:column; align-items:center; width:18%; position:relative; padding-bottom:30px;}
#eco-indicadores p.icon {border:2px solid #F4D698; margin:0 auto; margin-bottom:15px; width:77px; height:77px; display:flex; align-items:center; justify-content:center; -webkit-border-radius:39px; border-radius:39px; min-height:inherit !important;}
#eco-indicadores p.icon img {max-height:35px;}
#eco-indicadores div p {color:#555; font-weight:300; text-align:center; margin:0; white-space: normal; max-width: 100%;}
#eco-indicadores div::after {background:#F4D698; content:""; display:block; height:4px; width:90%; margin:0 auto; position:absolute; bottom:5px; left:10%;}

@media only screen and (max-width:1000px) {
	#eco-indicadores {flex-wrap:wrap;}
	#eco-indicadores div {width:48%; margin-bottom:20px;}
	
	#eco-indicadores div p {font-size:16px;}
}
@media only screen and (max-width:768px) {
	#eco-indicadores {flex-direction:column; padding-top:0;}
	#eco-indicadores div {width:100%; flex-direction:row; justify-content:space-between; align-items:flex-start; padding-top:10px; padding-bottom:0;}
	#eco-indicadores div p {min-height:77px; width:80%; width:calc(100% - 95px); border-left:3px solid #F4D698; padding-left:12px; text-align:left;}
	#eco-indicadores p.icon {padding:0;}

	#eco-indicadores div::after {display:none;}
}
@media only screen and (max-width:480px) {
	#eco-indicadores div {width:100%; flex-direction:row; justify-content:space-between; align-items:flex-start; padding-top:10px; padding-bottom:0;}
	#eco-indicadores div p {font-size:14px; min-height:56px; width:82%; width:calc(100% - 68px); border-left:3px solid #F4D698; padding-left:12px;}	
	#eco-indicadores p.icon {width:56px; height:56px; -webkit-border-radius:28px; border-radius:28px;}
	#eco-indicadores p.icon img {max-height:20px; max-width:28px;}
}
@media only screen and (max-width:425px) {
	#eco-indicadores div {width:100%; flex-direction:row; justify-content:space-between; align-items:flex-start; padding-top:10px; padding-bottom:0;}
	#eco-indicadores div p {font-size:14px; width:82%; width:calc(100% - 54px); border-left:3px solid #F4D698; padding-left:12px;}	
	#eco-indicadores p.icon {width:42px; height:42px; -webkit-border-radius:21px; border-radius:21px; padding:0;}
	#eco-indicadores p.icon img {max-height:20px; max-width:28px;}
}

#area-plantadas {position:relative; display:flex; min-height:355px; padding-top:70px; margin-bottom:50px; width:100% !important;}

#area-plantadas div {width:225px; margin:0 40px 0 0; display:flex; flex-direction:column; align-items:center;}
#area-plantadas div:not(:first-child) {width:95px; margin:0 20px; text-align:center;}

#area-plantadas h2 {font-weight:700; font-size:28px; line-height:1.2; margin-bottom:20px; max-width:100%; white-space:normal;}


#area-plantadas p.icon {border:2px solid #5eb245; margin: 0 auto; margin-bottom:15px; width:77px; height:77px; display:flex; align-items:center; justify-content:center; -webkit-border-radius:39px; border-radius:39px;}
#area-plantadas p.icon img {max-height:35px;}
#area-plantadas h4 {font-size:32px; font-weight:900; margin:0; margin-bottom:4px; max-width: 100%; white-space: normal;}
#area-plantadas p {font-size:13px; font-weight:400; margin:0; max-width: 100%; white-space: normal;}

@media only screen and (min-width:481px) {
	#area-plantadas::before {content:""; display:block; width:100vw; left:50%; transform:translate(-50vw); height:355px; position:absolute; top:0; background:url(../images/bg-indicadores.png); z-index:-1; background-size:cover; background-position:center;}
	#area-plantadas * {color:#FFF;}
}

@media only screen and (max-width:1210px) {
	#area-plantadas {flex-wrap:wrap; height:350px; margin-bottom:50px; padding-top:40px !important;}
	#area-plantadas::before {height:380px;}
	
	#area-plantadas div:first-child {width:100%; margin:0;}
	#area-plantadas div:not(:first-child) {width:13%; margin:0 .6%;}
	#area-plantadas h2 {text-align:center;}
	#area-plantadas h2 + p {text-align:center; margin-bottom:12px;}
}
@media only screen and (max-width:768px) {
	#area-plantadas p.icon {margin-bottom:10px; width:62px; height:62px; -webkit-border-radius:31px; border-radius:31px;}
	#area-plantadas p.icon img {max-height:28px;}
	#area-plantadas h4 {font-size:28px;}
}
@media only screen and (max-width:680px) {
	#area-plantadas {flex-wrap:wrap; height:485px; margin-bottom:50px; padding-top:40px !important; justify-content:center;}
	#area-plantadas::before {height:500px;}
	
	#area-plantadas div:not(:first-child) {width:23%; margin:0 1%; margin-bottom:20px;}
}
@media only screen and (max-width:480px) {
	#area-plantadas p.icon {width:56px; height:56px; -webkit-border-radius:28px; border-radius:28px;}
	#area-plantadas p.icon img {max-height:30px; max-width:28px;}
}
@media only screen and (max-width:480px) {
	#area-plantadas {height:auto; margin-bottom:25px;}
	#area-plantadas div:not(:first-child) {width:31%;}
	#area-plantadas div p, #area-plantadas div h4 {color:#5eb245;}
	#area-plantadas h2 + p {color:inherit;}
}

.blue-topics {display:flex; flex-wrap:wrap;}
.blue-topics div {position:relative; width:48%; margin:0 1%; margin-bottom:30px; padding-left:25px;}
.blue-topics div::before {content:""; display:block; width:4px; height:39px; margin-right:20px; background:#00aef7; position:absolute; left:0; top:0;}

.blue-benef {margin-bottom:30px;}
.blue-benef::before {content:""; display:block; float:left; margin-right:55px; width:390px; height:265px; background-size:cover;}
.benef-amb::before {background-image:url(../images/benef-amb.jpg);}
.benef-soc::before {background-image:url(../images/benef-soc.jpg);}
.blue-benef h2 {color:#00aef7;}

@media only screen and (max-width:1250px) {
	.blue-benef::before {width:28vw; height:18vw; margin-right:25px;}
}
@media only screen and (max-width:768px) {
	.blue-benef {display:flex; flex-direction:column;}
	.blue-benef::before {float:none; order:2; width:100%; height:45vw; margin-bottom:20px; background-position:center;}
	.blue-benef h2 {order:1;}
	.blue-topics {order:3;}
}
@media only screen and (max-width:480px) {
	.blue-topics div {position:relative; width:100%; margin:0; margin-bottom:30px; padding-left:25px;}
}


/* HISTÓRICO DE DESEMPENHO */

#graph-boxs {display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; padding-top:40px}

.graph-box {width:47%; margin-bottom:90px; background:#EEE; position:relative; height:260px; background-size:cover;}
.graph-box:nth-child(1) {background-image:url(../images/celulose.jpg);}
.graph-box:nth-child(2) {background-image:url(../images/papel.jpg);}
.graph-box:nth-child(3) {background-image:url(../images/paineis.jpg);}
.graph-box:nth-child(4) {background-image:url(../images/pisos.jpg);}
.graph-box::before {background:#f4d698; width:24%; height:9px; content:""; display:block; top:-9px; right:0; position:absolute;}


#graph-boxs a {position:absolute; width: 100%; height: 100%; top:0; left:0;}

.graph-box .bg-green {width:65%; top:-35px; position:relative;}
.graph-box:hover .bg-green {background:#619D44;}

@media only screen and (max-width:1024px) {
	#graph-boxs {}
	.graph-box {width:48%; margin-bottom:70px;}
	.graph-box .bg-green {padding:15px 25px;}
}
@media only screen and (max-width:768px) {
	.graph-box {width:100%;}
}

/* PÁGINAS SUSTENTABILIDADE
=================================================================*/

#florestas {background-image:url(../images/bg-florestas.jpg);}

#florestais {background-image:url(../images/bg-florestais.jpg);}

#aquecimento {background-image:url(../images/bg-aquecimento.jpg);}

@media only screen and (max-width:768px) {
	#florestas .bg-green::after {background-image:url(../images/bg-florestas.jpg);}
	#florestais .bg-green::after {background-image:url(../images/bg-florestais.jpg);}
	#aquecimento .bg-green::after {background-image:url(../images/bg-aquecimento.jpg);}
}

#reciclagem {background-image:url(../images/bg-reciclagem.jpg);}
@media only screen and (min-width:1250px) {
	#reciclagem .bg-green {width:30%;}
}

@media only screen and (max-width:768px) {
	#reciclagem .bg-green::after {background-image:url(../images/bg-reciclagem.jpg);}
	#reciclagem .bg-green {width:100%;}
}

.residuos {position:relative; background-size:cover; height:380px; display:flex; margin-top:60px; margin-bottom:50px; justify-content:space-between; align-items:flex-start; background-image:url(../images/bg-residuos.jpg);}
.residuos .txt-hover {width:300px; color:#FFF; padding:30px 50px 50px 25px; margin:0 40px 0 20px;}
.residuos .txt-hover h2 {font-size:24px; color:#FFF; font-weight:900; line-height:1.2; margin-bottom:10px;}
.residuos .txt-hover p {font-size:15px; color:#FFF;}

.residuos .bg-green {top:-70px; position:relative; width:252px;}
.residuos .bg-green::before {background:#f4d698; width:86px; height:5px; content:""; display:block; top:-5px; left:0; position:absolute;}

.residuos .bg-green:last-child {margin-right:20px;}

.residuos .bg-green h2 {font-size:26px; font-weight:900;}
.residuos .bg-green h3 {font-size:17px; font-weight:400;}
.residuos .bg-green p {font-size:15px; font-weight:300;}

@media only screen and (max-width:1250px) {
	.residuos {background:none; flex-direction: column; height: auto;}
	.residuos div {width:100%;}
	.residuos .txt-hover {width:100%; background-image:url(../images/bg-residuos.jpg); color:#FFF; padding:90px 50px; margin:0; border-bottom:5px solid #f4d698; background-size: cover;}
	.residuos .bg-green {width: 100%; top:0; padding:10px 20px 0 20px;}
	.residuos .bg-green:last-child {margin-right:0;}
	.residuos .bg-green::before {display:none;}
	
	
}


/* PÁGINAS DE LISTAS
=================================================================*/

/* PAGINAÇÃO */

.pagination {margin:40px auto 60px auto; display:flex; align-items:center; justify-content:center;}
.pagination a {color:#bfbfbf; border:1px solid #DDD; border-right:0; width:45px; height:38px; line-height:38px; text-align:center;}
.pagination a svg {width:9px;}
.pagination a:first-child {-webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;}
.pagination a:last-child {-webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;  border-right:1px solid #DDD;}
.pagination a:hover {background:rgba(72,118,51,.2); border:1px solid rgba(72,118,51,.1) !important; color:#FFF;}
.pagination a:hover svg * {fill:#FFF;}

.pagination a.active {background:#487633 !important; border:1px solid #487633 !important; color:#FFF !important;}


/* ARTIGOS / RELEASES */

#lista-artigos {display:flex; flex-direction:column;}
#lista-artigos a {display:flex; background:#F8F8F8; margin-bottom:8px; position:relative;}

#lista-artigos .data {display:flex; flex-direction:column; align-items:center; justify-content:center; background:#BFBFBF; width:105px; height:115px; color:#FFF; line-height:1;}
#lista-artigos .data strong {font-weight:900; font-size:25px;}
#lista-artigos .data span {font-weight:300; font-size:22px;}

#lista-artigos .texto {display:flex; flex-direction:column; padding:20px; padding-left:50px; color:#555;}
#lista-artigos .texto strong {font-size:17px; font-weight:400;}
#lista-artigos .texto span {font-size:17px; font-weight:300;}

#lista-artigos .icon {position:absolute;right:20px; top:50%; margin-top:-17.5px;}

/* HOVERS */

#lista-artigos a:hover .data {background:#487633;}
#lista-artigos a:hover .icon .svg-stroke {stroke:#487633 !important;}
#lista-artigos a:hover .icon .svg-fill {fill:#487633 !important;}


/* IBÁ NA MÍDIA */

#lista-midia {display:flex; flex-direction:column;}
#lista-midia a {display:flex; background:#F8F8F8; margin-bottom:8px; position:relative;}

#lista-midia a .thumb {width:275px; height:175px; background-size:cover;}	
#lista-midia .data {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:64px; height:73px; color:#FFF; line-height:1; margin-left:12px; overflow:hidden;}
#lista-midia .data::after, #lista-midia .data::before {background:#497633; content:""; display:block; position:absolute; width:144px; height:144px;}
#lista-midia .data::before {right:3px; bottom:20px; -moz-transform:rotate(20deg);-webkit-transform:rotate(20deg); -o-transform:rotate(20deg); -ms-transform:rotate(20deg); transform:rotate(20deg);}
#lista-midia .data::after {left:3px; bottom:20px;-moz-transform:rotate(-20deg);-webkit-transform:rotate(-20deg); -o-transform:rotate(-20deg); -ms-transform:rotate(-20deg); transform:rotate(-20deg);}
#lista-midia .data strong {font-weight:900; font-size:18px; position:relative; z-index:5;}
#lista-midia .data span {font-weight:300; font-size:16px; position:relative; z-index:5;}

#lista-midia .texto {display:flex; flex-direction:column; padding:20px; padding-left:50px; color:#555; width:850px;}
#lista-midia .texto strong {font-size:17px; font-weight:700; margin-bottom:10px;}
#lista-midia .texto span {font-size:17px; font-weight:300;}

#lista-midia .icon {position:absolute; right:0; top:0; background:#BFBFBF; width:60px; height:100%; display:flex; align-items:center; justify-content:center;}
#lista-midia a .icon .svg-stroke {stroke:#FFF !important;}
#lista-midia a .icon .svg-fill {fill:#FFF !important;}

/* HOVERS */

#lista-midia a:hover .data::after, #lista-midia a:hover .data::before {background:#5FB246;}
#lista-midia a:hover .icon {background:#487633;}

@media only screen and (max-width:1250px) {
#lista-midia a .thumb {width:24%; /*height:24vw;*/}
#lista-midia .texto {padding-left:30px; width:70%;}
}
@media only screen and (max-width:990px) {
	#lista-midia a {margin-bottom:12px;}
	#lista-midia .texto strong {font-size:16px; margin-bottom:6px;}
	#lista-midia .texto span {font-size:15px;}
}
@media only screen and (max-width:900px) {
#lista-midia a .thumb {width:35%; /*height:24vw;*/}
#lista-midia .icon {display:none;}
}
@media only screen and (max-width:600px) and (min-width:481px) {
	#lista-midia a .thumb {width:40%; position:relative;}
	#lista-midia .data {position:absolute; margin-left:30px; left:100%; width:50px; height:60px;}
	#lista-midia .data::before {right:-4px;}
	#lista-midia .data::after {left:-4px;}
}
@media only screen and (max-width:600px) {
	#lista-midia a {}
	#lista-midia .texto {padding-left:30px; width:58%; padding-top:70px;}
	#lista-midia .texto span {display:none;}
}
@media only screen and (max-width:480px) {
	#lista-midia a {flex-direction:column; margin-bottom:20px;}
	#lista-midia a .thumb {width:100%; height:50vw; background-size:cover;}
	#lista-midia .data {left:0;}
	#lista-midia a .texto {width:100%; padding:20px 15px;}
	#lista-midia .texto strong {font-size:18px;}
}

/* EVENTOS 

#lista-eventos {display:flex;}
	#lista-eventos a {display:flex; flex-direction:column; background:#F8F8F8; width:30%; margin:0 1.5%; margin-bottom:25px; position:relative;}

		#lista-eventos .thumb {height:175px; width:100%; background-size:cover;}
			#lista-eventos .data {display:flex; flex-direction:column; align-items:center; justify-content:center; background:rgba(72,118,51,.7); width:65px; height:62px; color:#FFF; line-height:1;}
				#lista-eventos .data strong {font-weight:900; font-size:18px;}
				#lista-eventos .data span {font-weight:300; font-size:27px;}

		#lista-eventos .texto {display:flex; flex-direction:column; padding:20px; color:#555; width:100%;}
			#lista-eventos .texto strong {font-size:16px; font-weight:400; min-height:32px; margin-bottom:8px;}			
			#lista-eventos .texto span {font-size:15px; font-weight:300;}*/



			/* EVENTOS NOVA */

			#menu-eventos {position:relative; margin-bottom:50px;}

			.swiper-meses {margin:0 55px !important;}
			.swiper-meses .swiper-slide {background:#487633; border:1px solid #F8F8F8; flex-direction:column; color:#FFF; display:flex; align-items:center; justify-content:center; -webkit-border-radius:14px; border-radius:14px; position:relative; font-size:18px; font-weight:400; /*width:20%;*/ padding:0 40px 0 40px; height:68px; cursor:pointer;}
			.swiper-meses .swiper-slide:hover {background:#5FB246;}
			.swiper-meses .ativo {background:#5FB246 !important;}

			.swiper-meses .swiper-slide h5 {font-size:20px; margin-bottom: 0; color:#FFF;}
			.swiper-meses .swiper-slide h6 {font-size:15px;}

			.meses-next {background-image:url(../svg/banner-right.svg) !important; background-size:contain !important; width:30px !important;}
			.meses-prev {background-image:url(../svg/banner-left.svg) !important; background-size:contain !important; width:30px !important;}


			#lista-eventos {display:flex; flex-wrap:wrap;}
			.evento {display:flex; width:47%; margin:0 1.5%; border:1px solid #487633;-webkit-border-radius:6px; border-radius:6px; overflow:hidden; margin-bottom:30px;}
			#lista-eventos .data {display:flex; flex-direction:column; align-items:center; justify-content:center; background:rgba(72,118,51,1); width:85px; height:100%; color:#FFF; line-height:1; margin-right:20px;}
			#lista-eventos .data strong {font-weight:900; font-size:18px;}
			#lista-eventos .data span {font-weight:300; font-size:27px;}

			#lista-eventos .texto {line-height:1.2; padding:10px; }
			#lista-eventos .texto strong {display:block; color:#5FB246; font-size:18px; margin-bottom:8px;}
			#lista-eventos .texto p {font-size:16px !important; margin: 0 !important;}

			@media only screen and (max-width:1180px) {
				.evento {width:100%;}
			}


			/* PUBLICAÇÔES */

			#menu-publicacoes {display:flex; margin-bottom:40px; height:68px;}
			#menu-publicacoes a {background:#487633; border:1px solid #F8F8F8; color:#FFF; display:flex; align-items:center; justify-content:center;-webkit-border-radius:0 34px 34px 0; border-radius:0 34px 34px 0; position:relative; font-size:18px; font-weight:400; /*width:20%;*/ padding:0 50px 0 65px;}
			#menu-publicacoes a:nth-child(1) {z-index:5; padding:0 50px 0 40px; white-space: nowrap;}
			#menu-publicacoes a:nth-child(2) {z-index:4; left:-35px;}
			#menu-publicacoes a:nth-child(3) {z-index:3; left:-70px;}
			#menu-publicacoes a:nth-child(4) {z-index:2; left:-105px;}
			#menu-publicacoes a:nth-child(5) {z-index:1; left:-140px;}

			#menu-publicacoes a.active {background:#eaeaea !important; color:#555 !important;}

			@media only screen and (max-width:850px) {
				#menu-publicacoes {height:50px;}
				#menu-publicacoes a {-webkit-border-radius:0 34px 34px 0; border-radius:0 34px 34px 0; font-size:16px; padding:0 30px 0 45px;}
				#menu-publicacoes a:nth-child(1) {z-index:5; padding:0 30px 0 20px; white-space: nowrap;}
			}
			@media only screen and (max-width:660px) {
				#menu-publicacoes {flex-direction:column; height: auto;}
				#menu-publicacoes a {left:0 !important; height:40px !important; border-radius:15px !important;}

			}

			#lista-publicacoes {display:flex; flex-wrap:wrap;}
			#lista-publicacoes a {display:flex; flex-direction:column; background:#487633;/*#F8F8F8;*/ width:22%; margin:0 1.5%; margin-bottom:25px; position:relative;}

			#lista-publicacoes .thumb {height:372px; width:100%; background-size:cover; background-color:#CCC; border:3px solid #487633; border-bottom:none;}
			#lista-publicacoes .texto {display:flex; flex-direction:column; padding:20px; color:#FFF;/*#555*/ width:100%; justify-content: center;}
		#lista-publicacoes .texto strong {font-size:16px; font-weight:400; /*min-height:44px; margin-bottom:8px;*/}
		#lista-publicacoes .texto span p {font-size:15px; font-weight:300; color:#FFF;}

		/* HOVERS */

		#lista-publicacoes a:hover {background:#5FB246;}
		#lista-publicacoes a:hover .thumb {border:3px solid #5FB246; border-bottom:none;}
		#lista-publicacoes a:hover .texto strong, #lista-publicacoes a:hover .texto span p {color:#FFF !important;}


		@media only screen and (max-width:1200px) {
			#lista-publicacoes a {width:30%; height:40vw;}
		}
		@media only screen and (max-width:830px) {
			#lista-publicacoes a {width:45%; margin:0 2.5%; margin-bottom:25px;  height:50vw;}
		}
		@media only screen and (max-width:480px) {
			#lista-publicacoes a {width:100%; margin:0; margin-bottom:25px;  height:100vw;}
		}



		/* VÍDEOS / SLIDESHARES */

		#video-area {width:100%; display:flex; justify-content:center; margin-bottom:20px;}
		#video-area iframe {width:920px; height:484px; float:none; margin:0 auto;}

		#lista-videos {display:flex; flex-wrap:wrap; padding-top:20px;}
		#lista-videos a { display:flex; flex-direction:column; width:30%; margin:0 1.5%; margin-bottom:25px; position:relative; background:#487633;}
		.saibamais {
    position: absolute;
    bottom: 15px;
    left: 30%;
    right: 30%;
    background-color: #2c3428;
        color: #fff;
    padding: 11px;
    text-align: center;
}
		#lista-videos .thumb {height:175px; width:100%; background-size:cover; background-color:#CCC;}
		#lista-videos .texto {display:flex; align-items:center; justify-content:center; padding:20px; color:#FFF; width:100%;}
		#lista-videos .texto strong {font-size:14px; font-weight:400;}

		@media only screen and (max-width:900px) {
			#lista-videos a {width:47%; margin:0 1.5%; margin-bottom:25px;}
			#video-area {width:100%; height:50vw;}
			#video-area iframe {width:100%; height:100%;}
		}
		@media only screen and (max-width:530px) {
			#lista-videos a {width:100%; margin:0 0 25px 0;}
		}

		/* GLOSSARIO / PESQUISA */

		#filtro {background:#F5F5F5;display:flex; height:50px; align-items:center; padding:0 30px; justify-content:space-between; margin-bottom:30px;}
		#filtro input[type=text] {border:none; background:none; width:85%; margin-right:5%; font-size:17px; font-weight:100;}
		#filtro input[type=submit] {background:url(../svg/busca.svg) no-repeat; background-size:contain; height:25px; border:none; width:3%;}

		@media only screen and (max-width:880px) {
			#filtro input[type=submit] {width:25px;}
		}

		.alphabet {margin:40px auto 60px auto; display:flex; align-items:center; justify-content:center; width:920px;}
		.alphabet a {color:#bfbfbf; border:1px solid #DDD; border-right:0; width:45px; height:35px; line-height:35px; text-align:center; font-size:15px;}
		.alphabet a svg {width:9px;}
		.alphabet a:first-child {-webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;}
		.alphabet a:last-child {-webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;  border-right:1px solid #DDD;}
		.alphabet a:hover {background:rgba(72,118,51,.2); border:1px solid rgba(72,118,51,.1) !important; color:#FFF;}
		.alphabet a:hover svg * {fill:#FFF;}

		.alphabet a.active {background:#487633 !important; border:1px solid #487633 !important; color:#FFF !important;}

		@media only screen and (max-width:1005px) {
			.alphabet {width:100%;}
		}
		@media only screen and (max-width:720px) and (min-width:426px) {
			.alphabet {flex-wrap:wrap;}
			.alphabet a {width:7.6%; height:35px; line-height:35px; text-align:center; font-size:15px;}
			.alphabet a:nth-child(-n+13) {border-bottom:none !important;}
			.alphabet a:nth-child(13) {border-right:1px solid #DDD !important;}
		}
		@media only screen and (max-width:425px) {
			.alphabet {flex-wrap:wrap;}
			.alphabet a {width:11.1%; height:35px; line-height:35px; text-align:center; font-size:15px;}
			.alphabet a:nth-child(n+10) {top:-1px; position:relative;}
			.alphabet a:nth-child(n+19) {top:-2px; position:relative;}
			.alphabet a:nth-child(9), .alphabet a:nth-child(18) {border-right:1px solid #DDD !important;}
		}

		#lista-glossario {display:flex; flex-direction:column;}
		#lista-glossario div {display:flex; flex-direction:column; padding:20px 30px; color:#555; background:#F8F8F8; margin-bottom:7px;}
		#lista-glossario div strong {font-style:italic; font-size:17px; font-weight:400; margin-bottom:8px; text-transform:uppercase;}
		#lista-glossario div span {font-size:17px; font-weight:300;}

		#lista-busca {display:flex; flex-direction:column;}
		#lista-busca a {display:flex; flex-direction:column; padding:20px 30px; color:#555; background:#F8F8F8; margin-bottom:7px;}
		#lista-busca a strong {font-size:17px; font-weight:400; margin-bottom:8px;}
		#lista-busca a span {font-size:17px; font-weight:300;}



/* FORM CONTATO
=================================================================*/

.form-contato {display:flex; flex-direction:column;}

.form-contato *:not(:last-child) {border:2px solid #e1e1e1; margin-bottom:13px; padding:13px 20px;}
.form-contato textarea {height:135px;}
.form-contato input[type=submit] {background:#487633; border:none; color:#FFF; width:135px; height:42px; line-height:40px; align-self:flex-end; font-weight:700; font-size:16px;-webkit-border-radius:21px; border-radius:21px;}

.enderecos {display:flex; flex-direction:column;}
.enderecos strong {font-weight:400;}
.enderecos address {font-style:normal; margin-bottom:20px;}
.enderecos iframe {width:100%; height:167px;}


/* CURSOS
=================================================================*/

#login-cursos {display:flex; background:#226B49; max-width:920px; padding:12px 20px; margin:0 auto; margin-bottom:50px; color:#FFF; align-items:center; justify-content:space-between; border-radius:12px;}
#login-cursos form {display:flex; justify-content:space-between; width:80%;}
#login-cursos form input {background:#FFF; padding:10px; width:40%; border:none; border-radius:12px;}
#login-cursos form input[type=submit] {background:#233818; color:#FFF; font-weight:700; text-transform:uppercase; width:18% !important;}
#login-cursos a {color:#FFF; font-size:14px;}

@media only screen and (max-width:700px) {
	#login-cursos {flex-wrap:wrap; width:100%;}
	#login-cursos a {width:100%; text-align:center;}
}
@media only screen and (max-width:425px) {
	#login-cursos form {flex-direction:column;width:100%; align-items:center;}
	#login-cursos form input {width:100%; margin-bottom:8px;}
	#login-cursos form input[type=submit] {margin-bottom:8px;}
	#login-cursos a {width:100%;}
}

#intro-cursos {max-width:920px; margin:0 auto;}
#intro-cursos h2 {margin-bottom:40px;}
#intro-cursos h2, #intro-cursos h2 strong {display:flex; align-items:center; justify-content:center;}
#intro-cursos p {text-align:center;}

@media only screen and (max-width:480px) {
	#intro-cursos img {max-width:80%; margin:0 auto;}
	.conteudo-interna img{width: 100%;}
}

#opc-cursos {display:flex; margin:100px auto; max-width:920px;}
#opc-cursos * {color:#FFF; text-align:center;}
#opc-cursos h2 {font-size:18px; margin-bottom:15px;}
#opc-cursos p {font-size:15px; font-weight:400;}
#opc-cursos div {width:50%; display:flex; align-items:center; flex-direction:column; position:relative; padding:100px 40px 35px 40px;}
#opc-cursos div:nth-child(1) {background:#226b49;}
#opc-cursos div:nth-child(2) {background:#b9814d;}

#opc-cursos .icone {position:absolute; top:-83px; left:50%; margin-left:-83.5px; background:#FFF !important; width:167px; height:167px; border-radius:50%; display:flex; justify-content:center; align-items:center;}
#opc-cursos .icone img {margin-top:-40px}

#opc-cursos div a {position:absolute; width:169px; height:54px; bottom:-27px; border-radius:27px; display:flex; align-items:center; justify-content:center;}
#opc-cursos div:nth-child(1) a {background:#b9814d;}
#opc-cursos div:nth-child(2) a {background:#226b49;}

@media only screen and (max-width:630px) {
	#opc-cursos {flex-direction:column;}
	#opc-cursos div {width:100%;}
	#opc-cursos div:nth-child(1) {margin-bottom:130px;}
}   

.steps-cursos { margin:0 auto 40px auto; padding:0; max-width:920px;}
.steps-cursos li {display:flex; justify-content:space-between;  border:1px dashed #bfbfbf; padding:30px 50px; align-items:center; margin-bottom:14px;}

.steps-cursos li::before {display:block; color:#aaaaaa; font-weight:900; font-size:67px; width:10%;}
.steps-cursos li:nth-child(1)::before {content:"1."}
.steps-cursos li:nth-child(2)::before {content:"2."}
.steps-cursos li:nth-child(3)::before {content:"3."}
.steps-cursos li:nth-child(4)::before {content:"4."}
.steps-cursos li:nth-child(5)::before {content:"5."}
.steps-cursos li p {width:90%; margin:0; font-size:17px; font-weight:300;}
.steps-cursos li p strong {font-weight:400;}
.steps-cursos li p em {color:#d54949;}

.inscrevase {background:#487633; width:317px; height:66px; color:#FFF; text-decoration:none; display:flex; align-items:center; justify-content:center; margin:0 auto; border-radius:33px; margin-bottom:60px; text-transform:uppercase;}

.logos-cursos {text-align:center;}
.logos-cursos img {margin:0 15px;}

@media only screen and (max-width:920px) {
	.steps-cursos li {padding:20px 30px;}
	.steps-cursos li::before {font-size:62px; width:10%;}
	.steps-cursos li p {width:85%;}
}
@media only screen and (max-width:560px) {
	.steps-cursos li::before {font-size:52px; width:10%;}
	.steps-cursos li {padding:10px 20px;}
}
@media only screen and (max-width:480px) {
	.steps-cursos li::before {font-size:42px; width:15%;}
	.steps-cursos li {padding:10px 20px;}
}
@media only screen and (max-width:355px) {
	.steps-cursos li::before {font-size:42px; width:20%;}
	.steps-cursos li {padding:10px 20px;}
	.steps-cursos li p {width:78%;}
}


span#alerta .erro {
	background-color: #d3283e;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 15px;
	margin-bottom: 20px;
}
span#alerta .sucesso {
	background-color: #487633;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 15px;
	margin-bottom: 20px;
}