*{margin:0; padding:0; border:0; text-decoration:none;}

input[type='submit'], input[type='reset'], button[type='submit'], button[type='reset'], [onClick], li{cursor:pointer; outline:none;}

header, nav, section, article, footer, aside{ display:block;}

/* h1, h2, h3, h4, h5, h6, h7, p, span{ cursor:default; } */

::-webkit-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;}
::-moz-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;}
::-webkit-scrollbar-thumb {background:black;} 
::-moz-scrollbar-thumb {background:black;} 
::-webkit-scrollbar-track {background:rgba(0,0,0,0.3);} 
::-moz-scrollbar-track {background:rgba(0,0,0,0.3);} 

.up{ cursor:pointer; position:fixed; bottom:0.5rem; right:1.5rem; z-index:9999; width:6rem; height:6rem; text-align:center; border-radius:50% 50% 0; background:black; display:none;}
.up:before{ font:lighter 2.5rem/6rem 'FontAwesome'; text-align:center; content:'\f102'; color:white; }
.up:hover:before{ color:#43aa45; }

html{ font-size: 62.5% !important; } 

#dots{ position:absolute; z-index:900; width:100%; height:100%; opacity:1; top:0; overflow:hidden; background:url(../banner/dots3.png); } 
#banner{ position:fixed; z-index:-10; right:0; top:0; overflow:hidden; }

#layout{ width:80%; margin:15% auto 0; position:relative; }
/* #layout .l1{ width:25%; height:25rem; background:rgba(62,31,65,1); margin-bottom:-10rem; border-radius:0.3rem 0.3rem 0 0.3rem; } */
#layout .l1{ width:25%; padding:1% 0; background:#005f18; margin-bottom:-10rem; border-radius:0.3rem 0.3rem 0 0.3rem; }
#layout .l1 h1{padding:20px 10px; }
#layout p{ font:300 6rem/5rem 'Open Sans Condensed', sans-serif; color:white; top:-12rem; width:100%; position:absolute; }

form[name='busca']{ width:35%; right:0; bottom:11rem; position:absolute; }
form[name='busca'] input[type='search'], button[name='bl1']{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
form[name='busca'] input[type='search']{ width:79%; height:8rem; text-indent:1.5rem; background:rgba(62,31,65,0.2); color:black; border-left:0.5rem solid #4e9550; border-radius:0 0.3rem 0.3rem 0; font:300 1.9rem/8rem 'Dosis', sans-serif; text-transform:uppercase; outline:none; }
form[name='busca'] input[type='search']:focus{ width:77%; border-left:1.5rem solid #4e9550; background:seaShell; color:black; }

button[name='bl1']{ background:#4e9550; color:white; text-align:center; width:19%; height:8rem; border-radius:0.3rem; float:right; cursor:pointer; outline:none; }
button[name='bl1']:before{ content:'\f00e'; font:normal 2.5rem/8rem 'FontAwesome'; }
button[name='bl1']:hover{ background:#366c38; }

#layout2{ width:80%; background:#333; height:10rem; border-radius:0 0.3rem 0.3rem 0.3rem; margin:0 auto; overflow:hidden; }
#layout2 .social{ position:relative; width:5%; cursor:pointer; float:right; }
#layout2 .social div{ height:10rem; padding-top:4rem; text-align:center; background:#111; color:white; -webkit-transition:all ease-out 100ms; -moz-transition:all ease-out 100ms; -ms-transition:all ease-out 100ms; -o-transition:all ease-out 100ms; }
#layout2 .social:hover div { position:relative; background:#327a3b; z-index:50; -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);  -webkit-transition:all ease-out 100ms; -moz-transition:all ease-out 100ms; -ms-transition:all ease-out 100ms; -o-transition:all ease-out 100ms; }
#layout2 .social:nth-child(4) div:before{ content:'\f09a'; font:normal 2.4rem 'FontAwesome'; }
#layout2 .social:nth-child(3) div:before{ content:'\f0e1'; font:normal 2.4rem 'FontAwesome'; }
#layout2 .social:nth-child(2) div:before{ content:'\f099'; font:normal 2.4rem 'FontAwesome'; }
#layout2 .social:nth-child(1) div:before{ content:'\f16a'; font:normal 2.4rem 'FontAwesome'; }

#slogan { width:80%; margin:0 auto; padding:3.2rem 0; text-align:center; letter-spacing:-0.1rem; border-bottom:#4e9550 1rem solid; color:white; background:rgba(62,31,65,0.2); position:relative; }
#sloganH h1{ width:100%; font:300 6rem/5rem 'Poiret One', cursive; }
#sloganH h1 p{ font:400 3.5rem 'Poiret One', cursive; }

button[name='slnN'], button[name='slnP']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }
button[name='slnN']:before{ content:'\f105'; font:normal 4.8rem 'FontAwesome'; }
button[name='slnP']:before{ content:'\f104'; font:normal 4.8rem 'FontAwesome'; }
button[name='slnN']{ position:absolute; z-index:150; cursor:pointer; padding:0.2rem 3rem; top:23.3rem; right:0; background:#4e9550; color:white; outline:none; } 
button[name='slnP']{ position:absolute; z-index:150; cursor:pointer; padding:0.2rem 3rem; top:23.3rem; left:0; background:#4e9550; color:white; outline:none; } 
button[name='slnN']:hover, button[name='slnP']:hover{ background:#366c38; }

button[name='bls']{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
button[name='bls']{ font:300 1.8rem/6rem 'Oswald', sans-serif; width:20rem; text-transform:uppercase; text-align:center; margin:2rem auto 0 auto; background:#4e9550; color:white; border-radius:0.3rem; cursor:pointer; outline:none; position:relative; }
button[name='bls']:hover{ background:#366c38; }

section{ width:100%; background:white; }

#layout3{ width:80%; margin:0 auto; overflow:hidden; }
#layout3 h1{ font:300 6rem 'Open Sans Condensed', sans-serif; text-align:center; text-transform:capitalize; color:darkSlateGrey; padding:5rem 0; }
#layout3 h1:after{ content:'\f10e'; font:normal 4rem 'FontAwesome'; color:lightGrey; top:-2rem; position:relative; }
#layout3 .l3{ width:30%; margin:0 1.5%; float:left; color:floralWhite; text-align:center; }
#layout3 .l3 .l3a{ width:13rem; height:13rem; border-radius:50%; background:#5dbc7e; text-align:center; margin:0 auto; }
#layout3 .l3:nth-child(2) .l3a:before{ content:'\f133'; font:normal 7rem 'FontAwesome'; top:3rem; position:relative; }
#layout3 .l3:nth-child(3) .l3a:before{ content:'\f0f6'; font:normal 7rem 'FontAwesome'; top:3rem; position:relative; }
#layout3 .l3:nth-child(4) .l3a:before{ content:'\f115'; font:normal 7rem 'FontAwesome'; top:3rem; position:relative; }

#layout3 .l3 h2{ font:300 4rem/4rem 'Open Sans Condensed', sans-serif; color:#366c38; text-align:center; }
#layout3 .l3 h2 span{ font-size:2.5rem; display:block; color:darkSlateGrey; }
#layout3 .l3 p{ font:300 1.5rem 'Open Sans Condensed', sans-serif; color:darkGrey; padding-bottom:1rem; text-transform:uppercase; text-align:center; }
#layout3 .l3 a{ font:400 1.6rem/3rem 'Archivo Narrow', sans-serif; color:grey; padding:0.3rem 0; border-bottom:dotted lightGrey 0.1rem; }
#layout3 .l3 a:hover{ color:#4e9550; }

button[name='bl3']{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
button[name='bl3']{ cursor:pointer; padding:1.5rem 3em; margin:3rem auto; border-radius:0.3rem; background:#2b622d; color:white; font:300 1.4rem 'Oswald', sans-serif; text-align:center; text-transform:uppercase; outline:none; display:block; }
button[name='bl3']:hover{ background:#4e9550; }

#layout4{ width:100%; background:#4e9550; padding:3rem 0; overflow:hidden; }
#layout4 .l4{ width:80%; margin:0 auto; }
#layout4 .l4 .l4a{ -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; }
#layout4 .l4 .l4a{ width:13rem; height:13rem; color:#2c642e; border-radius:50%; text-align:center; margin-right:2rem; cursor:pointer; float:left; }
#layout4 .l4 .l4a:before{ content:'\f0f4'; font:normal 9rem 'FontAwesome'; top:2rem; position:relative; }
#layout4 .l4 .l4a:hover{ background:#2c642e; -webkit-transform:rotateY(360deg) scale(1.1,1.1); -moz-transform:rotateY(360deg) scale(1.1,1.1); -ms-transform:rotateY(360deg) scale(1.1,1.1); -o-transform:rotateY(360deg) scale(1.1,1.1); }
#layout4 .l4 .l4a:hover:before{ color:#4e9550; }
#layout4 h1{ font:300 4rem/5rem 'Open Sans Condensed', sans-serif; color:#3a513b; }
#layout4 h1 span{ font-size:6rem; display:block; color:white; }

#layout5{ width:100%; background:floralWhite; padding:3rem 0; overflow:hidden; }
#layout5 .l5{ width:80%; margin:0 auto; }
#layout5 .l5 h1:before{ content:'\f0c2'; font:normal 7rem 'FontAwesome'; padding:1.3rem; margin-top:-2rem; margin-right:2rem; border-radius:50%; background:#2b622d; color:floralWhite; text-align:center; float:left; }
#layout5 .l5 h1{ width:35%; font:300 4rem/3rem 'Open Sans Condensed', sans-serif; margin-top:4rem; color:#366c38; float:left; }
#layout5 .l5 h1 span{ font-size:2.5rem; display:block; color:darkSlateGrey; }

form[name='online']{ width:65%; float:right; padding-bottom:4rem; }
form[name='online'] input{ height:6.5rem; font:400 1.4rem/6.5rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:black; background:white; text-indent:1rem; border-left:solid 0.4rem #2b622d; border-bottom:solid 0.1rem #2b622d; margin-bottom:1rem; outline:none; }
form[name='online'] input:focus{ border-left:solid 1.5rem #2b622d; background:transparent; }

form[name='online'] input:nth-child(1){ width:44%; }
form[name='online'] input:nth-child(2){ width:44%; margin-left:2%; }
form[name='online'] input:nth-child(3){ width:44%; margin-right:2%; }
form[name='online'] input, button[name='send'], button[name='reset'], button[name='admin'], button[name='bl3']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }

button[name='send']{ cursor:pointer; padding:2.5% 10%; border-radius:0.3rem; background:#43aa45; color:white; font:400 1.7rem 'Fjalla One', sans-serif; text-transform:uppercase; outline:none; }
button[name='reset']{ cursor:pointer; padding:2.5%; margin:0 1%; border-radius:0.3rem; background:#43aa45; color:white; outline:none; }
button[name='reset']:before{ content:'\f00d'; font:normal 1.9rem 'FontAwesome'; color:white; }

button[name='admin']{ cursor:pointer; padding:2.5%; border-radius:0.3rem; background:#2b622d; color:white; outline:none; }
button[name='admin']:before{ content:'\f234'; font:normal 1.9rem 'FontAwesome'; color:white; }
button[name='send']:hover, button[name='reset']:hover, button[name='admin']:hover{ background:#4e9550; }

#layout5 .l5a{ width:100%; margin:0 auto; padding:4rem 0; border-top:#43aa45 dotted 0.1rem; }
button[name='bl5']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }
button[name='bl5']{ cursor:pointer; padding:1.5rem 0; margin:0 1.5%; width:30%; border-radius:0.3rem; background:#2b622d; color:white; font:400 2.4rem 'Fjalla One', sans-serif; text-align:center; text-transform:uppercase; outline:none; }
button[name='bl5'] p{ font:400 1.4rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:white; }
button[name='bl5']:hover{ background:#4e9550; -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); }

#layout6 { width:100%; padding:25rem 0; overflow:hidden; }
#layout6 h1{ font:300 8rem 'Poiret One', cursive; text-align:center; color:white; }

#layout7 { width:100%; padding:5rem 0; background:#4a8c4b; border-top:#215222 0.5rem solid; overflow:hidden; }
#layout7 h1{ font:300 6rem 'Poiret One', cursive; text-align:center; color:white; }
#layout7 p{ font:300 1.6rem 'Open Sans Condensed', sans-serif; color:white; }
#layout7 a{ color:#fff; }
#layout7 a:hover{ color:#333; }

form[name='contato']{ position:relative; margin:4rem 1rem; }

form[name='contato'] input{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:DarkSlateGrey; width:98%; height:8rem; background:white; text-indent:1rem; border-left:solid 0.4rem #2b622d; border-bottom:solid 0.1rem #2b622d; margin-bottom:1rem; outline:none; }
form[name='contato'] input:focus{ border-left:solid 1.5rem #2b622d; background:seaShell; }

form[name='contato'] textarea{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:DarkSlateGrey; width:98%; height:26rem; background:white; text-indent:1rem; border-left:solid 0.4rem #2b622d; border-bottom:solid 0.1rem #2b622d; margin-bottom:1rem; outline:none; }
form[name='contato'] textarea:focus{ border-left:solid 1.5rem #2b622d; background:floralWhite; }

button[name='cont']{ width:100%; height:5rem; background:url(../imagem/c3b.png) center no-repeat #2b622d; border-radius:0.2rem; margin-top:1rem;  }
button[name='cont']:hover{ background:url(../imagem/c3b.png) center no-repeat DarkSlateGrey; }

form[name='contato'] input, form[name='contato'] input:focus, form[name='contato'] textarea, form[name='contato'] textarea:focus, button[name='cont'], button[name='cont']:hover{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }

#conteudo{ width:80%; margin:0 auto; padding:4rem 0; z-index:-1; overflow:hidden; }
#conteudo h1{ font:300 5rem/3.5rem 'Open Sans Condensed', sans-serif; color:#4e9550; padding-bottom:5rem; }
#conteudo h1 span{ font:300 2.4rem 'Oswald', sans-serif; color:darkSlateGray; }
#conteudo p{ font:400 1.6rem 'Archivo Narrow', sans-serif; padding-bottom:5rem; text-align:justify; }
#conteudo .pree{ margin-left:1rem; }
#conteudo .pree span{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:white; background:darkSlateGray; padding:2rem; }

#conteudo .c{ margin:0 1.5%; float:left; }
#conteudo .c:nth-child(1){ width:35%; }
#conteudo .c:nth-child(2){ width:30%; }
#conteudo .c:nth-child(3){ width:25%; }

#conteudo .caixa{ width:20%; height:11rem; font:300 5rem/11rem 'Oswald', sans-serif; text-align:center; color:white; background:darkSlateGray; float:left; position:relative;  }
#conteudo .caixa:before{ content:'\f0da'; font:normal 4.5rem 'FontAwesome'; top:0.5rem; right:-1.2rem; color:darkSlateGray; position:absolute; } 
#conteudo h2{ width:75%; font:400 1.4rem 'Archivo Narrow', sans-serif; text-align:left; float:right; }
#conteudo h2 span{ font:300 4rem 'Open Sans Condensed', sans-serif; display:block; }

a{ color:darkSlateGrey; }
a:hover{ color:#4e9550; }

@media screen and (max-width:1366px) { 
	#slogan, #layout, #layout2, #layout3, #layout4 .l4, #layout5 .l5{ width:90%; }
	#conteudo{ width:95% }
}

@media screen and (max-width:1280px) {
	#layout6 h1{ font-size:7rem; }
}

@media screen and (max-width:1024px) {
	#conteudo, #slogan, #layout, #layout2, #layout3, #layout4 .l4, #layout5 .l5{ width:100%; }
		
	#layout .l1 h1{ font-size:6rem; }
	
	#layout3 .l3{ width:32%; margin:0 0.5%; } 
	#layout3 h1{ font-size:5.5rem; }
		
	#layout6 h1{ font-size:6rem; }
	
	#conteudo .c{ margin:0 1%; }
	#conteudo .c:nth-child(1){ width:35%; }
	#conteudo .c:nth-child(2){ width:34%; }
	#conteudo .c:nth-child(3){ width:25%; }
}

@media screen and (max-width:768px) {
	#slogan, button[name='slnN'], button[name='slnP'], button[name='bls']{ display:none; }
	
	form[name='busca']{ display:none; }
	
	#layout { margin-top:25% }
	#layout .l1{ width:100%; margin-bottom:0; padding:15% 0 !important; }
	#layout .l1 h1{ text-align:center; padding:0; position:relative; }
	
	#layout2 .social{ width:25%; }
	
	#layout3 h1{ font-size:5rem; }
	#layout3 .l3{ width:100%; margin:0; }
	#layout3 .l3a{ width:95% !important; margin:1rem auto !important; border-radius:0.3rem !important; }
	
	#layout4 h1{ font-size:3rem; }
	
	#layout5 .l5 h1{ width:100%; }
	form[name='online']{ width:100%; margin-top:4rem; }
	form[name='online'] input{ width:96% !important; margin:1% !important; }
	button[name='send']{ margin-left:1%; }
	button[name='bl5']{ width:90%; margin:1% 5% !important; }
	
	.fcon{ display:block; width:100% !important; }
	
	#conteudo .c{ width:98% !important; }
	#conteudo .c:nth-child(3){ padding-top:4rem; }
}

@media screen and (max-width:640px) { 
	#layout4 .l4a{ float:none !important; }
}

@media screen and (max-width:480px) {
	#layout { margin-top:30% }
}

@media screen and (max-width:320px) {
	#layout { margin-top:40% }
	#layout p{ font-size:4rem; }
	
	#conteudo .pree span{ font-size:1.4rem; }
	#conteudo h2 span{ font-size:3.5rem; }
}