@charset "utf-8";
/* CSS Document 
cor vermelho: #8A010B
cor laranja: #D19D2F
cor amarelo: #ECC721
*/


* {margin: 0;padding: 0;border: 0;outline: 0;}

img, embed, object, video { height: auto; max-width: 100%;}

strong {font-weight: bold;}

body {transition: all 200ms; background-color:#f2f2f2;}

#container {max-width:1200px; height:auto; margin:0 auto; }

h2 {
	font-family: 'Montserrat', sans-serif;
	font-size:23px;
	text-align: center;
	color: #555;
	font-weight: 500;
	margin-bottom: 10px;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:26px;
	color: #177984;	
	font-weight: 300;
	text-align:center;
	margin: 0 auto;
	text-transform: uppercase;
}

p {
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	color:#333;	
	font-weight: 400;
	text-align:left;
	line-height:150%;
}

	.line {
		width: 150px;
		height: 1px;
		background-color: #177984;
		margin-top: 10px;
		margin-bottom: 50px;
	}

	.sep {
		width: 100px;
		height: 2px;
		background-color: #D19D2F;
		margin: 0px auto;
		}


#menu-mob {
	position: fixed;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 20px;
	z-index:999;
	display: none;
}

	#menu-mob img {padding: 5px;}
	
#close {
	position: fixed;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 20px;
	z-index:999;
	display: none;
}

	#close img {padding: 10px;}
		
#top {
	top: 0;
	position: fixed;
	width:100%;
	height: 80px;
	margin: 0 auto;
	background-color: #FFF !important;
	z-index: 999;
	box-shadow: 0px 1px 5px 0px #666;
}

.logo {
	position:absolute;
	height: 100px;
	width: auto;
	top: -10px;
	left: 50px;
}

.logo2 {
	margin: 0px auto -20px;
	width: 250px;
}

.logo-mob {	
	height: 80px;
	width: auto;
	display:none;
}

nav {
	margin: 0 auto;
	text-align:center;	
}

	nav ul {list-style: none;}
			
	nav ul li {display: inline; }
  
	nav ul li a { 
		font-family: 'Montserrat', sans-serif;
		font-size:13px;
		padding: 5px 17px;
		display: inline-block;
		text-decoration: none;
		color: #777;
		font-weight: 500;
		margin: 26px auto;
		text-transform: uppercase;
		transition: all 200ms;
	 }
	 
	nav ul li .active {color: #D19D2F;}
	 
	nav ul li a:hover {color: #D19D2F;}
	
	#nav-mob {display:none;}

	.medias {
		position:absolute;
		top: 25px;
		right: 50px;
		}

		.medias div, .medias img {float: left; cursor:pointer;}
		
		.medias #box {float: left; width: 40px; height:auto;}
	
		#face-over, #linkedin-over, #whats-over {display:none;}

.link-desk {display: block;}
.link-mob {display: none;}


.banner {
		width: 100%;
		height: auto;
		box-shadow: 0px 1px 50px 0px #666;		
		background-repeat:no-repeat;
		background-position: center;
		background-size:cover;
		position: relative;
		margin-top: 80px;
	}

	.banner .box {
		width: 100%;
   		height: auto; 
   		padding: 120px 0px 150px;
		background-color: rgba(20, 20, 20, 0.25); 
		position: relative;
	}

	.banner p {
		color: #fff;
		text-align: center;
		font-weight: 400;
		text-shadow: 0px 0px 5px #000;
		max-width: 800px;
	}

	.banner .p1 {font-size: 50px; font-weight: 600; margin-bottom: 10px; line-height: 130%}
	.banner .p2 {font-size: 22px; font-weight: 300; margin-bottom: 100px;}


		.banner_transporte .banner {background-position: center;}
		.banner_transporte_container {max-width: 1200px; margin: 0 auto;}
		.banner_transporte .box {background-color: rgba(20, 20, 20, 0.5);}
		.banner_transporte p {text-align: left; max-width: 700px;}
		.banner_transporte .p2 {margin-bottom: 50px;}


@keyframes arrow {
	0% {bottom:0px;}
	25% {bottom:20px;}
	100% {bottom: 0px;}
}

.arrow {
	width: 28px;
	height: 15px;
	position: relative;
	animation-name: arrow;
	animation-duration:1s;
	animation-iteration-count: infinite;
}

.btn_banner {
	font-family: 'Montserrat', sans-serif !important;
	font-size:12px !important;
	text-align:center !important;
	width: 130px;
	padding: 12px 10px !important;
	color: #fff !important;
	text-decoration:none;
	transition: all .2s !important;
	background-color: #8A010B;
	font-weight: 600 !important;
	border-radius: 8px;
	display: block;
	transition: all 0.2s !important;
}

.btn_banner:hover {
	background-color: #D19D2F;
}

#quem-somos {
	width: 100%;
	height: auto;
	padding: 100px 0px 100px;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	background-image:url(imagens/bg1.jpg);
	}

	#quem-somos #container {max-width: 965px;}

	#quem-somos .boxes {
		margin: 20px auto;
	}

	#quem-somos .box {
		width: 398px;
		height: auto;
		padding: 30px;
		float: left;
		margin: 0px 10px;
		border: 2px solid #D19D2F;
		border-radius: 30px;
	}

		#quem-somos .box .p1 {
			font-size: 22px;
			text-align: center;
			color: #D19D2F;
			margin-bottom: 10px;
		}

		#quem-somos .box .p2 {
			font-size: 16px;
			text-align: center;
		}

			#quem-somos .quem-somos_transportes #container {max-width: 1200px;}

			#quem-somos .transportes_intro {
				font-weight: 400;
				margin: 0px auto 30px;
				text-align: center;
			}

			#quem-somos .quem-somos_transportes .boxes {
				margin: 20px 0px;
				width: 590px;
				padding: 30px 0px 50px;
				border-radius: 50px;
				background: #313131;
				background: linear-gradient(135deg, rgba(20, 20, 20, 1) 0%, rgba(60, 60, 60, 0.75) 100%);
				float: left;
			}

			#quem-somos .quem-somos_transportes .box {
				width: 550px;
				float: none;
				margin: 20px 0px;
				border: none;
				padding: 10px;
			}

			#quem-somos .quem-somos_transportes .box_img {
				float: left;
				width: 40px;
				margin-left: 40px;
			}

			#quem-somos .quem-somos_transportes .box img {
				width: 70%;
				margin: 10px auto;
			}

			#quem-somos .quem-somos_transportes .box_p {
				float: left;
				width: 450px;
			}

			#quem-somos .quem-somos_transportes .box .p1 {
				font-size: 17px;
				color: #D19D2F;
				margin-bottom: 0px;
				font-weight: 600;
				text-align: left;
			}

			#quem-somos .quem-somos_transportes .box .p2 {
				font-size: 13px;
				color: #ffffff;
				text-align: left;
			}

			#quem-somos .frota {
				width: 590px;
				height: 465px;
				float: left;
				margin-top: 15px;
				margin-left: 20px;
				background-repeat:no-repeat;
				background-position: center;
				background-size:cover;
				background-image:url(imagens/bg_quem_somos_transporte.jpg);
				position: relative;	
				border-radius: 50px;		
			}



#assessoria {
	width: 100%;
	height: auto;
	padding: 0px
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	background-image:url(imagens/bg_assessoria2.jpeg);
	}

	#assessoria h2 {color: #fff;}

	#assessoria .box1 {
		width: 100%;
   		height: auto; 
   		padding: 100px 0px 100px;
		background-color: rgba(10, 10, 10, 0.85); 
		position: relative;
	}

	#assessoria p {
		color: #fff;
		margin: 0 auto;
		text-align: center;
	}

	#assessoria .box2 {
		margin: 30px auto;
		max-width: 1136;
	}

	#assessoria .box {
		width: 200px;
		height: 205px;
		padding: 15px 25px 30px; /*top right/left bottom */
		float: left;
		margin: 15px;
		border: 2px solid #D19D2F;
		border-radius: 30px;
		transition: all 200ms;
	}

	#assessoria .box:hover {background-color: #313131;}

		#assessoria .box img {
			width: 140px;
			height: auto;
			margin: 5px auto;
		}

		#assessoria .box .p1 {
			font-size: 18px;
			text-align: center;
			color: #D19D2F;
			font-weight: 600;
			line-height: 120%;
			margin-top: 0 auto;
		}

		#assessoria .box .p2 {
			font-size: 15px;
			text-align: center;
			color: #fff;
			margin-top: 5px;
		}


#transportes {
	width: 100%;
	height: auto;
	padding: 0px
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	background-image:url(imagens/bg_transportes2.jpeg);
	}

	#transportes h2 {color: #fff;}

	#transportes .box1 {
		width: 100%;
   		height: auto; 
   		padding: 100px 0px 100px;
		background-color: rgba(10, 10, 10, 0.75); 
		position: relative;
	}

	#transportes p {
		color: #fff;
		margin: 0 auto;
		text-align: center;
		text-shadow: 0px 0px 5px #000;
	}

	#transportes .box2 {
		margin: 30px auto;
		max-width: 1200;
	}

	#transportes .box {
		width: 246px;
		height: 220px;
		padding: 15px 15px 30px; /*top right/left bottom */
		float: left;
		margin: 20px 10px;
		background: #313131;
		background: linear-gradient(135deg, rgba(20, 20, 20, 1) 0%, rgba(60, 60, 60, 0.75) 100%);
		border: 1px solid #D19D2F;
		border-radius: 30px;
		transition: all 200ms;
	}

	#transportes .box:hover {background-color: #313131;}

		#transportes .box img {
			width: 140px;
			height: auto;
			margin: 5px auto;
		}

		#transportes .box .p1 {
			font-size: 15px;
			text-align: center;
			color: #D19D2F;
			font-weight: 600;
			line-height: 120%;
			margin-top: 0 auto;
			text-transform: uppercase;
		}

		#transportes .box .p2 {
			font-size: 14px;
			text-align: center;
			color: #fff;
			margin-top: 5px;
			text-shadow: 0px 0px 5px #000;
			padding: 0px 15px;
		}

#contato {
	clear: both;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center ;	
	background-size:cover;
}

	#contato .box_fundo {
		width: 100%;
   		height: auto; 
   		padding: 100px 0px 0px;
		background-color: rgba(0, 0, 0, 0.05); 
		position: relative;
	}

	#contato .box1 {
		width: 972px;
		height: auto;
		margin:-20px auto 0;
	}

		#contato .box {
			width: 200px;
			height: 100px;
			padding: 25px 50px;
			margin: 10px;
			border: 2px solid #D19D2F;
			border-radius: 30px;
			float: left;
			transition: all 200ms;
			text-shadow: 0px 0px 5px #fff;
		}

		 #contato a {
			font-family: 'Montserrat', sans-serif;
			font-size:16px;
			color:#333;		
			font-weight: 400;
			margin: 0 auto;
			text-align:center;
			text-decoration: none;
		 }
		 
		 #contato p {
			font-family: 'Montserrat', sans-serif;
			font-size:16px;
			text-align:center;
			font-weight: 400;
			margin: 0 auto;
			text-decoration: none;
		 }

		 #contato h2 {text-shadow: 0px 0px 5px #fff;} 

		 #contato .p1 {margin-bottom: -50px; text-shadow: 0px 0px 5px #fff;}
		 
		 #contato img {
		  	width: 50px;
			padding: 10px 0px;
		  }
		  
		   #contato a:hover {color: #fff;}

		   #contato .box:hover {
			   border: 2px solid #313131;
			   background-color: #313131;
			   text-shadow: none;
		   }

	.space {
		height: 50px;
		width: 100%;
		display: none;
	}

	.space2 {
		width: 100%;
		height: auto;
		display: none;
	}

	.map {box-shadow: 0px 0px 10px #666; margin: 50px 20px;}

#footer {
	width: 100%;
	height:auto;
	padding: 20px 0px;
	background-color: #313131;
}

#footer .cop {
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#ccc;	
	font-weight:400;
	text-align:center;
	line-height: 200%;
}

#footer .cop-mob {
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#ccc;	
	font-weight:300;
	text-align:center;
	display: none;
}

#footer .ass a {
	font-family: 'Montserrat', sans-serif;			
	font-size: 12px;
	color: #999;
	text-align:center;
	font-weight: 300;
	text-decoration: none;
	transition: all 200ms;
}

	#footer .ass a:hover {color: #D19D2F;}


.footer_transportes {
	margin: 50px 20px 20px;
	max-width: 1900px;
	height: auto;
	background-repeat:no-repeat;
	background-position: center;
	background-image:url(imagens/bg_footer.jpg);
	background-size:cover;
	box-shadow: 0px 0px 10px #666;
	position: relative;
	border-radius: 30px;
}

	.footer_transportes .box_footer {
		width: 100%;
   		height: auto; 
   		padding: 50px 0px;
   		background-color: rgba(20, 20, 20, 0.9); 
		position: relative;
		border-radius: 30px;
	}

	.footer_transportes .p1 {
		font-size: 22px !important;
		color: #D19D2F;
		text-align: center;
		font-weight: 600 !important;
		margin: 10px auto !important;
		text-transform: uppercase;
		text-shadow: none!important;
	}

	.footer_transportes .p2 {
		font-size: 16px !important;
		color: #fff;
		text-align: center;
		font-weight: 400;
		margin: 0px auto !important;
	}


.btn-whats {
	position: fixed;
	bottom: 20px;
	right: 20px;
	border-radius: 200px;
	padding: 15px;
	background-color: #02B001;
	z-index: 997;
}

	.btn-whats img {
		width: 30px; 
	}