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


/*FONTS*/
@font-face {
    font-family: 'gotham-light';
    src: url('../wfonts/gotham-light-webfont.eot');
    src: url('../wfonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../wfonts/gotham-light-webfont.woff2') format('woff2'),
         url('../wfonts/gotham-light-webfont.woff') format('woff'),
         url('../wfonts/gotham-light-webfont.ttf') format('truetype'),
         url('../wfonts/gotham-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'gotham-medium';
    src: url('../wfonts/gotham-medium-webfont.eot');
    src: url('../wfonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../wfonts/gotham-medium-webfont.woff2') format('woff2'),
         url('../wfonts/gotham-medium-webfont.woff') format('woff'),
         url('../wfonts/gotham-medium-webfont.ttf') format('truetype'),
         url('../wfonts/gotham-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'gotham-bold';
    src: url('../wfonts/gotham-bold-webfont.eot');
    src: url('../wfonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../wfonts/gotham-bold-webfont.woff2') format('woff2'),
         url('../wfonts/gotham-bold-webfont.woff') format('woff'),
         url('../wfonts/gotham-bold-webfont.ttf') format('truetype'),
         url('../wfonts/gotham-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'gotham-black';
    src: url('../wfonts/gotham-black-webfont.eot');
    src: url('../wfonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../wfonts/gotham-black-webfont.woff2') format('woff2'),
         url('../wfonts/gotham-black-webfont.woff') format('woff'),
         url('../wfonts/gotham-black-webfont.ttf') format('truetype'),
         url('../wfonts/gotham-black-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/**/

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome and Opera */
  }



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*superMenu*/

@media only screen and (max-width: 800px) {

	.container_nomeProjeto{

		float:right;
		position: relative;
		border:0px solid red;
		opacity: 0;
		height: auto;
		top:50%;
		margin-right: 2%;
		transform: translate(0%,-50%);
	    display: none;
	}

	


}/*FIM MAX 800 */

.superMenu{

    border:0px solid red;
    height: 100px;
    position: fixed;
    float: left;
    z-index:2;
    top:0px;
    left:0px;
    opacity: 0; /*começa como 0 Para prevenir o loading */
    padding: 0%;
    /* background-color: transparent; */ /* TEMP FIX  */

    /*
    transition: height 2s;

    transition: height;
    transition: ease;
    transition-delay: 0s;
    transition-duration: 1s;
    */
	transition: all  0.8s;
	transition-timing-function: ease;
}


.logoContainer2{

	border: 0px solid red;
	width: 150px;
	box-sizing: border-box;
	margin-top: 0px;
	margin-left: 2%;
	float:left;
	position: relative;
	height: auto;
	top:50%;
	transform: translate(0%,-50%);
	
}
	

.logo2{

	border: 0px solid red;
	width: 100%;
	padding: 0px;
		
}

	
.container_voltar{
	cursor: pointer;
	border:0px solid red;
	width: 190px;
	box-sizing: border-box;
	height: 20 px;
	margin: 0px;
	float:left;
	position: relative;
	left:53px;
	top:50%;
	transform: translate(0%,-50%);
	

}

.barraFill{
    position: absolute;
    width:0px;
    min-height: 2px;
    background-color: #000000;
    top:16px;
    left:26px;

    transition: all  0.6s;
    transition-timing-function: ease;
}
.container_voltar:hover .barraFill{
	position: absolute;
	width:148px;
	min-height: 2px;
	background-color: #000000;
	top:16px;
	left:26px;
	
	
	}


#seta1, #seta2{

	
    transform: rotate(0deg);
	transition: all  0.4s;
    transition-timing-function: ease;


}

.container_voltar:hover #seta1{

	
    transform: rotate(45deg);
	transition: all  0.4s;
    transition-timing-function: ease;

}

.container_voltar:hover #seta2{

	
    transform: rotate(-45deg);
	transition: all  0.4s;
    transition-timing-function: ease;

}


.svgBtX{
	
	width: 100%;
	float: left;
	position: relative;
	border: 0px solid red;
}


.svgBtX2{
	
	width: 100%;
	float: left;
	position: absolute;
	left:0px;
	border: 0px solid red;
}
.textMenuVoltar{

	font-family:"gotham-bold", Arial, Helvetica, sans-serif ;
    font-size: 12px;
	position: relative;
	float: left;
	margin-left: 4%;
	color:#000000;
	position: relative;
	border:0px solid rgb(8, 12, 211);	
	left: 0px;
	
	
	}
	


.btXmenu{
	
    border: 0px solid red;
    position: relative;
    float: left;
    width: 18px;
    height: 18px;
    background-color: #000000;;



}

.container_lines{

	border:0px solid red;
	width: 280px;
	box-sizing: border-box;
	height: 18px;
	margin-top: 0px;
	margin-left: 2%;
	background-color: #ffffff;
	overflow: hidden;
	opacity: 0;
	float:left;
	position: absolute;
	top:50%;
	left:-87px;
	transform: translate(0%,-50%);
}

.lines{

	border: 0px solid red;
	width: 100%;
	position: relative;
	float: left;
	top:0px;
	left:0px;
	padding: 0px;

	animation-name:animaMove;
	animation-duration:.7s;
	animation-direction: reverse;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
}

@keyframes animaMove {
	from {top: 0px;}
	to {top: -23px;}
}



.container_nomeProjeto{

	float:right;
	position: relative;
	border:0px solid red;
	opacity: 0;
    height: auto;
	top:50%;
	margin-right: 2%;
	transform: translate(0%,-50%);

}


.titProjMenu{

	font-family:"gotham-bold", Arial, Helvetica, sans-serif ;
    	font-size: 14px;
	color:#3a3838;
	position: relative;
	border:0px solid rgb(8, 12, 211);	
	left: 0px;
	opacity: 1;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*NEXT PROJECT COMPONENT*/

 @media only screen and (max-width: 800px) {


	.nextOne_IMG_back{
		float:left;
		position: relative;
		height: 100%;
		padding: 0%;	
		border:0px solid green;
		left:-20%;
		top:50%;
		transform: translate(0%,-50%);
	
		transition-timing-function: ease;
		transition: all 0.6s;
	}
	
	.nextOneContainer:hover .nextOne_IMG_back{
	
		height: 110%;
	
	} 
	

	.nextOneGo{
		position: absolute;
		float: left;
		text-align: right;
		width: 160px;
		height: auto;
		top:65%;
		left:-10px;
		margin-left:6%;
		z-index:2;
		opacity: 1;
		transform: translate(0%,-50%);
		border:0px solid red;
		transition-timing-function: ease;
		transition: all 0.6s;
		
		}
	
		.nextOneContainer:hover .nextOneGo{
	
			opacity: 1;
		
		
		}


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

	.nextOne_IMG_back{
		float:left;
		position: relative;
		height: 100%;
		padding: 0%;	
		border:0px solid green;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
	
		transition-timing-function: ease;
		transition: all 0.6s;
	}
	
	.nextOneContainer:hover .nextOne_IMG_back{
	
		height: 110%;
	
	}

	.nextOneGo{
		position: absolute;
		float: right;
		text-align: right;
		width: 40%;
		height: auto;
		top:50%;
		right:100px;
		margin-right:6%;
		z-index:2;
		opacity: 0;
		transform: translate(0%,-50%);
		border:0px solid red;
		transition-timing-function: ease;
		transition: all 0.6s;
		
		}
	
		.nextOneContainer:hover .nextOneGo{
	
			right:0px;
			opacity: 1;
		
		
		}

		
 }

 /*  FIM MIN 800  */


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



.nextOneContainer{

	cursor: pointer; 
    float:left;
	position: relative;
    height: 400px;
	padding: 0%;
	overflow: hidden;
    border:0px solid red;
    /* background-color: #add7ff; */
	opacity: 1;

	
}


/* .nextOne_IMG_back{
	float:left;
	position: relative;
	height: 100%;
	padding: 0%;	
	border:0px solid green;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);

	transition-timing-function: ease;
	transition: all 0.6s;
}

.nextOneContainer:hover .nextOne_IMG_back{

	height: 110%;

} */


.nextOneName{
    float: left;
    position: absolute;
    width: 50%;
    height: auto;
    margin-left:6%;
    z-index:2;
	top:50%;
	opacity: 1;
    transform: translate(0%,-50%);
    border:0px solid red;

}


/* .nextOneGo{
	position: absolute;
	float: right;
	text-align: right;
	width: 40%;
	height: auto;
	top:50%;
	right:100px;
	margin-right:6%;
	z-index:2;
	opacity: 0;
	transform: translate(0%,-50%);
	border:0px solid red;
	transition-timing-function: ease;
    transition: all 0.6s;
	
	}

	.nextOneContainer:hover .nextOneGo{

		right:0px;
		opacity: 1;
	
	
	} */

	.imgNextp{
		position: relative;
		float: left;
		width: auto;
		height: 100%;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
		transition-timing-function: ease;
		transition: all 0.6s;
	
	 }

	 .tituloNextProj{

		font-family:"gotham-bold", Arial, Helvetica, sans-serif ;
		   font-size:22px;
		
		color:#000000;
		position: relative;
		border:0px solid rgb(8, 12, 211);	
		left: 0px;
	}


	.subTNextProj{

		font-family:"gotham-bold", Arial, Helvetica, sans-serif ;
		font-size: 16px;
		line-height: 0;
		color:#000000;
		position: relative;
		border:0px solid rgb(8, 12, 211);	
		top:0px;
		left: 0px;
	}

	.setaNextp{

		position: relative;
		width: 20px;
		float:right;
		border: 0px solid red;
		top:0px;
		opacity: 1;
		transition-timing-function: ease;
		   transition: all 0.3s;
	}


	.subTviewNextProj{

		font-family:"gotham-bold", Arial, Helvetica, sans-serif ;
		font-size: 16px;
		line-height: 0;
		color:#000000;
		position: relative;
		float: right;
		border:0px solid rgb(8, 12, 211);	
		top:10px;
		margin-right: 2%;
		opacity:1;
		transition-timing-function: ease;
		transition: all 0.3s;
	}

	




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* FOOTER */


.DVIsta{ 
    height:22px; 
    position:absolute;
    left:28px; 
    top:27px;
    cursor: pointer;
    transition:left 0.3s, top 0.3s, transform 0.3s ease;
    transform-origin: center;
  }


.DVIsta:hover{ 

    position:absolute;
 
    transform: scale(1.5);
   
}



.DVlBE{ 
    height:17px; 
    position:absolute;
    left:76px; 
    top:29px;
    cursor: pointer;
    transition:left 0.3s, top 0.3s, transform 0.3s ease;
    transform-origin: center;
  }


.DVlBE:hover{ 

    position:absolute;
 
    transform: scale(1.5);
   
}
.txtCopy{
color:#ffffff;
font-family: "gotham-bold", Arial;
font-size: 10px;
position: absolute;
	bottom: 5%;
	border: 0px solid red;;
    /* left: 5%; */
	left:30px; 
	/* width: 90%; */


}
.DVlIN{ 
   height:21px; 
   position:absolute;
   left:165px; 
   top:26px;
  cursor: pointer;
    transition:left 0.3s, top 0.3s, transform 0.3s ease;
    transform-origin: center;
  }


.DVlIN:hover{ 

    position:absolute;
 
    transform: scale(1.5);
   
}

.DVlDR{ 
  height:22px; 
  position:absolute;
  left:122px; 
  top:27px;
  cursor: pointer;
    transition:left 0.3s, top 0.3s, transform 0.3s ease;
    transform-origin: center;
  }


.DVlDR:hover{ 

    position:absolute;
 
    transform: scale(1.5);
   
}

.footer1{

	height:300px;
	position:relative;
	float:left;
	padding:0px; 
	border:0px solid red; 
	background-color:#999999; 
	z-index:0; 
	clear: top;
	opacity: 0; /* começa O 0 para prevenir o loading*/

}

.footerIn{
position:relative; 
height:100%; 
padding:0%; 
border:0px solid green; 
background-color:#999999; 
z-index:0;

}

.FooterOFF_{
opacity:0;
overflow: hidden;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*  COMPONENTES GERAIS */


/* DIV ANIMA SAIDA  */


.divSaida{
	position: fixed;
	left:0px;
	top:0px;
	opacity: 1;
	background-color:#ffffff; 
	
	z-index:200;
	border:0px solid red;
	transform-origin: bottom;
	/* transition: all  0.8s; */
	transform: scale(1,0);
	transition: transform  0.8s;
	transition-timing-function: ease;
   }

   .divSaida2{
	position: fixed;
	left:0px;
	top:0px;
	opacity: 1;
	background-color:#ffffff; 
	
	z-index:210;
	border:0px solid red;


	transform-origin: bottom;
	transition: all  0.8s;
	transform: scale(1,0);
	/* transition: opacity  0.8s; */
	transition-timing-function: ease;
   }

   .containerHome{ /*MASTER CONTAINER */
	opacity: 0; /* COMEÇA 0 PARA PREVENIR O LOADING*/
	}