@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Noto+Serif';
@import 'https://fonts.googleapis.com/css?family=Poiret+One';
@import 'https://fonts.googleapis.com/css?family=Francois+One';
@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
*{
	margin: 0;
	padding: 0;
	list-style: none;
}
div.redes_sociais{
	position: absolute;
	right: 0;
	margin-right: 20px;
}
	div.redes_sociais a{
		color: #FF7F24;
	}
	div.redes_sociais span{
		transition:0.6s transform;
		-webkit-transition:0.6s transform;
		-moz-transition:0.6s transform;
		-o-transition:0.6s transform;
	}
	div.redes_sociais span:hover{
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg); 
	}
div.div_logo{
	width: 160px;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
}
div.div_logo img.logo_inicio{
	width: 70px;
	margin: 0 auto;
}
div.div_logo span{
	font-size: 42px;
	color: #202F39;
	font-family: 'Poiret One', cursive;
}
/* MENU FIXO */
nav.menu_fixo{
	width: 100%;
	position: fixed;
	height: 50px;
	border-bottom: 2px solid #FF7F24;
	background-color: #fff;
	z-index: 999;
	padding-top: 35px;
	margin-top: -20px;
	display: none;
}
nav.menu_fixo img.fixo{
	position: absolute;
	margin-left: 55px;
	margin-top: -20px;
	width: 65px;
}
nav.menu_fixo a.menu_fico_a{
	display: none;
}
nav.menu_fixo ul.ul_menu_fixo{
	text-align: center;
}
nav.menu_fixo ul.ul_menu_fixo li{
	display: inline-block;
}
nav.menu_fixo ul.ul_menu_fixo li a{
	padding: 20px 30px;
	color: #202F39;
	text-decoration: none;
	font-family: 'Francois One', sans-serif;
	font-size: 14px;
}
	nav.menu_fixo ul.ul_menu_fixo li a:hover{
		color: #FF7F24;
	}

nav.nav_menu{
	width: 100%;
}
nav.nav_menu ul.ul_menu{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 20px;
}
nav.nav_menu ul.ul_menu li{
	display: inline-block;
	padding-top: 45px;
}
	nav.nav_menu ul.ul_menu li:hover{
		border-top: 3px solid #FF7F24;
		padding-top: 42px;
	}
nav.nav_menu ul.ul_menu li.clicado_li{
	border-top: 3px solid #FF7F24;
	padding-top: 42px;
}
nav.nav_menu ul.ul_menu li a{
	padding: 20px 30px;
	color: #202F39;
	text-decoration: none;
	font-family: 'Francois One', sans-serif;
	font-size: 14px;
}
	nav.nav_menu ul.ul_menu li a:hover{
		color: #FF7F24;
	}
nav.nav_menu ul.ul_menu li a.clicado{
	color: #FF7F24;
}

div.rodape{
	width: 100%;
	background-color: #222;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 80px;
	border-top: 1px solid gray;
	margin-top: 50px;
}
div.rodape ul.div_rodape_ul{
	width: 100%;
	margin: 0 auto;
}
div.rodape ul.div_rodape_ul li{
	vertical-align: top;
	width: 250px;
	display: inline-block;
	font-family: 'Questrial', sans-serif;
}
div.rodape ul.div_rodape_ul li.li_sobre{
	text-align: left;
	padding-left: 50px;
	color: #888;
}
div.rodape ul.div_rodape_ul li.li_sobre h1{
	font-size: 18px;
	color: #444;
	margin-bottom: 15px;
}
div.rodape ul.div_rodape_ul li a{
	color: #FF7F24;
	margin-right: 10px;
	margin-left: 10px;
}
div.rodape a{
	color: #000;
	text-decoration: none;
	padding-bottom: 30px;
	font-family: 'Questrial', sans-serif;
	font-size: 14px;
}

/* INICIO */
div.div_inicio{
	width: 100%;
	height: 474px;
	box-shadow: 0px 2px 10px black;
	overflow: hidden;
}
div.div_inicio div.bem_vindo{
	margin-left: 250px;
	margin-top: 150px;
	position: absolute;
}
div.div_inicio div.bem_vindo p.principal{
	font-family: 'Questrial', sans-serif;
	font-size: 40px;
	margin-bottom: 30px;
	color: #fff;
}
div.div_inicio div.bem_vindo p{
	font-family: 'Questrial', sans-serif;
	font-size: 18px;
	margin-bottom: 30px;
	color: #fff;
}
a.teste_agora{
	color: #fff;
	font-family: 'Questrial', sans-serif;
	padding: 10px 30px;
	background: #FF7F24;
	text-decoration: none;
}
div.div_inicio img.tablet{
	width: 330px;
	float: right;
	margin-right: 150px;
	margin-top: 15px;
}
div.div_inicio img.phone{
	width: 150px;
	float: right;
	margin-right: -70px;
	margin-top: 180px;
}

/* SOBRE NÓS */
section.sobre_nos{
	width: 100%;
	background-color: #000;
	padding-bottom: 50px;
}
section.sobre_nos span.subtitulo{
	font-size: 60px;
	margin-left: 200px;
	font-family: 'Poiret One', cursive;
	color: #FF7F24;
}
section.sobre_nos p.p_sobre{
	margin-left: 100px;
	width: 800px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: left;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	margin-bottom: 30px;
}
section.sobre_nos div.div_sobre{
	width: 100%;
	height: 620px;
	padding-top: 30px;
}
section.sobre_nos div.div_sobre ul.ul_sobre{
	width: 800px;
	margin: 0 auto;
}
section.sobre_nos div.div_sobre ul.ul_sobre li{
	width: 240px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	display: inline-block;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
section.sobre_nos div.div_sobre ul.ul_sobre li span{
	font-size: 50px;
	color: #FF7F24;
}
section.sobre_nos div.div_sobre ul.ul_sobre li h1{
	margin-top: 10px;
}
section.sobre_nos div.div_sobre ul.ul_sobre li p{
	text-align: left;
	width: 190px;
	margin: 0 auto;
	padding: 5px;
	margin-top: 20px;
}
ul.ul_galeria{
	text-align: center;
}
ul.ul_galeria li{
	width: 250px;
	height: 250px;
	display: inline-block;
	margin-right: -5px;
}
ul.ul_galeria li img{
	width: 250px;
	height: 250px;
	filter: grayscale(1);
}
ul.ul_galeria li img:hover{
	filter: grayscale(0);
	filter:brightness(2);
}

/* SERVICOS */
section.servicos{
	width: 100%;
	padding-top:70px;
}
section.servicos span.subtitulo{
	font-size: 60px;
	margin-left: 200px;
	font-family: 'Poiret One', cursive;
	color: #FF7F24;
}
section.servicos p{
	margin-left: 200px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 30px;
}
section.servicos ul.ul_servicos{
	width: 850px;
	margin: 0 auto;
	margin-top: 50px;
	height: 810px;
}
section.servicos ul.ul_servicos li{
	width: 400px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	text-align: left;
	height: 450px;
}
section.servicos ul.ul_servicos li.li_servicos_li2{
	height: 350px;
}
section.servicos ul.ul_servicos li img{
	width: 400px;
}
section.servicos ul.ul_servicos li h1{
	font-family: 'Roboto', sans-serif;
	color: #FF7F24;
}
section.servicos ul.ul_servicos li hr.separacao_hr{
	height: 1px;
	background-color: #FF7F24;
	border: none;
	width: 300px;
	margin-top: 10px;
}
section.servicos ul.ul_servicos li p{
	margin-left: 0px;
	font-size: 14px;
	margin-bottom: 50px;
}

/* RECURSOS */
section.recursos{
	width: 100%;
	height: 350px;
	text-align: center;
	padding-top: 50px;
	background-color: #ccc;
}
section.recursos ul.ul_recursos{
	width: 800px;
	margin: 0 auto;
}
section.recursos ul.ul_recursos li{
	width: 189px;
	height: 100px;
	float: left;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}
section.recursos ul.ul_recursos li img{
	filter: grayscale(1);
}
	section.recursos ul.ul_recursos li img:hover{
		filter: grayscale(0);
	}

/* CONTATO */
section.contatos{
	width: 100%;
	padding-top: 70px;
}
section.contatos ul.ul_contatos{
	width: 900px;
	margin: 0 auto;
	height: 600px;
}
section.contatos ul.ul_contatos li.ul_contato_li{
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}
section.contatos ul.ul_contatos li.ul_contato_li span.subtitulo{
	font-family: 'Roboto', sans-serif;
	color: #FF7F24;
	font-size: 33px;
}
section.contatos ul.ul_contatos li.ul_contato_li p{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 30px;
}
section.contatos ul.ul_contatos li.ul_contato_li span.titulo_span{
	font-family: 'Roboto', sans-serif;
}
section.contatos ul.ul_contatos li.ul_contato_li input.dados{
	width: 400px;
	border-radius: 5px;
	height: 30px;
	padding: 5px;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
}
section.contatos ul.ul_contatos li.ul_contato_li textarea.dados_msg{
	width: 402px;
	border-radius: 5px;
	padding: 5px;
	height: 150px;
	border: 1px solid #ccc;
	margin-top: 10px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}
section.contatos ul.ul_contatos li input.enviar_contatos{
	font-family: 'Roboto', sans-serif;
	border: none;
	padding: 10px 20px;
}
	section.contatos ul.ul_contatos li.ul_contato_li input.enviar_contatos:hover{
		cursor: pointer;
	}
section.contatos ul.ul_contatos li.ul_contato_li i{
	color: #FF7F24;
}
section.contatos ul.ul_contatos li.ul_contato_li span.span_contato{
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	margin-left: 20px;
}
section.contatos ul.ul_contatos li.ul_contato_li ul.ul_contato_li2{
	margin-top: 20px;
	margin-bottom: 70px;
}
section.contatos ul.ul_contatos li.ul_contato_li ul.ul_contato_li2 li{
	display: block;
	margin-left: 50px;
	font-family: 'Roboto', sans-serif;
}

@media (max-width: 1170px){
div.div_inicio div.bem_vindo{
	margin-left: 150px;
	margin-top: 150px;
	position: absolute;
}
div.div_inicio img.tablet{
	width: 330px;
	float: right;
	margin-right: 100px;
	margin-top: 15px;
}
div.div_inicio img.phone{
	width: 150px;
	float: right;
	margin-right: -70px;
	margin-top: 180px;
}

}

@media (max-width: 1020px){
div.div_inicio div.bem_vindo{
	margin-left: 100px;
	margin-top: 30px;
	position: absolute;
}
}

@media (max-width: 930px){
nav.menu_fixo a.menu_fico_a{
	color: #000;
	position: absolute;
	right: 0;
	margin-right: 20px;
	display: block;
}
nav.menu_fixo ul.ul_menu_fixo{
	text-align: right;
	margin-top: 50px;
	display: none;
	background-color: #fff;
	padding-bottom: 10px;
}
nav.menu_fixo ul.ul_menu_fixo li{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
section.contatos ul.ul_contatos{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	text-align: center;
}
}

@media (max-width: 880px){
div.div_inicio div.bem_vindo{
	margin-left: 50%;
	margin-top: 280px;
	position: absolute;
	width: 350px;
	left: -125px;
}
div.div_inicio img.tablet{
	width: 200px;
	float: right;
	margin-right: 240px;
	margin-top: 10px;
}
div.div_inicio img.phone{
	width: 100px;
	float: right;
	margin-right: -40px;
	margin-top: 100px;
}
}

@media (max-width: 850px){
section.servicos ul.ul_servicos{
	width: 600px;
	margin: 0 auto;
	margin-top: 50px;
	height: 1310px;
}
section.servicos ul.ul_servicos li{
	width: 600px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	text-align: left;
	height: 350px;
}
section.servicos ul.ul_servicos li.li_servicos_li2{
	height: 240px;
}
section.contatos ul.ul_contatos{
	width: 450px;
	margin: 0 auto;
	height: 1200px;
}
section.sobre_nos{
	text-align: center;
}
section.sobre_nos span.subtitulo{
	margin-left: 0px;
}
section.sobre_nos p.p_sobre{
	width: 100%;
}
section.sobre_nos div.div_sobre ul.ul_sobre{
	width: 100%;
	text-align: center;
}
}

@media (max-width: 800px){
div.div_inicio img.tablet{
	width: 200px;
	float: right;
	margin-right: 230px;
	margin-top: 10px;
}
section.servicos span.subtitulo{
	font-size: 60px;
	margin-left: 100px;
	font-family: 'Poiret One', cursive;
	color: #FF7F24;
}
section.servicos p{
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 30px;
	width: 520px;
}
section.recursos{
	width: 100%;
	height: 450px;
	text-align: center;
	padding-top: 50px;
	background-color: #ccc;
}
section.recursos ul.ul_recursos{
	width:600px;
	margin: 0 auto;
}
ul.ul_galeria{
	margin-top: 150px;
}
}

@media (max-width: 720px){
div.redes_sociais{
	padding-top: 70px;
}
div.div_logo{
	padding-top: 70px;
}
nav.nav_menu{
	display: none;
}
nav.menu_fixo{
	
	display: block;
}
div.div_inicio img.tablet{
	margin-right: 200px;
}
img.fixo{
	display: none;
}
div.rodape ul.div_rodape_ul{
	width: 298px;
	margin: 0 auto;
}
div.rodape ul.div_rodape_ul li{
	width: 298px;
	display: inline-block;
	font-family: 'Questrial', sans-serif;
	margin-bottom: 50px;
}
div.rodape ul.div_rodape_ul li.li_sobre{
	text-align: left;
	padding-left: 0;
}

}


@media (max-width: 600px){
div.div_inicio img.tablet{
	margin-right: 130px;
}
section.servicos ul.ul_servicos{
	width: 400px;
	margin: 0 auto;
	margin-top: 50px;
	height: 1310px;
}
section.servicos ul.ul_servicos li{
	width: 400px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	text-align: left;
	height: 350px;
}
section.servicos p{
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 30px;
	width: 390px;
}
section.recursos{
	width: 100%;
	height: 610px;
	text-align: center;
	padding-top: 50px;
	background-color: #ccc;
}
section.recursos ul.ul_recursos{
	width:400px;
	margin: 0 auto;
}
ul.ul_galeria{
	margin-top: 450px;
}
}

@media (max-width: 480px){
div.div_inicio img.tablet{
	margin-right: 90px;
}
div.div_inicio div.bem_vindo{
	margin-left: 50%;
	margin-top: 280px;
	position: absolute;
	width: 350px;
	left: -175px;
}
ul.ul_galeria{
	margin-top: 500px;
}
}

@media (max-width: 470px){
section.recursos ul.ul_recursos{
	width:400px;
	margin: 0 auto;
}
section.contatos ul.ul_contatos{
	width: 320px;
	margin: 0 auto;
}
section.contatos ul.ul_contatos li.ul_contato_li{
	width: 320px;
	margin: 0 auto;
	margin-bottom: 10px;
}
section.contatos ul.ul_contatos li.ul_contato_li input.dados{
	width: 300px;
}
section.contatos ul.ul_contatos li.ul_contato_li textarea.dados_msg{
	width: 302px;
}
}

@media (max-width: 450px){
div.redes_sociais{
	display: none;
}
div.div_inicio img.tablet{
	margin-right: 50px;
}
section.servicos{
	text-align: center;
}
section.servicos span.subtitulo{
	margin-left: 0px;
}
section.servicos p{
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 30px;
	width: 300px;
}
section.servicos ul.ul_servicos{
	width: 300px;
	margin: 0 auto;
	margin-top: 50px;
	height: 1310px;
}
section.servicos ul.ul_servicos li.li_servicos_li2{
	height: 300px;
}
section.servicos ul.ul_servicos li img{
	width: 300px;
}
section.servicos ul.ul_servicos li{
	width: 300px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	text-align: left;
	height: 300px;
}
section.servicos ul.ul_servicos li.li_servicos_li1{
	height: 400px
}
section.servicos ul.ul_servicos li p{
	width: 300px;
}
section.recursos{
	width: 100%;
	height: 710px;
	text-align: center;
	padding-top: 50px;
	background-color: #ccc;
}
section.recursos ul.ul_recursos{
	width:200px;
	margin: 0 auto;
}
li.desaparecer{
	display: none;
}
section.contatos ul.ul_contatos{
	height: 1000px;
}
div.mapa_desaparecer{
	display: none;
}
}

@media (max-width: 380px){
div.div_inicio div.bem_vindo{
	margin-left: 50%;
	margin-top: 280px;
	position: absolute;
	width: 300px;
	left: -150px;
}
div.div_inicio div.bem_vindo p.principal{
	font-size: 25px;
}
}