/*
	[Initial]
				 */
				 
img, object, embed, video {
	max-width: 100%;
	}
	
body{ 
	background:#FFF;
	}

*{
	margin:0;
 	padding:0;
	}
 
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
html {
	font-size: 50%;
	scroll-behavior: smooth;
}
	
.ie6 img {
	width:100%;
	}

.gridContainer { 
	margin-left:auto; 
	margin-right:auto;
	width:100%;
	}


/*
	[Attribute]
				 */
img {
	border:0;
	padding:0;
	margin:0;
	}

	
a{
	border:0;
	text-decoration:none;
	}



/*
	[Elements]
				 */
	
	.content{
		width:100%;
		float:left;
	}

	header{
		float:left;
		width:100%;
	}
	
	section{
		float:left;
		width:100%;
	}
	
	article{
		float:left;
		width:100%;
	}
	
	footer{
		float:left;
		width:100%;
	}


	

@font-face {
	font-family: 'nexa-thin';
	src: url("css/nexa-thin.ttf");
	font-weight: 100;
}

@font-face {
	font-family: 'nexa-light';
	src: url("css/nexa-light.otf");
	font-weight: 300;
}

@font-face {
	font-family: 'nexa-bold';
	src: url("css/nexa-bold.otf");
	font-weight: 700;
}

@font-face {
	font-family: 'nexa-book';
	src: url("css/nexa-book.ttf");
	font-weight: 900;
}






/*
	[EFFECT-TEXT]
					 */

	.inline-photo {
		opacity: 0;
		transform: translateY(1em) rotateZ(0deg);
		transition: transform 7s .25s cubic-bezier(0,1,.3,1), opacity .5s .25s ease-out;
		will-change: transform, opacity;
	}


	.inline-photo.is-visible {
		opacity: 1;
		transform: rotateZ(0deg);
	}

	.main-photo {
		transform: scale(.8);
	}

	.heading {
		transform: translate(-50%, calc(-50% + 1em));
	}

	.is-visible .main-photo {
		transform: none;
	}

	.is-visible .heading {
		transform: translate(-50%, -50%);
	}


	

@media only screen and (min-width: 300px) {
.callout {
  position: fixed!important;
  left: 0!important;
	margin-left: -0px;
  width: 100%!important;
	max-width: 100%!important;
	height: 100%;
	z-index: 999999999999999!important;
	text-align: center!important;
	background: rgba(0,0,0,0.9)!important;
	float: left;
	margin: 0 auto;
	padding: 50px 0;
	overflow:hidden;

}

.callout-container {
  padding: 15px 0;
  background-color: none;
  color: black;
	width: 95%;
	margin: 0 auto;
}

.callout-container p a{
	text-decoration: none;
	color: #3C8E96

}

.closebtn {
  position: absolute;
  color: white;
  font-size: 50px;
  cursor: pointer;
	float: none;
	width: 100%;
	padding: 15px;
	right: 0;
	margin-right: 0; 
	margin-top: -15px;
	text-align: center;

}

.closebtn:hover {
  color: lightgrey;
}
	
	.input-b{
		width: 95%!important;
		float: left;
		margin: 8px 2.5%!important;
		border-radius: 50px;
		background-color: transparent;
		color: #FFF;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 20px;
		border: 2px solid #FFF;
		padding: 12px 0 12px 20px;
	}
	
	.input-b::placeholder {
		color: #ffffff;
		opacity: 1;
	}
	
	.input-b::-ms-input-placeholder {
		color: #ffffff;
	}
	
	.input-b::-ms-input-placeholder {
		color: #ffffff;
	}
		
	
	
	
/*
	[Elements]
				 */
	.container{
		margin: 0 auto;
		width: 90%;
		height: auto;
		padding: 0;
	}

	
	.left{
		position: relative;
		left: 0;
	}
	
	.right{
		position: relative;
		left: 0;
	}
	
	


/*
		[BACKGROUND]
						 */
	
	.bg-header{
		background-color: #FFF;
		padding: 0;
		z-index: 99;
		position: relative;
		height: auto;
		float: left;
	}
	
	.sub-header{
		background-color: rgba(0,0,0,0.50);
		padding: 0;
		z-index: 88;
		position: relative;
		height: auto;
		float: left;
		width: 100%;
	}
	
	.bg-section{
		z-index: 77;
		position: relative;
	}
	
	.bg-white{
		position: relative;
		z-index: 66;
		background: url("img/bg-white.jpg") top center #fff;
		padding: 50px 0;
	}
	
	.bg-black{
		position: relative;
		z-index: 55;
		background: #2a2a2a;
		padding: 95px 0;
	}
	
	.bg-footer{
		position: relative;
		z-index: 44;
		background: #FFF;
		padding: 0;
	}

	

/*
	[HEADER]
				 */
	
	/*logo*/
	a.logo{
		width: 100%;
		padding: 0;
		text-align: center;
		margin: 10px 0;
		float: left;
		position: relative;
		left: 0;
		margin-right: 0;
	}	 
	
	img.logo{ 
		width: 180px;
		margin: 0;
		text-align: center;
	}
		
	
/*
	[MENU]
			 */
	.nav ul {
		font-size: 13px!important;
		font-weight: 400;
		margin: 0 0 10px!important;
		letter-spacing: -0.2px;
		border-bottom: 0 
	}
	
	.nav ul li em{
		float: right!important;
		position: relative;
		top: 0;
		left: 0;
		color: #edc957;
		font-size: 0;
	}
	
	
	
/*
	[DORPDOWN]
				 */
	.dropdown {
		position: relative;
		display: inline-block;
		width: 100%;
		z-index: 99;
	}

	.dropdown-content {
		display: block;
		position: relative;
		min-width: 100%;
		box-shadow: 0 0 0 0!important;
		z-index: 1;
		border-radius: 10px;
		padding: 2px 0 0!important;
		left: -4px;
		background: none;
	}

	.dropdown-content a {
		padding: 10px!important;
		text-decoration: none;
		display: block;
		color: #e8c249!important;
		font-size: 14px;
		border-bottom: 1px solid #FFF;
		background-color: #323232!important;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}

	.dropdown-content a:hover {
		background-color: #e8c249!important;
		opacity: 1;
		padding: 12px!important;
		border-bottom: 1px solid #FFF!important;
		font-weight: normal!important;
		color: #323232!important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
	}

	.dropdown:hover .dropbtn {
		background-color: #c9793d;
	}


	
	
/*
	[SUB-HEADER]
				 */
	.sub-header a{
		float: right;
		height: auto;
		width: 100%;
		margin: 10px 0 0;
		text-align: center;
	}
	
	.sub-header a:hover{
		opacity: 0.6;
		transition: 1s;
		transform: scale(0.99);
	}
	
	.sub-header a span {
		float: left;
		width: 100%;
		text-align: center;
		margin: -1px 0 0 -1px
	}
	
	.sub-header a span img{
		width: auto;
		position: relative;
		top: 1px;
	}
	
	.sub-header a strong{
		font-size: 18px;
		color: #edc957;
		text-align: center;
		font-weight: normal;
		position: relative;
		top: 2px;
		left: 0;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}

	.sub-header a em{
		font-size: 16px;
		color: #ffffff;
		text-align: center;
		font-weight: normal;
		position: relative;
		top: -4px;
		left: 0;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-style: normal;
	}


	
/*
	[ANIMATION]
				 */
	
	#layerslider{
		width: 100%; 
		height: 380px;
		right: 0;
		background: center center;
		z-index: 33;
		position: relative;
		float: left;
		top: -100px;
		margin-bottom: -100px;
	}


	#layerslider img{
		max-width: auto!important;
		height: 380px!important;
		top: 0;
	}
	
	.container-anima{
		float: none!important;
		position: relative!important;
		height: 100px!important;
		width: 100%!important;
		margin: 0 auto!important;
	}
	
	#layerslider .ls-slide span{
		float: left;
		margin: 130px 0 0;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 25px;
		color: #fff;
		text-align: center;
		line-height: 0.8;
		width: 100%;
		z-index: 22;
		position: relative;
	}
	
	#layerslider .ls-slide span strong{
		font-size: 25px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	#layerslider .ls-slide span p{
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 14px;
		color: #fff;
		line-height: 1.4;
		width: 100%;
		margin: 15px 0
	}
	
	#layerslider .ls-slide img.arrow-anima{
		max-width: 300px!important;
		height: 64px!important;
		top: -20px;
		position: relative;
		z-index: 11;
	}
	
	
	#layerslider .ls-slide ul{
		float: left;
		width: 100%;
		list-style: none;
		margin: -70px 0 0!important;
		position: relative;
	}
	
	#layerslider .ls-slide ul li{
		float: left;
		width: 29.3%;
		margin: 0 2%;
		text-align: center;
	}
		
	#layerslider .ls-slide ul li h2 {
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 12px;
		color: #fff;
		line-height: 1.5;
		width: 100%;
		margin: 25px 0;
		text-align: center;
		border-bottom: 0;
		padding: 5px 0 10px;
	}
		
	#layerslider .ls-slide ul li img{
		max-width: 40px!important;
		height: 39px!important;
	}
	
	#layerslider .ls-slide span a{
		color: #edc957;
		font-size: 16px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		border: 2px solid #edc957;
		padding: 10px;
	}
	
	#layerslider .ls-slide span a:hover{
		color: #fff;
		border: 2px solid #edc957;
		background: #edc957;
		transition: 1s;
	}
	

		
	
/*
	[ARTICLE]
				 */	
	
	/*ABOUT*/
	.about{
		float: left;
		width: 100%;
		margin: 0 0 0;
	}
	
	.icon-frete{
		float: left;
		text-align: center;
		margin: 0 50px 0 0;
		width: 100%;
	}
	
	.icon-frete img{
		width: 110px
	}
	
	.about h2{
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 20px;
		letter-spacing: -1px;
		color: #000000;
		line-height: 1.0;
		padding: 0;
		text-transform: uppercase;
	}
	
	.about h2 strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 25px;
	}
	
	.about h2 span{
		background: url("img/bg-yellow.jpg");
		height: 10px;
		width: 2%;
		float: left;
		margin: 8px 49% 30px;
	}
	
	.about h3{
		font-family: Segoe, "Segoe UI" ;
		float: left;
		width: 100%;
		font-size: 20px;
		color: #FFF;
		text-transform: uppercase;
	}
	
	.question{
		width: 100%;
		float: left;
		text-align: center;
		position: relative;
		top: 15px;
		margin-top: 0;
		z-index: 77;
	}
	
	span.color-black{
		float: left;
		width: 100%;
		background: #111111;
		height: auto;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 16px 12px;
		font-size: 14px;
	}
	
	span.color-yellow{
		float: right;
		width: 100%;
		background: url("img/bg-yellow.jpg");
		height: auto;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 16px 12px;
		position: relative;
		top: 0;
		margin-bottom: 0;
		font-size: 14px;
	}
	
	.division{
		float: left;
		width: 0;
		text-align: center;
		position: relative;
		top: 0;
		margin-bottom: 0;
		z-index: 55;
	}
	
	
	/*TEXT*/
	.text{
		float: right;
		width: 100%;
		margin: 60px 0 0;
		border: 1px solid #e6e6e6;
		height: auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 45px 15px;
	}
	
	.text p{
		text-align: center;
		font-family: Segoe, "Segoe UI" ;
		font-size: 16px;
		color: #111111;
		line-height: 1.5;
		margin: 0 5%;
		width: 90%;
	}
	
	.text p strong{
		font-family: Segoe, "Segoe UI" ;
	}
	
	.text a{
		float: left;
		width: 80%;
		margin: 18px 10% 0;
		border-bottom: 2px solid #111111;
	}
	
	.text a:hover{
		opacity: 0.9;
		transition: 1s;
	}
	
	.text a em{
		color: #111;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 18px;
		text-align: right;
		float: left;
		width: 60%;
		margin: 25px 0 0;
	}
	
	.text a span{
		float: right;
		margin: 0;
		text-align: center;
		position: relative;
		top: 8px;
		left: 13px
	}
	
	
	/*aside*/
	aside{
		float: left;
		width: 100%;
		margin: 60px 0 0;
		height: 350px;
		background: url("img/aside.jpg") top center no-repeat;
	}
		
	aside span{
		background: url("img/bg-yellow.jpg");
		width: 100%;
		height: 180px;
		float: right;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	
	.border-aside{
		border: 1px solid #FFF;
		padding: 5px 0 5px 5px;
		float: right;
		border-right: 0;
		margin: 80px 0 0;
	}
	
	.border-aside img{
		position: absolute;
		top: -30px;
		left: -20px;
		width: 50px;
	}
	
	aside span h4{
		text-align: center;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 20px;
		color: #FFF;
		line-height: 0.8;
		margin-right: 0
	}
	
	aside span h4 strong{
		font-size: 25px
	}
	
	aside span p{
		text-align: center;
		font-family: 'nexa-book', Segoe, "Segoe UI";
		font-size: 15px;
		color: #2a2a2a;
		line-height: 1.0;
		margin-right: 0
	}
	
	
	/*chamada*/
	.chamada{
		width: 100%;
		float: left;
		margin: 50px 0 -30px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		color: #FFF;
		position: relative
	}
	
	.chamada img{
		position: absolute;
		width: 70px;
		left: -30px;
		top: -20px;
	}
	
	.chamada h4{
		width: 100%!important;
		background: url("img/bg-yellow.jpg");
		font-size: 22px;
		float: left;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		height: auto;
		padding: 15px;
		text-align: center;
	}
	
	.chamada p{
		width: 100%!important;
		background: #111111;
		font-size: 16px;
		float: left;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		height: auto;
		padding: 15px;
		text-align: center;
	}
	
	
	
	/*BLACK*/
	.tit-black{
		float: left;
		width: 100%;
		margin: 0;
	}
	
	.tit-black h2{
		float: left;
		width: 100%;
		margin: 0;
		border-bottom: 3px solid #777777;
		text-align: center;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 25px;
		letter-spacing: -1px;
		color: #FFF;
		line-height: 1.0;
		padding: 0 0 15px 0;
	}
	
	.tit-black h2 strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 28px;
	}
	
	.tit-black p{
		float: right;
		width: 100%;
		margin: 50px 0 0;
		border-bottom: 3px solid #edc957;
		text-align: center;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 16px;
		letter-spacing: 0.5px;
		color: #FFF;
		line-height: 1.4;
		padding: 0 0 15px 0;
	}
	
	.column{
		width: 100%;
		float: left;
		margin: 30px 0 -30px;
	}
	
	.row{
		float: left;
		width: 100%;
		margin: 0 0 15px;
		text-align: center;
	}
	
	.row:hover{
		transition: 1s;
		transform: scale(1.03);
	}
	
	.row span{
		float: left;
		width: 100%;
		position: relative;
		top: 10px;
		left: 0;
		z-index: 22;
		text-align: center;
	}
	
	.row span img{
		width: 80px;
	}
	
	.row p{
		float: right;
		margin: 0;
		width: 100%;
		color: #FFF;
		display: flex;
		justify-content: center;
		flex-direction: column;
		border: 1px solid #FFF;
		height: 60px;
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		text-transform: uppercase;
		font-size: 14px;
		line-height: 0.5;
		position: relative;
		padding-left: 0;
	}
	
	.row p strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	.column a{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		color: #FFF;
		font-size: 20px;
		text-align: center;
		width: 100%;
		margin: 25px 0 0;
		float: left;
	}
	
	.column a strong{
		font-size: 40px;
		position: relative;
		top: 6px;
		left: 10px;
	}
	
	.column a:hover{
		color: #edc957;
		transition: 1s;
	}

		
		
		
	/*SERVICES*/	
	.bg-services-a{
		position: relative;
		width: 100%;
		background: url("img/bg-services-a.jpg") top center #fff no-repeat;
		z-index: 6;
		min-height: 600px;
		padding: 150px 0 0;
	}
	
	.bg-services-b{
		position: relative;
		width: 100%;
		background: url("img/bg-services-b.jpg") top center #fff no-repeat;
		z-index: 6;
		min-height: 600px;
	}
	
	.tit-services{
		float:left;
		width: 100%;
		position: relative;
		z-index: 9;
		margin: 165px 0 0;
	}

	.tit-services h2{
		color:#ffffff;
		font-size: 30px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		text-align: center;
		width: 100%;
		float: left;
		margin: 0 0 0;
	}

	
	/* TAB */
	.tab {
		overflow: hidden;
		float:left;
		width: 90%;
		margin: 135px 5% 0;
	}
	
	.tab button {
		background-color: #2a2a2a;
		float: left;
		outline: none;
		cursor: pointer;
		padding: 20px 10px;
		transition: 0.3s;
		font-size: 18px;
		color: #ffffff;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		width: 80%;
		margin: 0 10% 10px;
		border: 0;
		border-radius: 60px;
	}
	
	.tab button:hover {
		background: url("img/bg-yellow.jpg");
		transition: 1s;
	}

	.tab button.active {
		background: url("img/bg-yellow.jpg");
		transition: 1s;
	}

	
	/*TAB-CONTENT*/
	.tabcontent {
		display: none;
		padding: 6px 12px;
		-webkit-animation: fadeEffect 2s;
		animation: fadeEffect 2s;
	}
	
	
	/*FROTAS*/
	ul.frotas{
		float: left;
		width: 100%;
		margin: 50px 0 70px;
		list-style: none;
	}
	
	ul.frotas h3{
		font-size: 25px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	ul.frotas p{
		font-size: 18px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		width: 100%;
		float: left;
	}
	
	ul.frotas p span{
		background: url("img/bg-yellow.jpg");
		height: 13px;
		width: 2%;
		float: left;
		margin: 15px 46% 0;
	}
	
	ul.frotas li{
		float: left;
		width: 95%;
		margin: 15px 2.5%;
		text-align: center;
	}
	
	ul.frotas li:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	}
	
	
	/*MÃO DE OBRA*/
	ul.mao-de-obra{
		float: left;
		width: 100%;
		margin: 60px 0;
		list-style: none;
	}
	
	ul.mao-de-obra h3{
		font-size: 25px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	ul.mao-de-obra p{
		font-size: 18px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		width: 100%;
		float: left;
	}
	
	ul.mao-de-obra p span{
		background: url("img/bg-yellow.jpg");
		height: 13px;
		width: 2%;
		float: left;
		margin: 15px 46% 30px;
	}
	
	ul.mao-de-obra li{
		font-size: 18px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		width: 98%;
		float: left;
		border: 1px solid #2a2a2a;
		margin: 0 1% 10px;
		border-left: 5px solid #e8c249;
		border-radius: 50px;
		padding: 20px 0;
	}
	
	ul.mao-de-obra li:hover{
		background: #e8c249;
		transition: 1s;
		border: 1px solid #e8c249;
		border-left: 20px solid #e8c249;
		color: #FFF;
	}
	
	.top{
		top: 30px;
		position: relative;
	}
	
	
	a.more{
		background: url("img/bg-yellow.jpg");
		color: #FFF;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 20px;
		width: 100%;
		float: left;
		border-radius: 30px;
		height: auto;
		margin: 40px 0 0;
		padding: 20px 0 20px;
		text-align: center;
	}
	
	a.more:hover{
		background: #2a2a2a;
		transition: 1s;
	}
	
	a.more span{
		background: #2a2a2a;
		height: auto;
		border-radius: 30px;
		width: 30%;
		float: left;
		padding: 15px 0;
		margin: -60px 35% 0
	}
	
	
	
	
	
	
	
/*
	[FOOTER]
				 */
	
	/*FORM*/
	.img-form{
		float: left;
		width: 100%;
		margin: 0;
		height: 400px;
		background: url("img/img-form-responsive.jpg") top center;
	}
	
	.form{
		float: right;
		margin: 0;
		width: 100%;
		background: url("img/bg-yellow.jpg");
		padding: 10px;

	}
	
	.border-form{
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 600px;
		border: 2px solid #d2af41;
	}
	
	.form h3{
		font-size: 22px;
		color: #ffffff;
		text-align: center;
		border-bottom: 2px solid #2a2a2a;
		width: 80%;
		padding: 0 0 10px;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		margin: 0 10% 40px;
		float: left;
	}
	
	.form h3 strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	.input{
		width: 95%;
		float: left;
		margin: 10px 2.5%;
		border-radius: 58px;
		background-color: transparent;
		color: #FFF;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 30px;
		border: 2px solid #FFF;
		padding: 15px;
	}
	
	.input::placeholder {
		color: #ffffff;
		opacity: 1;
	}
	
	.input::-ms-input-placeholder {
		color: #ffffff;
	}
	
	.input::-ms-input-placeholder {
		color: #ffffff;
	}
	
	.send-box{
		width: 100%;
		float: left;
		margin: 25px 0 0;
		text-align: center;
	}
	
	.send{
		background: url("img/send.png") no-repeat top center;
		font-size: 0;
		border: 0;
		width: 100px;
		height: 100px;
		cursor: pointer;
	} 
	
	.send:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	} 
	
	
	/*SUB-FOOTER*/
	.logo-footer{
		width: 100%;
		float: left;
		margin: 50px 0;
		text-align: center;
	}
	
	.logo-footer span{
		width: 100%;
		float: left;
		margin: 0 0 20px;
		text-align: center;
	}
	
	.logo-footer a{
		text-align: center;
		color: #2a2a2a;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		font-size: 16px;
		line-height: 1.4;
	}
	
	.logo-footer:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	}
	
	.logo-footer a strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	
	/*MEDIA*/
	.media{
		width: 95%;
		float: right;
		margin: 25px 2.5%;
		text-align: center;
	}
	
	.media a{
		float: left;
		width: 31.3%;
		margin: 0 1% 15px;
		text-align: center;
	}
	
	.media a:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	}
	
	.media a img{
		width: auto;
	}
	
	.media span{
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		font-size: 18px;
	}
	
	.media span strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	
	
	
/*
	 [OVERLAY]
				 */
	
	
	.form-overlay h3{
		font-size: 16px;
		color: #ffffff;
		text-align: center;
		border-bottom: 2px solid #2a2a2a;
		width: 80%;
		padding: 0 0 10px;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		margin: 0 10% 20px;
		float: left;
	}
	
	.form-overlay h3 strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 20px
	}
	
	.input-overlay{
		width: 80%;
		float: left;
		margin: 10px 10%;
		border-radius: 58px;
		background-color: transparent;
		color: #FFF;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 23px;
		border: 2px solid #FFF;
		padding: 10px 20px;
	}
	
	.input-overlay::placeholder {
		color: #ffffff;
		opacity: 1;
	}
	
	.input-overlay::-ms-input-placeholder {
		color: #ffffff;
	}
	
	.input-overlay::-ms-input-placeholder {
		color: #ffffff;
	}
	
	.send-b{
		border: 0;
		width: auto;
		cursor: pointer;
		font-size: 18px;
		text-align: center;
		background: #edc957;
		border-radius: 50px;
		padding: 20px 25px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	} 
	
	.send-b:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	} 
	
	.overlay {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.9);
		overflow-x: hidden;
		transition: 0.5s;
	}
	.overlay-content {
		position: relative;
		top: 10%;
		width: 100%;
		text-align: center;
		margin-top: 30px;
		z-index: 999
	}
	
	.overlay a {
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		color: #818181;
		display: block;
		transition: 0.3s;
	}	
	
	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}
	
	.overlay .closebtn {
		position: absolute;
		top: 20px;
		right: 45px;
		font-size: 60px;
	}	
	
	

	


}









@media only screen and (min-width: 603px) {
	

	
	/*FROTAS*/
	ul.frotas li{
		width: 45%;
	}
	
	
	/*BLACK*/
	.row{
		width: 45%;
		margin: 0 2.5% 15px;
	}
		
}







@media only screen and (min-width: 1024px) {
	
	.callout {
  position: fixed!important;
  left: 0!important;
	margin-left: -0px;
  width: 100%!important;
	max-width: 100%!important;
	height: 100%;
	z-index: 999999999999999!important;
	text-align: center!important;
	background: rgba(0,0,0,0.9)!important;
	float: left;
	margin: 0 auto;
	padding: 50px;
	overflow:hidden;

}

.callout-container {
  padding: 50px 0;
  background-color: none;
  color: black;
	width: 500px;
	margin: 0 auto;
}

.callout-container p a{
	text-decoration: none;
	color: #3C8E96

}

.closebtn {
  position: absolute;
  color: white;
  font-size: 50px;
  cursor: pointer;
	float: none;
	width: 100%;
	padding: 15px;
	right: 0!important;
	margin-right: 0; 
	margin-top: 0px;
	text-align: center;
}

.closebtn:hover {
  color: lightgrey;
}
	
	.input-b{
		width: 45%!important;
		float: left;
		margin: 8px 2.5%!important;
		border-radius: 50px;
		background-color: transparent;
		color: #FFF;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 20px;
		border: 2px solid #FFF;
		padding: 12px 0 12px 20px;
	}
	
	.input-b::placeholder {
		color: #ffffff;
		opacity: 1;
	}
	
	.input-b::-ms-input-placeholder {
		color: #ffffff;
	}
	
	.input-b::-ms-input-placeholder {
		color: #ffffff;
	}
	
	
	
	


/*
	[Elements]
				 */
	.container{
		width: 1000px;
	}
	
	
	.left{
		position: relative;
		left: -50px;
	}
	
	.right{
		position: relative;
		left: 50px;
	}
	


/*
		[BACKGROUND]
						 */
	
	.bg-header{
		background-color: rgba(225,225,225,0.90);
		padding: 0;
		z-index: 77;
		position: relative;
		height: 160px;
		float: left;
	}
	
	.sub-header{
		background-color: rgba(0,0,0,0.50);
		padding: 0;
		z-index: 66;
		position: relative;
		height: 60px;
		float: left;
		width: 100%;
	}
	
	.bg-section{
		z-index: 55;
		position: relative;
	}
	
	.bg-white{
		position: relative;
		z-index: 44;
		background: url("img/bg-white.jpg") top center #fff;
		padding: 120px 0 100px;
	}
	
	.bg-black{
		position: relative;
		z-index: 33;
		background: #2a2a2a;
		padding: 95px 0;
	}
	
	.bg-footer{
		position: relative;
		z-index: 22;
		background: #FFF;
		padding: 0;
	}

	

/*
	[HEADER]
				 */
	
	/*logo*/
	a.logo{
		width: 290px;
		padding: 0;
		text-align: center;
		margin: 10px 0 0;
		float: left;
		position: relative;
		left: 0;
		margin-right: 0;
	}	 
	
	img.logo{ 
		width: 290px;
		margin: 0;
		text-align: center;
	}
		
	
/*
	[MENU]
			 */
	.nav ul {
		font-size: 22px!important;
		font-weight: 400;
		margin: 0!important;
		letter-spacing: -0.2px;
		border-bottom: 4px solid #edc957;
	}
	
	.nav ul li em{
		float: right!important;
		position: relative;
		top: -20px;
		left: 7px;
		color: #edc957;
		font-size: 18px;
		line-height: normal;
		font-style: normal;
		font-family: 'nexa-light', Segoe, "Segoe UI";
	}
	
	
	
/*
	[DORPDOWN]
				 */
	.dropdown {
		position: relative;
		display: inline-block;
		width: 100%;
		z-index: 99;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		min-width: 210px;
		box-shadow: 0 0 0 0!important;
		z-index: 1;
		border-radius: 10px;
		padding: 26px 0 0!important;
		left: 0px;
		background: none;
	}

	.dropdown-content a {
		padding: 12px!important;
		text-decoration: none;
		display: block;
		color: #e8c249!important;
		font-size: 16px;
		border-bottom: 1px solid #FFF;
		background-color: #323232!important;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}

	.dropdown-content a:hover {
		background-color: #e8c249!important;
		opacity: 1;
		padding: 12px!important;
		border-bottom: 1px solid #FFF!important;
		font-weight: normal!important;
		color: #323232!important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
	}

	.dropdown:hover .dropbtn {
		background-color: #c9793d;
	}


	
	
/*
	[SUB-HEADER]
				 */
	.sub-header a{
		float: right;
		height: 45px;
		width: 175px;
		margin: 10px 0 0;
		text-align: left;
	}
	
	.sub-header a:hover{
		opacity: 0.6;
		transition: 1s;
		transform: scale(0.99);
	}
	
	.sub-header a span {
		float: left;
		width: auto;
		text-align: center;
		margin: -1px 0 0 -1px
	}
	
	.sub-header a span img{
		width: auto;
		position: relative;
		top: 1px;
	}
	
	.sub-header a strong{
		font-size: 18px;
		color: #edc957;
		text-align: center;
		font-weight: normal;
		position: relative;
		top: 2px;
		left: 15px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}

	.sub-header a em{
		font-size: 16px;
		color: #ffffff;
		text-align: center;
		font-weight: normal;
		position: relative;
		top: -4px;
		left: 15px;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-style: normal;
	}


	
/*
	[ANIMATION]
				 */
	
	#layerslider{
		width: 100%; 
		height: 905px;
		right: 0;
		background: center center;
		z-index: 33;
		position: relative;
		float: left;
		top: -239px;
		margin-bottom: -239px;
	}
	
	#text-min{
		font-size: 40px!important;
		line-height: 1.4!important
	}

	#text-min strong{
		font-size: 40px!important;
	}


	#layerslider img{
		max-width: auto!important;
		height: 905px!important;
		top: 0;
	}
	
	.container-anima{
		float: none!important;
		position: relative!important;
		height: 100px!important;
		width: 1000px!important;
		margin: 0 auto!important;
	}
	
	#layerslider .ls-slide span{
		float: left;
		margin: 350px 0 0;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 60px;
		color: #fff;
		text-align: center;
		line-height: 0.8;
		width: 100%;
		z-index: 22;
		position: relative;
	}
	
	#layerslider .ls-slide span p{
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 25px;
		color: #fff;
		line-height: 1.5;
		width: 100%;
		margin: 25px 0
	}
	
	
	#layerslider .ls-slide span strong{
		font-size: 65px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		color: #edc957;
	}
	
	
	#layerslider .ls-slide img.arrow-anima{
		max-width: 880px!important;
		height: 170px!important;
		top: -70px;
		position: relative;
		z-index: 11;
	}
	
	#layerslider .ls-slide ul{
		float: left;
		width: 60%;
		list-style: none;
		margin: -250px 20% 0!important;
		position: relative;
	}
	
	#layerslider .ls-slide ul li{
		float: left;
		width: 29.3%;
		margin: 0 2%;
		text-align: center;
	}
		
	#layerslider .ls-slide ul li h2 {
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 25px;
		color: #fff;
		line-height: 1.0;
		width: 100%;
		margin: 25px 0;
		text-align: center;
		border-bottom: 1px solid #FFF;
		padding: 15px 0 10px;
	}
		
	#layerslider .ls-slide ul li img{
		max-width: 120px!important;
		height: 117px!important;
	}
	
	#layerslider .ls-slide span a{
		color: #edc957;
		font-size: 24px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		border: 2px solid #edc957;
		padding: 15px;
	}
	
	#layerslider .ls-slide span a:hover{
		color: #fff;
		border: 2px solid #edc957;
		background: #edc957;
		transition: 1s;
	}

		
	
/*
	[ARTICLE]
				 */	
	
	/*ABOUT*/
	.about{
		float: left;
		width: 100%;
		margin: 0;
	}
	
	.icon-frete{
		float: left;
		text-align: left;
		margin: 0 50px 0 0;
		width: auto;
	}
	
	.icon-frete img{
		width: 150px
	}
	
	.about h2{
		float: left;
		width: 75%;
		margin: 0 15% 50px;
		text-align: left;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 50px;
		letter-spacing: -1px;
		color: #000000;
		line-height: 1.0;
		padding: 0;
		text-transform: uppercase;
	}
	
	.about h2 strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 70px;
	}
	
	.about h2 span{
		background: url("img/bg-yellow.jpg");
		height: 13px;
		width: 2%;
		float: left;
		margin: 15px 49% 0;
	}
	
	.about h3{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		float: left;
		width: 100%;
		font-size: 20px;
		color: #FFF;
		text-transform: uppercase;
	}
	
	.question{
		width: 100%;
		float: left;
		text-align: center;
		position: relative;
		top: 30px;
		margin-top: 0;
		z-index: 77;
	}
	
	span.color-black{
		float: left;
		width: 50%;
		background: #111111;
		height: 85px;
		text-align: left;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 0 35px;
		font-size: 20px;
	}
	
	span.color-yellow{
		float: right;
		width: 50%;
		background: url("img/bg-yellow.jpg");
		height: 85px;
		text-align: right;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 0 35px;
		position: relative;
		top: -91px;
		margin-bottom: -91px;
		font-size: 20px;
	}
	
	.division{
		float: left;
		width: 100%;
		text-align: center;
		position: relative;
		top: -85px;
		margin-bottom: -85px;
		z-index: 55;
	}
	
	
	/*chamada*/
	.chamada{
		width: 100%;
		float: left;
		margin: 50px 0 -30px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		color: #FFF;
		position: relative
	}
	
	.chamada img{
		position: absolute;
		width: 70px;
		left: -30px;
		top: -20px;
	}
	
	.chamada h4{
		width: 35%!important;
		background: url("img/bg-yellow.jpg");
		font-size: 30px;
		float: left;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		height: 85px;
		padding: 0 30px;
		text-align: center;
	}
	
	.chamada p{
		width: 65%!important;
		background: #111111;
		font-size: 20px;
		float: left;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		height: 85px;
		padding: 0 30px;
		text-align: left;
	}
	
	
	/*TEXT*/
	.text{
		float: right;
		width: 45%;
		margin: 60px 0 0;
		border: 1px solid #e6e6e6;
		height: 480px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 0;
	}
	
	.text p{
		text-align: justify;
		font-family: Segoe, "Segoe UI" ;
		font-size: 22px;
		color: #111111;
		line-height: 1.6;
		margin: 0 10%;
		width: 80%;
		letter-spacing: normal
	}
	
	.text p strong{
		font-family: Segoe, "Segoe UI" ;

	}
	
	.text a{
		float: left;
		width: 80%;
		margin: 18px 10% 0;
		border-bottom: 2px solid #111111;
	}
	
	.text a:hover{
		opacity: 0.9;
		transition: 1s;
	}
	
	.text a em{
		color: #111;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 23px;
		text-align: right;
		float: left;
		width: 78%;
		margin: 25px 0 0;
	}
	
	.text a span{
		float: right;
		margin: 0;
		text-align: center;
		position: relative;
		top: 8px;
		left: 13px
	}
	
	
	/*aside*/
	aside{
		float: left;
		width: 55%;
		margin: 50px 0 0;
		height: 480px;
		background: url("img/aside.jpg") top center no-repeat;
	}
		
	aside span{
		background: url("img/bg-yellow.jpg");
		width: 420px;
		height: 330px;
		float: right;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	
	.border-aside{
		border: 1px solid #FFF;
		padding: 12px 0 12px 12px;
		float: right;
		border-right: 0;
		margin: 70px 0 0;
		position: relative;
	}
	
	.border-aside img{
		position: absolute;
		top: -25px;
		left: -30px;
		width: 70px;
	}
	
	aside span h4{
		text-align: right;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 45px;
		color: #FFF;
		line-height: 0.8;
		margin-right: 30px;
		letter-spacing: 2px;
	}
		
	aside span p{
		text-align: right;
		font-family: 'nexa-book', Segoe, "Segoe UI";
		font-size: 32px;
		color: #2a2a2a;
		line-height: 1.0;
		margin-right: 30px
	}
	
	
	
	/*BLACK*/
	.tit-black{
		float: left;
		width: 100%;
		margin: 0;
	}
	
	.tit-black h2{
		float: left;
		width: 49%;
		margin: 0;
		border-bottom: 3px solid #777777;
		text-align: left;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 45px;
		letter-spacing: -1px;
		color: #FFF;
		line-height: 1.0;
		padding: 0 0 30px 30px;
	}
	
	.tit-black h2 strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 48px;
	}
	
	.tit-black p{
		float: right;
		width: 49%;
		margin: 0;
		border-bottom: 3px solid #edc957;
		text-align: right;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 22px;
		letter-spacing: 0.5px;
		color: #FFF;
		line-height: 1.2;
		padding: 0 30px 45px 0;
	}
	
	.column{
		width: 100%;
		float: left;
		margin: 85px 0 -30px;
	}
	
	.row{
		float: left;
		width: 25%;
		margin: 0;
		text-align: center;
	}
	
	.row:hover{
		transition: 1s;
		transform: scale(1.03);
	}
	
	.row span{
		float: left;
		width: 100px;
		position: relative;
		top: -10px;
		left: 25px;
		z-index: 22;
		text-align: center;
	}
	
	.row span img{
		width: 100px;
	}
	
	.row p{
		float: right;
		margin: 0;
		width: 60%;
		color: #FFF;
		display: flex;
		justify-content: center;
		flex-direction: column;
		border: 1px solid #FFF;
		height: 75px;
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		text-transform: uppercase;
		font-size: 12px;
		line-height: 0.5;
		position: relative;
		padding-left: 15px;
	}
	
	.row p strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	.column a{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		color: #FFF;
		font-size: 20px;
		text-align: center;
		width: 100%;
		margin: 25px 0 0;
		float: left;
	}
	
	.column a strong{
		font-size: 40px;
		position: relative;
		top: 6px;
		left: 10px;
	}
	
	.column a:hover{
		color: #edc957;
		transition: 1s;
	}

		
		
		
	/*SERVICES*/	
	.bg-services-a{
		position: relative;
		width: 100%;
		background: url("img/bg-services-a.jpg") top center #fff no-repeat;
		z-index: 6;
		min-height: 850px;
		padding: 150px 0 0;
	}
	
	.bg-services-b{
		position: relative;
		width: 100%;
		background: url("img/bg-services-b.jpg") top center #fff no-repeat;
		z-index: 6;
		min-height: 850px;
	}
	
	.tit-services{
		float:left;
		width: 100%;
		position: relative;
		z-index: 9;
		margin: 165px 0 0;
	}

	.tit-services h2{
		color:#ffffff;
		font-size: 55px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		text-align: left;
		width: 100%;
		float: left;
		margin: 0 0 0;
	}

	
	/* TAB */
	.tab {
		overflow: hidden;
		float:left;
		width: 90%;
		margin: 0 5%;
	}
	
	.tab button {
		background-color: #2a2a2a;
		float: left;
		outline: none;
		cursor: pointer;
		padding: 20px 35px;
		transition: 0.3s;
		font-size: 50px;
		color: #ffffff;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		width: auto;
		margin: 120px 8% 0;
		border: 0;
		border-radius: 60px;
	}
	
	.tab button:hover {
		background: url("img/bg-yellow.jpg");
		transition: 1s;
	}

	.tab button.active {
		background: url("img/bg-yellow.jpg");
		transition: 1s;
	}

	
	/*TAB-CONTENT*/
	.tabcontent {
		display: none;
		padding: 6px 12px;
		-webkit-animation: fadeEffect 2s;
		animation: fadeEffect 2s;
	}
	
	
	/*FROTAS*/
	ul.frotas{
		float: left;
		width: 100%;
		margin: 120px 0 70px;
		list-style: none;
	}
	
	ul.frotas h3{
		font-size: 40px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	ul.frotas p{
		font-size: 28px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		width: 100%;
		float: left;
	}
	
	ul.frotas p span{
		background: url("img/bg-yellow.jpg");
		height: 13px;
		width: 4%;
		float: left;
		margin: 15px 46% 0;
	}
	
	ul.frotas li{
		float: left;
		width: 23%;
		margin: 80px 1%;
	}
	
	ul.frotas li:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	}
	
	
	/*MÃO DE OBRA*/
	ul.mao-de-obra{
		float: left;
		width: 100%;
		margin: 120px 0 70px;
		list-style: none;
	}
	
	ul.mao-de-obra h3{
		font-size: 40px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	ul.mao-de-obra p{
		font-size: 20px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		width: 100%;
		float: left;
	}
	
	ul.mao-de-obra p span{
		background: url("img/bg-yellow.jpg");
		height: 13px;
		width: 4%;
		float: left;
		margin: 15px 46% 30px;
	}
	
	ul.mao-de-obra li{
		font-size: 24px;
		color: #2a2a2a;
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		width: 45%;
		float: left;
		border: 1px solid #2a2a2a;
		margin: 0 2.5% 25px;
		border-left: 20px solid #e8c249;
		border-radius: 50px;
		padding: 20px 0;
	}
	
	ul.mao-de-obra li:hover{
		background: #e8c249;
		transition: 1s;
		border: 1px solid #e8c249;
		border-left: 20px solid #e8c249;
		color: #FFF;
	}
	
	.top{
		top: 30px;
		position: relative;
	}
	
	
	a.more{
		background: url("img/bg-yellow.jpg");
		color: #FFF;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 20px;
		width: 50%;
		float: left;
		border-radius: 30px;
		height: 63px;
		margin: 0 25%;
		padding: 20px 0 20px 25px;
		text-align: left
	}
	
	a.more:hover{
		background: #2a2a2a;
		transition: 1s;
	}
	
	a.more span{
		background: #2a2a2a;
		height: 63px;
		border-radius: 30px;
		width: 87px;
		float: left;
		padding: 15px 20px;
		margin: -20px 20px 0 -25px
	}
	
	
	
	
	
	
	
/*
	[FOOTER]
				 */
	
	/*FORM*/
	.img-form{
		float: left;
		width: 50%;
		margin: 0;
		height: 1000px;
		background: url("img/img-form.jpg") top center;
	}
	
	.form{
		float: right;
		margin: 0;
		width: 50%;
		background: url("img/bg-yellow.jpg");
		padding: 30px;

	}
	
	.border-form{
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 940px;
		border: 2px solid #d2af41;
	}
	
	.form h3{
		font-size: 40px;
		color: #ffffff;
		text-align: center;
		border-bottom: 2px solid #2a2a2a;
		width: 80%;
		padding: 0 0 10px;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		margin: 0 10% 40px;
		float: left;
	}
	
	.form h3 strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	.input{
		width: 80%;
		float: left;
		margin: 22px 10%;
		border-radius: 58px;
		background-color: transparent;
		color: #FFF;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 45px;
		border: 2px solid #FFF;
		padding: 18px 30px;
	}
	
	.input::placeholder {
		color: #ffffff;
		opacity: 1;
	}
	
	.input::-ms-input-placeholder {
		color: #ffffff;
	}
	
	.input::-ms-input-placeholder {
		color: #ffffff;
	}
	
	
	.send-box{
		width: 100%;
		float: left;
		margin: 25px 0 0;
		text-align: center;
	}
	
	.send{
		background: url("img/send.png") no-repeat top center;
		font-size: 0;
		border: 0;
		width: 100px;
		height: 100px;
		cursor: pointer;
	} 
	
	.send:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	} 
	
	
	/*SUB-FOOTER*/
	.logo-footer{
		width: 50%;
		float: left;
		margin: 100px 0;
		text-align: center;
	}
	
	.logo-footer span{
		width: 100%;
		float: left;
		margin: 0 0 20px;
		text-align: center;
	}
	
	.logo-footer a{
		text-align: center;
		color: #2a2a2a;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		font-size: 16px;
		line-height: 1.4;
	}
	
	.logo-footer:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	}
	
	.logo-footer a strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}
	
	
	/*MEDIA*/
	.media{
		width: 30%;
		float: right;
		margin: 110px 0;
		text-align: center;
	}
	
	.media a{
		float: left;
		width: 33.3%;
		margin: 0 0 15px;
		text-align: center;
	}
	
	.media a:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	}
	
	.media a img{
		width: auto;
	}
	
	.media span{
		text-align: center;
		font-family: 'nexa-light', Segoe, "Segoe UI";
		font-size: 25px;
	}
	
	.media span strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	}

	
	
/*
	 [OVERLAY]
				 */
	
	
	.form-overlay h3{
		font-size: 20px;
		color: #ffffff;
		text-align: center;
		border-bottom: 2px solid #2a2a2a;
		width: 80%;
		padding: 0 0 10px;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		margin: 0 10% 20px;
		float: left;
	}
	
	.form-overlay h3 strong{
		font-family: 'nexa-bold', Segoe, "Segoe UI";
		font-size: 30px
	}
	
	.input-overlay{
		width: 80%;
		float: left;
		margin: 10px 10%;
		border-radius: 58px;
		background-color: transparent;
		color: #FFF;
		font-family: 'nexa-thin', Segoe, "Segoe UI";
		font-size: 23px;
		border: 2px solid #FFF;
		padding: 10px 20px;
	}
	
	.input-overlay::placeholder {
		color: #ffffff;
		opacity: 1;
	}
	
	.input-overlay::-ms-input-placeholder {
		color: #ffffff;
	}
	
	.input-overlay::-ms-input-placeholder {
		color: #ffffff;
	}
	
	.send-b{
		border: 0;
		width: auto;
		cursor: pointer;
		font-size: 20px;
		text-align: center;
		background: #edc957;
		border-radius: 50px;
		padding: 15px 25px;
		font-family: 'nexa-bold', Segoe, "Segoe UI";
	} 
	
	.send-b:hover{
		opacity: 1;
		transition: 1s;
		transform: scale(1.03);
	} 
	
	.overlay {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.9);
		overflow-x: hidden;
		transition: 0.5s;
	}
	.overlay-content {
		position: relative;
		top: 10%;
		width: 100%;
		text-align: center;
		margin-top: 30px;
		z-index: 999
	}
	
	.overlay a {
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		color: #818181;
		display: block;
		transition: 0.3s;
	}	
	
	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}
	
	.overlay .closebtn {
		position: absolute;
		top: 20px;
		right: 45px;
		font-size: 60px;
	}	
	
	
	
	
}











/*
	 [EFFECT]
				 */
#animation {
    animation: go-back 1s infinite alternate;
}

@keyframes go-back {
    from {
        transform: translatey(10px);
    }
    to {
        transform: translatey(0);
    }
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}