@charset "utf-8";
/* CSS Document */

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

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

strong {font-weight: 600;}

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

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


	h1 {
	font-family: 'Poppins', sans-serif;
	font-size:42px;
	color:#fff;	
	margin-bottom: 50px;
	text-align:left;
	text-shadow: 1px 0px 5px #222;
	font-weight: 500;
	line-height: 125%;
}


	h2 {
	font-family: 'Poppins', sans-serif;
	font-size:23px;
	text-align: center;
	color: #444;
	font-weight: 300;
}

	.sep {
		width: 100px;
		height: 1px;
		background-color: #E63541;
		margin: 10px auto 50px;
		}

	p {
	font-family: 'Lato', sans-serif;
	font-size:19px;
	color:#444;	
	text-align:left;
	font-weight: 400;
	line-height:160%;
}

	#lang-sel {
		position:fixed;
		top: 0px; 
		right: 120px;
		width: 90px;
		padding: 0px 5px;	
		height: 80px;
		z-index: 999;
		display: none;
		background-color: #ccc;
		cursor: pointer;
	}



	#lang {
		position:fixed;
		top: 16px; 
		right: 120px;
		cursor:pointer;
		width: 90px;
		padding: 0px 5px;
		height: 50px;
		transition: all 200ms;
		z-index: 999;
		border: 1px solid rgba(0,15,30, 0.3);
		border-radius: 10px;

	}

	#lang .flag {
		margin-top: 15px;
		width: 25px; 
		float: left;
		margin-left: 10px;
	}

	#lang .select  {
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size:13px;	
		padding: 10px 0px;
		font-weight: 500;
		text-align:left;
		float: left;
		margin-left: 10px;
		margin-top: 6px;
		transition: all 200ms;
	}

	#lang .sel {
		margin-top: 21px;
		width: 8px; 
		float: left;
		margin-left: 10px;
	}

	#lang:hover .select {color:#ED1C22;}


	#menu-lang {
		display: none;
		position: fixed;
		top: 85px;
		right: 120px;
		cursor:pointer;
		width: 90px;
		padding: 10px 5px;
		border-radius: 10px;
		background-color: rgba(0,15,30, 0.7);
		z-index: 999;
	}

	#menu-lang .flag {
		margin-top: 15px;
		width: 25px; 
		float: left;
		margin-left: 10px;
	}

	#menu-lang ul {list-style: none;}
			
	#menu-lang ul li {display: inline; }
 
	#menu-lang ul li a {
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size:13px;	
		font-weight: 300;
		text-align:left;
		float: left;
		margin-left: 7px;
		line-height: 250%;
		text-decoration: none;
	}

	#menu-lang ul li a img {
		margin-right: 10px;
		margin-top: 8px!important;
	}

	#menu-lang ul li a:hover {color:#E63541;}


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

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

	#close img {padding: 10px;}
		
#top {
	top: 0;
	width:100%;
	height: 80px;
	margin: 0 auto;
	background-color: rgba(0,15,30, 0.7);
	position:fixed;
	z-index: 998;
}

.logo {
	position:absolute;
	top: 12px;
	left: 100px;
	width: 150px;
}

.logo2 {
	margin: 50px auto;
	width: 350px;
}


.logo-mob {
	position:fixed;
	top: 10px;
	left: 50%;
	width: 130px;
	margin-left: -65px; 
	display:none;
	z-index: 998;
}

#top-mob {
	top: 0;
	width:100%;
	height: 70px;
	margin: 0 auto;
	background-color: rgba(0,15,30, 0.9);
	position:fixed;
	z-index: 998 !important;
	display: none;
}


nav {
	margin: 12px auto;
	text-align:center;	
}

	nav ul {list-style: none;}
			
	nav ul li {display: inline; }
  
	nav ul li a { 
		font-family: 'Lato', sans-serif;
		font-size:14px;
		padding: 18px 20px;
		display: inline-block;
		text-decoration: none;
		color: #fff;
		font-weight: 400;
		transition: all 200ms;
		margin: 0px auto;
	 }
	 
	nav ul li .active {color: #E63541;}
	 
	nav ul li a:hover {color: #E63541;}

	#nav-mob {display:none;}

	.slide {
		max-width: 1920px;
		height: 700px;
		box-shadow: 0px 1px 20px 0px #333;
			}

		.text-container {
			width: 700px;
			margin-top: 200px;
			margin-left: 20%;
		}

		.bg-box {	
			position: absolute;
			width:100%;
			height: 700px;
		}





.btn {
	font-family: 'Lato', sans-serif;
	font-size:14px !important;
	text-align:center !important;
	padding: 14px 26px !important;
	color: #fff !important;
	text-decoration:none;
 	background-color: #C9303A;
	transition: all 200ms;
}

.btn:hover {background-color: #E63541;}


#quem-somos {
	width: 100%;
	height:auto;
	padding: 100px 0px 50px;
	background-repeat:repeat;
	background-image:url(imagens/bg-sobre.png);
	}

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

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

	#quem-somos .box {
		width: 300px;
		float: left;
		margin: 0px 15px;
	}

		#quem-somos .box strong {text-align: center!important;}

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


#importacao {
	width: 100%;
	height:auto;
	padding: 100px 0px 0px;
	background: rgb(0,0,0);
	background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(0,40,82,1) 100%);
	}

	#importacao h2 {color: #fff;}

	#importacao p {
		color: #eee;
		text-align: center;
	}

	#importacao .boxes {
		margin: 50px auto;
		width: 800px;
	}

		#importacao .box {
			width: 160px;
			float: left;
			margin: 20px;
		}

		#importacao .box .icon {
			margin: 0 auto;
			width: 140px;
			height: 140px;
			background-color: #0091D6;
			border-radius: 140px;
			transition: all 500ms;
		}

		#importacao .box .icon:hover {background-color: #C9303A;}


		#importacao .box .icon img {
			margin: 35px auto;
			width: 70px;
		}

		#importacao .box p {
			line-height: 120%;
			font-size: 17px;
			margin-top: 10px;
		}


#exportacao {
	width: 100%;
	height:auto;
	padding: 100px 0px;
	margin-top: 100px;
	background: linear-gradient(135deg, rgba(0,40,82,1) 0%, rgba(0,0,0,1) 100%);
	}


#cotacoes {
	width: 100%;
	height:auto;
	padding: 100px 0px;
	background-repeat:repeat;
	background-image:url(imagens/bg-sobre.png);
	}

	.moedas {
		margin: 50px auto;
	}

	#cotacoes .box {
		float: left;
		width: 280px;
		margin: 10px;
	}

	#cotacoes p {text-align: center;}

#contato {
	clear: both;
	padding: 100px 0px 0px;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-image: url(imagens/bg-contato.jpg);
	background-size:cover;
}

		#contato h2 {color: #fff;}

		 #contato a {
			font-family: 'Lato', sans-serif;
			font-size:19px;
			color:#fff;	
			text-align:left;
			font-weight: 400;
			margin: 0 auto;
			text-align:center;
			text-decoration: none;
		 }
		 
		 #contato p {
			font-family: 'Lato', sans-serif;
			font-size:19px;
			color:#fff;	
			text-align:left;
			font-weight: 400;
			margin: 0 auto;
			text-align:center;
			text-decoration: none;
		 }
		 
		  #contato img {
		  	width: 50px;
			 padding: 10px 0px;
		  }
		  
		   #contato a:hover {color: #E63541;}

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

#footer {
	width: 100%;
	height:auto;
	padding: 80px 0px 30px;
}


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

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

#footer .ass a {
			font-family: 'Lato', sans-serif;			
			font-size: 14px;
			color: #999;
			text-align:center;
			font-weight: 300;
			text-decoration: none;;
}

	#footer .ass:hover {text-decoration: underline;}