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

::-webkit-input-placeholder { color: rgba(144, 140, 140, 1); font:14px 'Archivo Narrow', sans-serif; }
:-moz-placeholder { color: rgba(204, 204, 204, 1); font:14px 'Archivo Narrow', sans-serif; }
::-moz-placeholder { color: rgba(204, 204, 204, 1); font:14px 'Archivo Narrow', sans-serif; }
:-ms-input-placeholder { color: rgba(204, 204, 204, 1); font:14px 'Archivo Narrow', sans-serif; }
#menu li, button, input, textarea, a, button[name='send'], button[name='reset'] { -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}

.voltarTopo { position:fixed; bottom:0; right:10px; z-index:999; width:40px; height:40px; cursor:pointer; display:none; }
.tudo { width:100%; overflow:hidden; }
.centro { width:98%; max-width:1000px; margin: 0 auto; padding:50px 0; }
.centro>h1 { font:bold 30px/100px 'Oswald', sans-serif; color:rgba(0, 0, 0, 1); text-transform:uppercase; }
.centro>h2 { font:bold 30px/100px 'Oswald', sans-serif; color:rgba(190, 185, 185, 1); text-transform:uppercase; }
.centro>h3 { font:bold 35px 'Oswald', sans-serif; color:rgba(255, 255, 255, 1); text-transform:uppercase; }
.centro>p { font:16px/20px 'Archivo Narrow', sans-serif; color:rgba(255, 255, 255, 1); text-align:justify; }
.centro>span { font:16px/20px 'Archivo Narrow', sans-serif; color:rgba(190, 185, 185, 1); text-align:center; }
.centro>p>a { font:16px/20px 'Archivo Narrow', sans-serif; color:rgba(255, 255, 255, 1); }
.centro>p>a:hover { color:rgba(254, 169, 35, 1); }
.colorTopo { background:rgba(29,26,25, 1); }
.colorRodape01 { background:#b80303; text-align:center; padding:50px 0; }
.colorRodape02 { background:rgba(0, 0, 0, 1); text-align:center; padding:80px 0; }
.colorRodape03 { background:#fff; }

#logo { width:45%; max-width:450px; margin:0 auto; }
#banner { width:100%; height:500px; background:url(../img/ft01.png) top no-repeat; position:relative; z-index:0; }
#slogan { width:70%; font:bold 40px/60px 'Oswald', sans-serif; text-align:right; border-radius:2px; color:rgba(255, 255, 255, 1); position:absolute; z-index:999; right:50px; top:100px; }
#slogan>span { color:rgba(254, 169, 35, 1); font-size:45px; text-transform:uppercase; }
nav select { display:none; border-radius:2px; padding:15px; width:98%; margin:10px auto; font: 18px/80px 'Quicksand', sans-serif; color:rgba(255, 255, 255, 0.5); background:rgba(56, 51, 49, 1); text-transform:uppercase; z-index:999; }
#menu { width:80%; margin:0 auto; overflow:hidden; }
#menu li { width:20%; padding:40px 0; float:left; list-style:none; cursor:pointer; font:15px 'Quicksand', sans-serif; color:rgba(255, 255, 255, 1); text-align:center; margin:0; text-transform:uppercase; }
#menu li:hover { padding:40px 0; float:left; list-style:none; cursor:pointer; background:#b80303; border-radius:2px; color:rgba(255, 255, 255, 1); }

/*#foto { width:100%; overflow:hidden; background:url(../img/ft02.jpg) center no-repeat fixed; padding:50px 0;}*/
img.imagem { position:fixed; z-index:-1; top:0; right:0; }
.q01 { width:calc(33% - 10px); box-sizing:border-box; padding:15px; margin-right:10px; margin-bottom:50px; float:left; background:url(../img/bkg02.png) repeat; border-left:50px solid rgba(254, 169, 35, 1); cursor:pointer; }
.q01:nth-child(2) { width:calc(34% - 10px); }
.q01:last-child { margin-right:0; }
.q01>h1 { font:22px 'Quicksand', sans-serif; color:rgba(190, 185, 185, 1); }
.q01>p { font:16px 'Archivo Narrow', sans-serif; color:rgba(255, 255, 255, 1); }

.q02 { width:25%; box-sizing:border-box; padding:20px; float:left; border-right:1px solid rgba(64, 62, 62, 1); }
.q02>h1 { font:22px/80px 'Quicksand', sans-serif; color:rgba(190, 185, 185, 1); text-transform: uppercase; }
.q02>p { font:16px 'Archivo Narrow', sans-serif; color:rgba(190, 185, 185, 1); }
.q02>a { font:16px 'Archivo Narrow', sans-serif; color:rgba(190, 185, 185, 1); cursor:pointer; }
.q02>a:hover { text-decoration:underline; }
#redesS { width:70%; margin:0 auto; background:white; }
.icone{ width:calc(25% - 20px); margin:10px; float:left; font:normal 20px 'FontAwesome'; color:rgb(255, 255, 255); text-align:center; cursor:pointer; }
.icone[name="01"]:before { content:'\f099'; }
.icone[name="02"]:before { content:'\f09a'; }
.icone[name="03"]:before { content:'\f0e1'; }
.icone[name="04"]:before { content:'\f16d'; }


#form01 { width:calc(50% - 10px); float:left; margin-right:10px; }
#form01:last-child { margin-right:0; }
#form02 { width:18%; margin-top:10px; float:right; }

form[name='contato01'] input { width:98%; margin-bottom:17px; padding:15px 5px; border:1px solid rgba(204, 204, 204, 1); }
form[name='contato01'] input:nth-child(3) { margin-bottom:0; }
form[name='contato01'] input:nth-child(3){ margin-right:0; }
form[name='contato01'] textarea { width:98%; font: 14px 'Archivo Narrow', sans-serif; padding:15px 5px; border:1px solid rgba(204, 204, 204, 1); resize:none; }
form[name='contato01'] input:focus, form[name='contato01'] textarea:focus { border:1px solid #454444; }

button[type='submit'], button[type='reset']{ background:#b80303; color:#eee; padding:20px; margin-right:5px; margin-bottom:50px; float:left; cursor:pointer; font:14px 'Archivo Narrow', sans-serif; }
button[type='reset']:nth-child(2){ margin-right:0; }

/*ON-LINE-------------------------------------------------------------------------*/
#forms { width:100%; margin:0 0 100px 0; }
form[name='online'] input { width:23.3%; margin-right:15px; float:left; padding:15px 5px; background:rgba(0, 0, 0, 0);  border:1px solid rgba(204, 204, 204, 1); }s
form[name='online'] input:nth-child(3){ margin-right:0; }
form[name='online'] input:focus, form[name='online'] textarea:focus { border:1px solid rgba(204, 204, 204, 0.5); }
button[name='send'], button[name='reset'], form[name='online']>a{ cursor:pointer; margin-bottom:25px; border-radius:3px; background:rgba(0, 0, 0, 0.5); color:rgba(255, 255, 255, 1); font:14px 'Archivo Narrow', sans-serif; text-transform:uppercase; outline:none; padding:15px 15px; margin:0 5px 0 5px; float:left; }
form[name='online']>a { margin:0 0 0 5px; }
button[name='reset']:before{ content:'\f00d'; font:normal 15px 'FontAwesome'; color:rgba(255, 255, 255, 1); }
button[name='send']:hover, button[name='reset']:hover{ background:rgba(254, 169, 35, 1) }

@media screen and (max-width:1024px) {
	#menu { width:100%; }
}


@media screen and (max-width:790px) {
	#form02 { width:23%; }
	#logo { width:50%; }
    #menu ul { display:none; }
	nav select{ display:block; }
}

@media screen and (max-width:640px) {
	#menu { width:100%; }
	form[name='online'] input { width:100%; margin-right:0; margin-bottom:10px; float:none;}
	#foto { width:100%; overflow:hidden; background:url(../img/ft02.jpg) center no-repeat fixed; padding:50px 0;}
	.q01 { width:calc(100% - 10px); margin-right:0; margin-bottom:15px; float:none; }
	.q01:nth-child(2) { width:calc(100% - 10px); }
	#form02 { width:28%; }
	.q02 { width:50%; margin-bottom:15px; float:left; }
	#menu li { font-size:14px; }
	#slogan { width:90%; }
}

@media screen and (max-width:480px){
	#slogan { width:100%; text-align:center; right:20px; }
	#form01 { width:calc(100% - 10px); float:none; margin-right:0; margin-bottom:15px; }
	#form02 { width:100%; float:none; }
	.q02 { width:100%; float:none; }
}

@media screen and (max-width:320px) { 
	#slogan { font-size:25px; right:5px; }
	#slogan>span { font-size:30px; }
}