*{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:6.0rem; height:6.0rem; 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:#fdd000; }

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

#dots{ position:absolute; z-index:900; width:100%;  height:100%; opacity:0.6; top:0; overflow:hidden; background:url(../banner/dots4.png); } 
#fotos{width:100%;}


#layout{ width:100%; height:12rem; background:#fdd000; overflow:hidden; }
#layout h1{ font:400 4rem/12rem 'Pacifico', cursive; padding:0 2rem; text-align:center; color:white; height:12rem; background:#fff; float:right; }

#layout2{ width:80%; margin:0 auto; overflow:hidden; }
#layout2 .l2{ width:25%; margin:4%; float:left; }
#layout2 .l2 img{ width:100%; height:auto; border:0.5rem solid whiteSmoke; display:block; padding:0; }
#layout2 .l2 h2{ font:400 3rem 'Fjalla One', sans-serif; color:#434a50; padding:1.5rem 0; letter-spacing:-0.1rem; text-transform:uppercase; } 
#layout2 .l2:nth-child(1) h1:before{ content:'\f015'; font:normal 4rem 'FontAwesome'; }
#layout2 .l2:nth-child(2) h1:before{ content:'\f0ad'; font:normal 4rem 'FontAwesome'; }
#layout2 .l2 p{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:#434a50; text-align:justify; }
#layout2 .l2 span{ font:400 1.4rem 'Cuprum', sans-serif; color:grey; text-transform:uppercase; }

button[name='bl2']{ -webkit-transition:all ease-out 150ms; -moz-transition:all ease-out 150ms; -ms-transition:all ease-out 150ms; -o-transition:all ease-out 150ms; }
button[name='bl2']{ cursor:pointer; font:400 1.6rem 'Archivo Narrow', sans-serif; color:white; padding:2rem 3rem; border-radius:0.3rem; background:#fdd000; float:right; margin-top:4rem; }
button[name='bl2']:hover{ background:#434a50; -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); }

.bt-deptos{padding: 10px; color: #ffffff; background: #FDD000; margin-bottom: 10px; cursor: pointer; outline: none; float: left; margin-right: 12px;}
.bt-deptos:hover{background: #222222;}
.bt-deptos:hover{ -webkit-transition:all ease-out 150ms; -moz-transition:all ease-out 150ms; -ms-transition:all ease-out 150ms; -o-transition:all ease-out 150ms; }
.lb-details{color: #fdd000; font:20px 'Cuprum', sans-serif; margin-top: 15px;}

#layout3{ width:100%; background:#434a50; overflow:hidden;}
#layout3 .l3{ width:80%; margin:0 auto; }
#layout3 .l3 .l3a{ width:45%; margin:1% 2.5%; float:left; }
#layout3 .l3 .l3a h3{ font:400 3rem 'Fjalla One', sans-serif; color:white; padding:1.5rem 0; letter-spacing:-0.1rem; text-transform:uppercase; } 
#layout3 .l3 .l3a p{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:white; text-align:justify; }

button[name='bl3']{ -webkit-transition:all ease-out 150ms; -moz-transition:all ease-out 150ms; -ms-transition:all ease-out 150ms; -o-transition:all ease-out 150ms; }
button[name='bl3']{ cursor:pointer; font:400 1.5rem 'Archivo Narrow', sans-serif; color:white; padding:2rem; border-radius:50%; background:#999; float:right; margin-right:2rem; margin-top:1rem; }
button[name='bl3']:hover{ background:#666; color:#fdd000; -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); }

#layout4{ width:80%; margin:4% auto; overflow:hidden; }
#layout4 .l4{ width:30%; margin:0 1.5%; float:left; }
#layout4 .l4 h4{ font:400 3rem 'Fjalla One', sans-serif; color:#434a50; padding:1.5rem 0; letter-spacing:-0.1rem; text-transform:uppercase; } 
#layout4 .l4 p{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:#434a50; text-align:justify; }

#layout5{ width:80%; margin:0 auto; overflow:visible; display: flex; flex-wrap: wrap; justify-content: space-around;}
#layout5 h5{ font:400 6rem 'Poiret One', cursive; text-align:center; color:#434a50; letter-spacing:-0.1rem; width: 100%; }

form[name='online']{ width:100%; padding:5% 0; }
form[name='online'] input{ position:relative; float:left; width:20%; margin:0 0.5%; float:left; font:400 1.4rem/6rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:#434a50; background:transparent; text-indent:1rem; border-left:solid 0.4rem #434a50; border-bottom:solid 0.1rem #434a50; margin-bottom:1rem; outline:none; }
form[name='online'] input:focus{ border-left:solid 1.5rem #434a50; background:white; }
form[name='online'] input, button[name='send'], button[name='reset'], #layout5 button[name='admin'], #layout5 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='send']{  cursor:pointer; width:20%; border-radius:0.3rem; background:#434a50; color:white; font:400 1.7rem/6rem 'Fjalla One', sans-serif; text-transform:uppercase; outline:none; }
button[name='reset']{  cursor:pointer; width:8%; margin:0 0.5%; border-radius:0.3rem; background:grey; color:white; font:400 1.7rem/6rem 'Fjalla One', sans-serif; text-transform:uppercase; outline:none; }
button[name='reset']:before{ content:'\f00d'; font:normal 1.9rem 'FontAwesome'; color:white; }

button[name='admin']{  cursor:pointer; width:5%; border-radius:0.3rem; background:#fdd000; color:#434a50; text-transform:uppercase; outline:none; }
button[name='admin']:before{ content:'\f234'; font:normal 1.9rem/6rem 'FontAwesome'; }
button[name='send']:hover, button[name='reset']:hover, button[name='admin']:hover{ background:#ccc; color:#434a50; }

button[name='bl5']{  cursor:pointer; margin:1%; width:31%; padding:1.5% 0; border-radius:0.3rem; background:#434a50; 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:#fdd000; -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%; border-top:solid 1rem #333; background:#434a50; overflow:hidden; }
#layout6 .l6{ width:80%; margin:0 auto; padding:3rem 0; }
#layout6 .l6 h6{ font:400 2rem 'Poiret One', cursive; text-align:center; color:white; }
#layout6 .l6 p{ font:400 4rem 'Archivo Narrow', sans-serif; padding:8rem 0; color:white; text-align:center; }

#layout6 .l6a{ width:32rem; margin:0 auto; bottom:5rem; position:relative; }
#layout6 .l6a social{ cursor:pointer; }
#layout6 .l6a .social div{ width:5rem; height:5rem; margin:0 0.1rem; text-align:center; float:left; border-radius:50%; background:#fdd000; -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; }
#layout6 .l6a .social:hover div { z-index:50; -webkit-transform:rotateY(360deg) scale(1.2,1.2); -moz-transform:rotateY(360deg) scale(1.2,1.2); -ms-transform:rotateY(360deg) scale(1.2,1.2); -o-transform:rotateY(360deg) scale(1.2,1.2);  -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; }
#layout6 .l6a .social:nth-child(1) div:before{ content:'\f09a'; font:normal 2.5rem/5rem 'FontAwesome'; color:white; }
#layout6 .l6a .social:nth-child(2) div:before{ content:'\f099'; font:normal 2.5rem/5rem 'FontAwesome'; color:white; }
#layout6 .l6a .social:nth-child(3) div:before{ content:'\f0e1'; font:normal 2.5rem/5rem 'FontAwesome'; color:white; }
#layout6 .l6a .social:nth-child(4) div:before{ content:'\f16d'; font:normal 2.5rem/5rem 'FontAwesome'; color:white; }
#layout6 .l6a .social:nth-child(5) div:before{ content:'\f0d5'; font:normal 2.5rem/5rem 'FontAwesome'; color:white; }
#layout6 .l6a .social:nth-child(6) div:before{ content:'\f16a'; font:normal 2.5rem/5rem 'FontAwesome'; color:white; }

.placas{color:#434a50;}
.placas:hover{ color:#999; }

#clientes{width:100%; overflow:hidden; text-align:center;}
.clientes{width:calc(33% - 10px); margin: 0 5px; float:left;}

a{ color:white; }
a:hover{ color:#fdd000; }

.cert{display: flex; justify-content: space-between; flex-wrap: wrap;}
.cert02{width: 25%;}
.cert03{width: 70%;}
.imgcertif{float: left; margin: 0 15px 15px 0;}

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

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

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

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

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; }
#conteudo h1{ width:100%; padding:5rem 0; font:400 3.2rem 'Fjalla One', sans-serif; color:#434a50; text-transform:uppercase;}
#conteudo h2{ width:100%; padding:5rem 0; font:400 3.2rem 'Fjalla One', sans-serif; color:#434a50; text-transform:uppercase; padding: 0;}
#conteudo p{ font:400 1.6rem 'Archivo Narrow', sans-serif; padding:1rem 0; text-align:justify; }
#conteudo .pree{ margin-top:4.5rem; }
#conteudo .pree span{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:white; background:#434a50; padding:2rem; }
#conteudo .vd{width:100%; text-align: center; x}
#conteudo .vd-col{ width:50%; float: left; margin: 20px auto; }
#conteudo .vd-col button{padding: 15px; margin: 20px 0;}

@media screen and (max-width:1366px) {
	#conteudo, #layout2, #layout3 .l3, #layout4, #layout5{ width:90%; }
}
@media screen and (max-width:1280px) { }

@media screen and (max-width:1024px) {
	#layout2, #layout3 .l3, #layout4, #layout5{ width:100%; }
	#conteudo{ width:98%; }
	#layout2{ width:90%; margin-bottom: 25px; }
	#layout2 .l2{ width:90%; margin:4%; float:none; text-align: center; }
}
@media screen and (max-width:768px) {
	#layout{ padding-bottom:10rem; } 
	#layout h1{ width:100%; text-align:center; padding:0; }
	
	#layout4 .l4{ display:block !important; width:50%; margin-left:25%; margin-bottom:2.5rem; }
	
	form[name='online'] input{ width:98%; }
	button[name='send']{ margin-left:0.5%; margin-bottom:5%; }
	button[name='admin']{ width:8% !important; }
	button[name='bl5']{ width:90%; margin:1rem auto; margin-left:5%; }
	
	.clientes{width:calc(100% - 10px); text-align:left; }
}
@media screen and (max-width:640px) {
	#layout3 .l3 .l3a{ width:90%; }
	#layout4 .l4{ display:block !important; width:60%; margin-left:20%; }
	#layout6 .l6{ width:98%; }
}
@media screen and (max-width:480px) {
	#fotos{ display:none; }
	#layout4 .l4{ display:block !important; width:80%; margin-left:10%; }
	
	button[name='send']{ width:40%; }
	button[name='reset'], button[name='admin']{ width:20% !important; }
	
	.fcon{ display:block; width:100% !important; }
}
@media screen and (max-width:320px) {
	#conteudo .pree span{ font-size:1.4rem; }
}