html, body									{height:100%; font-family: 'Source Sans Pro', sans-serif; background:#FFF;}

.row, .col 									{margin:0px; padding:0px;}


.scrollToTop								{width:60px; height:60px; text-align:center; background: rgba(3,3,3,.75); font-weight: bold; color: #FFF; text-decoration: none; position:fixed; right:30px; bottom:30px; display:none; z-index:9999; line-height:60px; border-radius:2px;}
.whatsapp									{width:60px; height:60px; text-align:center; background: rgba(37, 211, 102,.75); font-weight: bold; color: #FFF; text-decoration: none; position:fixed; right:100px; bottom:30px; display:none; z-index:9999; line-height:60px; border-radius:2px;}
.scrollToTop:hover							{text-decoration:none; background: rgba(3,3,3,1); transition:.3s; -o-transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s}
.whatsapp:hover								{text-decoration:none; background: rgba(37, 211, 102,1); transition:.3s; -o-transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s}
.scrollToTop i								{font-size:24px;}
.whatsapp i									{font-size:32px; margin-top:14px;}

@media screen and (max-width: 600px) {
	nav										{background:#0a0a0a; height:70px;}
	.nav-wrapper a img						{border:0px; height:50px; margin-top:10px;}
	
	.nav-wrapper .button-collapse			{margin:0px; padding:0px;}
	.nav-wrapper .button-collapse i			{color:#FDA610; font-size:36px; line-height:36px; margin-top:17px;}
	.nav-wrapper .button-collapse i:hover	{color:#FA4700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	.side-nav 								{background:#0a0a0a;}
	.side-nav li							{border-bottom:1px solid #111; padding:10px 0px;}
	.side-nav li a							{font-size:16px; color:#efefef;}
	.side-nav li a:hover					{color:#FA4700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	.padrao									{margin:50px 0 60px 0;}
	.padrao h1								{font-size:36px; color:#333; text-align:center; margin:0px; font-weight:bold;}
	.padrao .divider						{width:80px; border:1px solid #F74700; margin:8px auto; margin-bottom:40px;}
	.padrao p								{font-size:14px; color:#838383; line-height:18px; text-align:center;}
	.padrao p a								{text-decoration:none; color:#FF9525;}
	.padrao p a:hover						{color:#F74700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	.padraoConteudo							{margin:50px 0 60px 0;}
	.padraoConteudo h1						{font-size:36px; color:#333; text-align:center; margin:0px; font-weight:bold;}
	.padraoConteudo .divider				{width:80px; border:1px solid #F74700; margin:8px auto; margin-bottom:40px;}
	.padraoConteudo p						{font-size:14px; color:#838383; line-height:18px;}
	.padraoConteudo p a						{text-decoration:none; color:#FF9525;}
	.padraoConteudo p a:hover				{color:#F74700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	.itemservicos h2						{font-size:20px; color:#333; margin:15px; font-weight:bold; text-align:center;}
	.itemservicos p							{font-size:14px; color:#838383; line-height:20px; padding:0 20px; text-align:justify; margin:10px 20px;}
	.espacoitem								{margin-top:40px;}

	#sobre									{margin-bottom:10px;}
	
	
	
	#marcas								{margin-bottom:50px;}
	#marcas img							{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -khtml-filter: grayscale(100%);}
	#marcas img:hover						{filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -khtml-filter: grayscale(0%); transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	#contato 								{width:100%; background:url("../img/mapa.jpg"); background-repeat:no-repeat;background-size:cover;}
	#contato p								{font-size:14px; color:#838383;}
	#contato p a							{text-decoration:none; color:#838383;}
	#contato p a:hover						{color:#FF9525; transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
	.formcontato 							{background:#FFF; border-radius:3px; margin:60px 0;}
	.formcontato h3							{padding:10px 20px 0px 20px; text-align:center; font-weight:bold; font-size:32px;}
	.formcontato .divider					{margin:0 20px;}
	.formcontato table i					{font-size:28px; color:#FDA610; padding:0 10px;}
	.formcontato table p					{font-size:12px; color:#838383; line-height:16px;}
	.formcontato table p span				{font-size:14px; color:#838383; line-height:18px; font-weight:bold}
	.formcontato .contatosocial				{text-align:center;}
	.formcontato .contatosocial	a			{font-size:24px; color:#FDA610; margin:0 10px;}
	.formcontato .contatosocial	a:hover		{color:#FA4700;}
	.formcontato .contatosocial	a i			{margin:10px 0 30px;}
	
	.formcontato form						{margin:20px; padding:0 10px;}
	.input-field input[type=text],
	.input-field input[type=email],
	.input-field .textarea 					{color: #838383;}
	.input-field input[type=text]:focus,
	.input-field input[type=email]:focus,
	.input-field .textarea:focus 			{border-bottom: 1px solid #FA4700; box-shadow: 0 0px 0 0 #000; transition:.3s; -o-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -khtml-transition:.3s; -ms-transition:.3s;}
   	.input-field input[type=text].valid,
	.input-field input[type=email].valid,
	.input-field .textarea.valid 			{border-bottom: 1px solid #000; box-shadow: 0 0px 0 0 #000;}
   	.input-field input[type=text].invalid,
	.input-field input[type=email].invalid,
	.input-field .textarea.invalid 			{border-bottom: 1px solid #F00; box-shadow: 0 0x 0 0 #000;}
	.botao									{float:right; border:0px; color:#FFF; background:#FDA610; position:relative; width:150px; padding:10px; border-radius:3px;}
	.botao:hover							{background:#FA4700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	footer									{background:#333; color:#FFF; text-align:center; font-size:10px; padding:10px 0;}
}

@media screen and (min-width: 601px) {
	nav										{background:#0a0a0a; height:80px;}
	.nav-wrapper a img						{border:0px; height:60px; margin-top:10px;}
	
	.menuinfo								{background:#101010; color:#efefef; font-size:13px;}
	.menuinfo .minfo p i					{font-size:16px; position:relative; top:1px; margin-right:5px;}
	.menuinfo .minfo span					{margin-right:20px;}
	.menuinfo .msocial a					{color:#efefef; position:relative; top:13px; float:right;}
	.menuinfo .msocial a:hover				{color:#FDA610; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	.menuinfo .msocial a i					{font-size:16px; margin-left:15px;}
	
	.side-nav 								{background:#0a0a0a;}
	.side-nav li							{border-bottom:1px solid #111; padding:10px 0px;}
	.side-nav li a							{font-size:16px; color:#efefef;}
	.side-nav li a:hover					{color:#FA4700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	.nav-wrapper .button-collapse			{margin:0px; padding:0px;}
	.nav-wrapper .button-collapse i			{color:#FDA610; font-size:36px; line-height:36px; margin-top:22px;}
	.nav-wrapper .button-collapse i:hover	{color:#FA4700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	
	.padrao									{margin:50px 0 60px 0;}
	.padrao h1								{font-size:42px; color:#333; text-align:center; margin:0px; font-weight:bold;}
	.padrao .divider						{width:80px; border:1px solid #F74700; margin:8px auto; margin-bottom:40px;}
	.padrao p								{font-size:16px; color:#838383; line-height:20px; text-align:center;}
	.padrao p a								{text-decoration:none; color:#FF9525;}
	.padrao p a:hover						{color:#F74700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	.padraojustify p						{text-align:justify;}
	
	.padraoConteudo							{margin:50px 0 60px 0;}
	.padraoConteudo h1						{font-size:42px; color:#333; text-align:center; margin:0px; font-weight:bold;}
	.padraoConteudo .divider				{width:80px; border:1px solid #F74700; margin:8px auto; margin-bottom:40px;}
	.padraoConteudo p						{font-size:16px; color:#838383; line-height:18px; line-height:22px; text-align:justify;}
	.padraoConteudo p a						{text-decoration:none; color:#FF9525;}
	.padraoConteudo p a:hover				{color:#F74700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	.itemservicos h2						{font-size:24px; color:#333; margin:0px; font-weight:bold; text-align:center;}
	.itemservicos p							{font-size:14px; color:#838383; line-height:20px; padding:0 20px; text-align:justify; margin:10px 20px;}
	.espacoitem								{margin-top:40px;}
	
	#sobre									{margin-bottom:50px;}		
	.fotos img								{width:100%; margin:10px 0;}
	
	
	 
	#marcas								{margin-bottom:60px;}
	#marcas img							{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -khtml-filter: grayscale(100%);}
	#marcas img:hover						{filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -khtml-filter: grayscale(0%); transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	#contato 								{width:100%; background:url("../img/mapa.jpg"); background-repeat:no-repeat;background-size:cover;}
	#contato p								{font-size:16px; color:#838383;}
	#contato p a							{text-decoration:none; color:#838383;}
	#contato p a:hover						{color:#FF9525; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	.formcontato 							{background:#FFF; border-radius:3px; margin:60px 0;}
	.formcontato h3							{padding:10px 20px 0px 20px; text-align:center; font-weight:bold; font-size:32px;}
	.formcontato .divider					{margin:0 20px;}
	.formcontato table i					{font-size:32px; color:#FDA610; padding:0 10px;}
	.formcontato table p					{font-size:14px; color:#838383; line-height:16px;}
	.formcontato table p span				{font-size:16px; color:#838383; line-height:18px; font-weight:bold}
	.formcontato .contatosocial				{text-align:center;}
	.formcontato .contatosocial	a			{font-size:24px; color:#FDA610; margin:0 10px;}
	.formcontato .contatosocial	a:hover		{color:#FA4700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	.formcontato .contatosocial	a i			{margin:10px 0 30px;}
	
	.formcontato form						{margin:20px; padding:0 10px;}
	.input-field input[type=text],
	.input-field input[type=email],
	.input-field .textarea 					{color: #838383;}
	.input-field input[type=text]:focus,
	.input-field input[type=email]:focus,
	.input-field .textarea:focus 			{border-bottom: 1px solid #FA4700; box-shadow: 0 0px 0 0 #000; transition:.3s; -o-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -khtml-transition:.3s; -ms-transition:.3s;}
   	.input-field input[type=text].valid,
	.input-field input[type=email].valid,
	.input-field .textarea.valid 			{border-bottom: 1px solid #000; box-shadow: 0 0px 0 0 #000;}
   	.input-field input[type=text].invalid,
	.input-field input[type=email].invalid,
	.input-field .textarea.invalid 			{border-bottom: 1px solid #F00; box-shadow: 0 0x 0 0 #000;}
	.botao									{float:right; border:0px; color:#FFF; background:#FDA610; position:relative; width:150px; padding:10px; border-radius:3px;}
	.botao:hover							{background:#FA4700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	footer									{background:#333; color:#FFF; text-align:center; font-size:12px; padding:15px 0;}
}

@media screen and (min-width: 993px) {
	nav										{height:100px;}
	.nav-wrapper a img						{height:80px;}
	.nav-wrapper .nmenu li					{margin-top:28px;}
	.nav-wrapper .nmenu li a				{color:#EFEFEF; padding:0px; font-size:16px; line-height:15px; margin:15px;}
	.nav-wrapper .nmenu li a span			{color:#FFF; background:#FDA610; position:relative; top:5px; margin:-15px; padding:10px 15px; border-radius:10px; display:block;}
	.nav-wrapper .nmenu li a span:hover		{background:#FA4700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	.nav-wrapper .nmenu li a:hover			{color:#FA4700; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -ms-transition:.3s; -khtml-transition:.3s; -moz-transition:.3s;}
	
	.padrao									{margin:60px 0 80px 0;}
	.padrao h1								{font-size:48px;}
	.padrao .divider						{width:80px; margin-bottom:50px;}
	
	.itemservicos i							{width:80px; height:80px; font-size:36px; padding-top:22px; margin-bottom:30px;}
	.itemservicos p							{padding:0 5px;}
	.itemservicos .clear					{margin-top:50px;}
	
	#sobre									{margin-bottom:60px;}
	
	
	.formcontato h3							{font-size:36px;}
	.formcontato table i					{font-size:38px;}
	.formcontato table p					{font-size:16px; line-height:20px;}
	.formcontato table p span				{font-size:18px; line-height:20px;}
	
}

@media screen and (min-width: 1200px) {
	.nav-wrapper .nmenu li					{margin-top:24px;}
	.nav-wrapper .nmenu li a				{margin:20px;}
	.nav-wrapper .nmenu li a span			{margin:-20px; padding:10px 20px; top:10px;}
}