@import url('reset.css');
@import url("//hello.myfonts.net/count/2e3a38");
@import url('griiid.css');
@import url('animations.css');

/*@import url('main2.css');*/
/*@import url('maincopy.css');*/

/*
OLD: #feee35;
NEW: #ffed00;
*/
@font-face 						{font-family:'GalanoGrotesque-Bold';	src:url('../fonts/2E3A38_4_0.eot'); 	src:url('../fonts/2E3A38_4_0.eot?#iefix') 	format('embedded-opentype'),url('../fonts/2E3A38_4_0.woff2') 	format('woff2'),url('../fonts/2E3A38_4_0.woff') 	format('woff'),url('../fonts/2E3A38_4_0.ttf')	format('truetype'); }
@font-face 						{font-family:'GalanoGrotesque-Light';	src:url('../fonts/2E3A38_B_0.eot'); 	src:url('../fonts/2E3A38_B_0.eot?#iefix') 	format('embedded-opentype'),url('../fonts/2E3A38_B_0.woff2') 	format('woff2'),url('../fonts/2E3A38_B_0.woff') 	format('woff'),url('../fonts/2E3A38_B_0.ttf')	format('truetype'); }
@font-face 						{font-family:'GalanoGrotesque-Medium';	src:url('../fonts/2E3A38_F_0.eot'); 	src:url('../fonts/2E3A38_F_0.eot?#iefix') 	format('embedded-opentype'),url('../fonts/2E3A38_F_0.woff2') 	format('woff2'),url('../fonts/2E3A38_F_0.woff') 	format('woff'),url('../fonts/2E3A38_F_0.ttf')	format('truetype'); }
@font-face 						{font-family:'GalanoGrotesque-Regular';	src:url('../fonts/2E3A38_11_0.eot');	src:url('../fonts/2E3A38_11_0.eot?#iefix') 	format('embedded-opentype'),url('../fonts/2E3A38_11_0.woff2') 	format('woff2'),url('../fonts/2E3A38_11_0.woff') 	format('woff'),url('../fonts/2E3A38_11_0.ttf') 	format('truetype'); }

h1, h2, h3, h4, h5, li, p>b, li							{ font-size:10px; font-family:'GalanoGrotesque-Regular', sans-serif; font-weight:normal; }

h2 															{ font-family:"kepler-std"; font-weight:300; text-align:center; font-size:30px; line-height:1.2; letter-spacing:2px; }
h2 b 															{ font-weight:600; }
ul 															{ list-style:none;  }
ul li 															{ padding-bottom:0px; font-size:15px;}

p 												{ font-family:'GalanoGrotesque-Light', sans-serif; font-weight:normal; letter-spacing:1px; line-height:1.4; font-size:14px; }
a 												{ font-size:inherit; font-family:inherit; font-weight:inherit; color:#000; text-decoration:none; -webkit-transition:.27s ease-in-out; -moz-transition:.27s ease-in-out; -o-transition:.27s ease-in-out; transition:.27s ease-in-out; }
a:hover 											{ color:rgba(0, 0, 0, .6); }

.contentWrap 										{ width:90%; max-width:1280px; margin:0 auto; padding:100px 0 40px; }

*::-moz-selection 	{ background-color:#ffed00 !important; color:#fff; }
*::selection 		{ background-color:#ffed00 !important; color:#fff; }
/*
* { -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; text-shadow:rgba(0,0,0,.1) 0 0 1px; }
p.small { -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; text-shadow:rgba(0,0,0,.25) 0 0 1px; }
*/


/*-----------------------------------*/
/* ---------->>> GERAL <<<-----------*/
/*-----------------------------------*/
html 							{ overflow-y:scroll; overflow-x:hidden; }
body 							{ overflow-y:hidden; overflow-x:hidden; }
/*-HEAD-*/
header 									{ z-index:3; height:90px; background-color:transparent; position:fixed; width:100%; }
header > nav 								{ height:100%; width:90%; max-width:1280px; margin:0 auto; display:table; }
header > nav > div 								{ vertical-align:middle; display:table-cell; }
#logo 										{ width:240px; }

header > nav > .left 							{ width:20%; }
header > nav > .left a 								{  }
header > nav > .left #openMobileMenu 					{ display:none }

/*-HEAD - MENU-*/
header > nav > .right 							{ width:80%; }
header > nav > .right > ul							{ text-align:right; }
header > nav > .right > ul > li							{ display:inline-block; }
header > nav > .right > ul > li > a							{  }
header > nav > .right > ul > li > a.active 					{  }
.whiteBackground 					{ background-color:rgba(255,255,255,.9) !important; }

nav ul li 								{ font-family:'GalanoGrotesque-Regular', sans-serif; font-weight:normal; margin-left:30px; letter-spacing:1px}
nav ul li a.active 							{ font-family:'GalanoGrotesque-Bold', sans-serif; font-weight:normal; }



@media handheld, only screen and (max-width:767px) {

	#menuBg												{ background-color:#ffed00; position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: -1; }

	/*header.active 								{ padding-bottom:50vh; }*/
	header > nav > .left							{ display:block; width:100%; margin-top:30px; }

	header > nav > .left a 								{ vertical-align:top; width:88%; display:inline-block; z-index: 1;}
	#logo 												{ margin-top: 5px; }



	header > nav > .left #openMobileMenu 				{ width:10%; display:inline-block; height:30px; }
	header > nav > .left div span 							{ display:block; }


	header > nav > .right 							{ display: table; overflow: hidden; margin:0 auto; }
	header > nav > .right > ul 							{ display: table-cell; vertical-align: middle; min-height: 400px; }

	header > nav > .right > ul > li							{ display: none; text-align: center; margin-top: 16%;  margin-top: 7vh; margin-left: 0; margin-left: -35px; font-size: 25px;}
	header > nav > .right > ul > li:first-of-type							{ margin-top: 25%; margin-top: 22vh; }
/*
	header > nav > .right 							{ position:absolute; background-color:#ffed00; top:90px; padding:0 80px; height:0; margin-left:-75px; }
	header > nav > .right > ul 							{margin-top: 60px; }
	header > nav > .right > ul > li							{ display:block; text-align: center; padding-top: 60px;}
*/

/*
	header > nav > .left #openMobileMenu 				{ vertical-align:middle; width:10%; display:inline-block; height:30px; }
	header > nav > .left div span 							{ display:block; }

	header > nav > .right 							{ display:none; position:absolute; background-color:#ffed00; top:90px; padding:0 150px; height:0; margin-left:-75px; }
	header > nav > .right > ul > li							{ display:block; }
*/
/*
	header > nav > .left 				{ text-align:justify; *-ms-text-justify:distribute-all-lines; *text-justify:distribute-all-lines; }
	header > nav > .left:after 		{ content:''; display:inline-block; width:100%; height:0; font-size:0; line-height:0; }
	header > nav > .left>* 				{ display:inline-block; }
*/
}



@media screen and (max-width:400px) and (max-height:445px) and (-webkit-min-device-pixel-ratio: 2) {
	header > nav > .right > ul > li	 { margin-top: 16%; }
	header > nav > .right > ul > li:first-of-type 	{ margin-top: 25%; }
}


/*-BANNER-*/
#banner 				{ position:relative; z-index:1; width:100%; height:600px; }
#banner .projectFace 		{ height:510px; position:absolute; bottom:0; width:100%; background-size:cover; background-position:center; }
#banner .projectFace > div 		{ width:80%; max-width:890px; margin:-25px auto 0; } /* o margin top tem que ter o valor negativo para compensar a barra de cima (espaço entre o fim do logo e o fim de <header> a dividir por 2) */
#banner .projectFace > div h2 		{ /* font-size:28px; line-height:36px; font-size:36px; line-height:42px; */ font-size:32px; line-height:40px; }
#banner .projectFace > div h2 span 		{ white-space: pre; }

/*-BODY-*/
#masterUI 			{ z-index:2; position:relative; background-color:white; }
.topBanner 				{  }

article 						{ padding:120px 0; }
article h1						{ font-size:3em; margin:20px 20px 40px 20px; letter-spacing:1px; font-family:'GalanoGrotesque-Bold';}
article img						{ margin-bottom:100px;}


/*-FOOTER-*/
footer 				{ width:100%; padding:150px 0 40px 0; background-color:#ffed00; }
footer h1 				{ font-family:"kepler-std"; font-weight:700; font-size:44px; letter-spacing:2px;  margin:0 0 0 0; padding:0;  }
footer h2 				{ font-family:'GalanoGrotesque-Light' !important; font-size:16px; letter-spacing:2px; margin:10px 0 100px 0; padding:0; }
footer ul  				{ margin-top:0px !important; }
footer ul li 				{ font-family:'GalanoGrotesque-Medium', sans-serif; font-weight:normal; font-size:14px; display:inline; margin:0 10px; letter-spacing:1px; }

@media handheld, only screen and (max-width:767px) {
	footer 				{ padding:130px 0 40px 0; }
	footer ul li				{ font-size:10px !important; }
}
@media handheld, only screen and (max-width:400px) {
	footer 				{ padding:100px 0 40px 0; }
}





/*----------------------------------*/
/* ---------->>> HOME <<<-----------*/
/*----------------------------------*/
.page_home 			{}
.page_home header, .page_home #banner 				{ background-color:#ffed00; }
.page_home.scrollPart2 header, .page_home.scrollPart2 #banner 	{ background-color:rgba(255,255,255,.9); }


.homeThumbnails > div 	{width:25%; display:inline-block; height:0; padding-bottom:25%; position:relative;}





.featuredSliderBackground 				{ z-index:1; position:absolute; width:100%; height:100%; background-size:cover; max-height:60vh; background-position:center center; }

.featuredDescription 					{ z-index:2; opacity:0; position:absolute; width:100%; height:100%; background-color:rgba(255,255,255,.6);}


.featuredDescription {
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
@media handheld, only screen and (min-width:767px) {
	.featuredDescription:hover,.featuredDescription:hover > a 					{ opacity:1; }
}



.page-home article 			{ padding:6% 20px 7% 20px; }
.page-home article h1 			{ margin-top: 10px; margin-bottom:22px; }
.page-home article img 			{ margin-bottom:40px; }
.page-home article p 				{ font-size:14px; }

.featuredDescription > a 	{ height:80%; width:80%; margin:5%; padding:5%; text-align:left; background-color:white; }
.featuredDescription > a h2 	{ position:absolute; max-width:60%; left:32px; top:50px; font-family:'GalanoGrotesque-Bold', sans-serif !important; line-height:1.3; font-weight:normal; font-size:16px; color:#000 !important; text-align:left; }
.featuredDescription > a h3 	{ position:absolute; max-width:60%; left:32px; bottom:30px; font-family: kepler-std; font-weight:normal; font-size:15px; text-transform:lowercase; margin-top:18px; letter-spacing:1px; color:#000 !important; }

.page-home h2 					{ font-size:28px; line-height:36px; letter-spacing:1px}
.swiper-container h2 			{ line-height:60px; }





#verMaisProjects { width:100%; text-align:center; }
#verMaisProjects>div { width:1px; height:70px; background-color:black; display:inline-block; margin:50px 0 20px; }
#verMaisProjects p { font-size:18px; font-family: GalanoGrotesque-Bold, sans-serif; }
#verMaisProjects p a:hover { border-bottom: 1px solid black; }





.page-home article #ico-print 					{ max-width: 360px; margin-left: -34px; }
.page-home article #ico-digital 				{ max-width: 360px; margin-left: 26px; }

.page-home article #frase-footer { margin-top: 170px; margin-bottom: 170px }


@media handheld, only screen and (max-width:767px) {
	.page-home article #ico-print 				{ margin-left: 0; }
	.page-home article #ico-digital 			{ margin-left: 0; }

	.page-home article .page-home article 		{ padding-bottom: 80px; }
	.page-home article #frase-footer 			{ margin-top: 80px; margin-bottom: 80px }
	.page-home article 							{ padding: 60px 30px;}

}

/*-----------------------------------*/
/*---------->>> STUDIO <<<-----------*/
/*-----------------------------------*/
.page_studio 		{}
.page_studio header, .page_studio #banner 			{ background-color:#ffed00; }
.page_studio.scrollPart2 header, .page_studio.scrollPart2 #banner 		{ background-color:rgba(255,255,255,.9); }

.page-studio article 				{ padding:5% 20px 3% 20px; vertical-align:middle;}
.page-studio article img 				{ width:80%; max-width:430px; padding:3% 0 0 0; }
.page-studio article p 					{ font-size:15px; margin-bottom:30px; }
.page-studio article h1 					{ margin-top:-14px; margin-bottom: 20px; }
.page-studio article ul 					{ padding:30px 0 80px 0; }
.page-studio article ul li					{ padding-bottom:10px; letter-spacing: 1px }

.page-studio article.bgGray   	{ border-top: 100px solid #f6f7f7; }
.page-studio article .bgGray p  { margin-top: 85px; margin-bottom: 20px; }


.page-studio #area-digital-ico 	{ border-top: 20px solid rgb(246, 247, 247); border-bottom: 20px solid rgb(246, 247, 247); }
.page-studio #area-digital-text 	{ }

.page-studio #ico-print 		{ margin-top: 18px; margin-left: -35px }
.page-studio #ico-digital 		{ margin-top: 18px; margin-left: 27px }


#fraseHey 						{ margin-top:170px; margin-bottom:170px; }
#fraseHey h1 						{ font-size:40px; font-family:"kepler-std"; font-weight:700; margin-bottom:20px; letter-spacing:2px }


#team 						{ width:100%; }
#team > div 					{ display:inline-block; height:0; padding-bottom:30%; vertical-align:top }

#team .whoWeAre 				{ width:66.666%; background-color:rgb(255, 240, 0); }
#team .whoWeAre h1 					{ font-size:54px; padding:10px 20px 50px; }
#team .whoWeAre p 					{ padding:0 20px; }

#team .teamMember 				{ width:33.333%; position:relative; }
#team .teamMember .teamBackground 	 	{ width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; z-index:3; -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out; }
#team .teamMember .teamDesc 	 		{ z-index:2; width:100%; height:100%; position:absolute; top:0; left:0; }

#team .joinTheTeam 				{ width:33.333%; }
#team .joinTheTeam h1 				{ font-size: 54px; padding:10px 20px 50px; }
#team .joinTheTeam p 				{ padding:0 20px; }

.teamDesc 					{ text-align:center; }
.teamDesc .iAm 					{ font-size:12px; }
.teamDesc .memberName 			{ font-size:38px; padding:20px 20px 30px; font-family:'GalanoGrotesque-Bold', sans-serif; font-weight:normal; }
.teamDesc .memberEmail	 		{ cursor:pointer; font-size:14px; font-family:'GalanoGrotesque-Regular', sans-serif; }
.teamDesc .memberJob 			{ font-size:14px; font-family:'GalanoGrotesque-Medium', sans-serif; line-height:1; margin-bottom:5px; }
.teamDesc p 						{ font-family:'GalanoGrotesque-Regular', sans-serif; }


  .memberEmail a::after {
    content: attr(data-domain);
  }
  .memberEmail a::before {
    content: attr(data-user) "\0040";
  }


@media handheld, only screen and (min-width:767px) {

	#team .teamMember:hover .teamBackground { opacity:0; z-index:1; }
	#team .teamMember .teamDesc { opacity:0; background-color:transparent; -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out; }
	#team .teamMember:hover .teamDesc { opacity:1; }
}

@media handheld, only screen and (max-width:767px) {





	.page-studio #ico-print 		{ margin-top: 22px; margin-bottom: 28px; margin-left: -20px; }
	.page-studio #ico-digital 		{ margin-top: 38px; margin-bottom: 18px !important; margin-left: 0; }

	#team 							{}
	#team > div 						{ display:inline-block; width:100% !important; padding-bottom:50%; }

	#team .whoWeAre h1 					{ font-size:40px; padding:10px 20px 20px; }

	#team .teamMember 					{  }
	#team .teamMember .teamBackground 		{ width:50%; vertical-align:top; display:inline-block; position:relative; }
	#team .teamMember .teamDesc 			{ width:50%; vertical-align:top; height:100%; display:inline-block; position:relative; }
	.teamDesc .iAm 					{ font-size:12px; display:none; }
	.teamDesc .memberName 			{ font-size:30px; }
	.teamDesc .memberEmail	 		{ font-size:12px; }
	.teamDesc .memberJob 			{ font-size:14px; }

	#team .joinTheTeam h1 				{ font-size: 40px; padding:10px 20px 20px; }

	#fraseHey 						{ margin-top:80px; margin-bottom:50px; }

}

@media handheld, only screen and (max-width:680px) {

	.page-studio article.bgGray   	{ border-top: 100px solid #fff; }

	#team .whoWeAre 				{ border-top: 50px solid #ffed00; border-bottom: 50px solid #ffed00; }

	.page-studio article.bgGray p  { margin-top: 20px !important; margin-bottom: 20px; }
	.page-studio #mobile-white article.bgGray p  { margin-top: -130px !important; margin-bottom: 20px; }


	#mobile-white > article { background-color: #fff !important; }
	#mobile-white { background-color:  #fff !important; }
	.area article { background-color: rgb(246, 247, 247) !important;  }
	.area  								{ display: table; width: 100%; }
	.page-studio #area-digital-ico 		{ display: table-footer-group; width: 100%;}
	.page-studio #area-digital-text 	{ display: table-header-group; }


	.teamDesc .iAm 					{ font-size:12px; }
	.teamDesc .memberName 			{ font-size:20px; padding:10px 20px; }
	.teamDesc .memberJob 			{ font-size:12px; }
}




/*#team h1 							{ font-size:70px; margin-bottom:30px; }
#team a 							{ font-family:'GalanoGrotesque-Medium', sans-serif !important; font-weight:normal; }

#team p.small 						{ font-size:12px;}
#team p 							{ font-size:16px;}

#team 								{ width:100% !important; display:table; vertical-align:middle; }
#team .linha 							{ overflow:hidden; }
#team .linha .center						{ display:table-cell; vertical-align:middle; }
#team .linha p 								{ padding:20px; }
#team .linha img 							{ width:100%; margin-bottom:-8px !important; -webkit-transition:.27s ease-in-out; -moz-transition:.27s ease-in-out; -o-transition:.27s ease-in-out; transition:.27s ease-in-out; }
#team .linha img:hover 						{ opacity:0; }*/




/*-------------------------------------*/
/* ---------->>> CLIENTS <<<-----------*/
/*-------------------------------------*/
.page_clients 		{ }
.page_clients header, .page_clients #banner 		{ background-color:#ffed00; }
.page_clients.scrollPart2 header, .page_clients.scrollPart2 #banner 		{ background-color:rgba(255,255,255,.9); }


/*.page-clients .contentWrap 							{ padding:100px 0; }*/

/*
.page-clients .contentWrap div							{ text-align:center; margin:20px 0;}
.page-clients .contentWrap div img 							{ opacity:0.1; transition:all .2s ease-in-out;}
.page-clients .contentWrap div:hover img 						{ opacity:0.4; }

.page-clients article div div p 									{ font-size:18px; margin-top:20px; }
*/

.page_clients 		{ width: 100%; display: table }
.page_clients article { width: calc(50% - 2px); padding: 40px; display: inline-block; vertical-align: middle }
.page_clients .bgGray { background-color: rgb(246, 247, 247); border-top: 160px solid rgb(246, 247, 247); border-bottom: 160px solid rgb(246, 247, 247);  }
.page_clients .bgGray p { font-family:'GalanoGrotesque-Regular', sans-serif; font-size: 11px; margin-top: 30px; }

.page_clients #clientes div { max-width: 400px; margin: 0 auto;}
.page_clients #clientes h2 	{ font-family:'GalanoGrotesque-Light', sans-serif; padding-bottom: 20px}
.page_clients #clientes p 	{ font-family:'GalanoGrotesque-Regular', sans-serif; font-size: 17px; line-height: 1.45;}

.page_clients #foto-equipa 	{ height: 600px; background: #e1e1e1 url("../img/banner_clients.jpg") scroll no-repeat center center; background-size: cover;}

@media handheld, only screen and (max-width:767px) {
	.page_clients .bgGray { border-top: 30px solid rgb(246, 247, 247); border-bottom: 30px solid rgb(246, 247, 247);  }
	.page_clients #clientes div { margin: 10px 0;}

	.page_clients #foto-equipa 	{ height: 280px;}

}



/*-------------------------------------*/
/*------------>>> JOBS <<<-------------*/
/*-------------------------------------*/

.page_jobs, .page_jobs #banner 		{ background-color:#ffed00; }
/*.page_jobs #banner h2 					{ font-family:'GalanoGrotesque-Bold', sans-serif; font-size: 82px !important; line-height: 1 !important; }*/
/*.page_jobs #banner h2 p 					{ font-size: 22px !important; line-height: 1.45;}*/


.page_jobs article 		{ padding: 100px; }
.page_jobs article img  { max-width: 100%; }
/*.page_jobs footer 		{ margin-top: 100px;}*/

#ico-print-jobs 		{ /* margin-top: 100px; */ margin-left: -44px;}
.page-jobs p b  		{ font-family:'GalanoGrotesque-Bold', sans-serif !important;  font-size: 21px !important; line-height: 1.8; }
.page-jobs ul 			{ margin-bottom: 60px; }
.page-jobs ul li 		{ line-height: 1.6; }
.page-jobs ul li span 		{ display: block; font-size: 13px; letter-spacing: 1px; line-height: 1.2}




@media handheld, only screen and (max-width:767px) {
	.page-jobs .bgGray { border-top: 30px solid rgb(246, 247, 247); border-bottom: 30px solid rgb(246, 247, 247);  }
	.page-jobs #clientes div { margin: 10px 0;}

	.page-jobs #foto-equipa 	{ height: 280px; }

}


/*--------------------------------------*/
/* ---------->>> PROJECTS <<<-----------*/
/*--------------------------------------*/

.page_projects 		{}
.page_projects header, .page_projects #banner 		{ background-color:#ffed00; }
.page_projects.scrollPart2 header, .page_projects.scrollPart2 #banner 		{ background-color:rgba(255,255,255,.9); }


.page-projects 		{ min-height:400px}

.page-projects .contentWrap 					{ margin-bottom:-30px !important; }
.page-projects .contentWrap	p						{ font-family:'GalanoGrotesque-Regular', sans-serif !important; font-weight:normal; font-size:14px; }
.page-projects .contentWrap	p a							{ margin-left:30px; cursor:pointer;}

.page-projects .contentWrap	p a								{ font-family:'GalanoGrotesque-Regular', sans-serif; font-weight:normal; }
.page-projects .contentWrap	p a.active 							{ font-family:'GalanoGrotesque-Bold', sans-serif; font-weight:normal; }


.page-projects #projects 						{ width:90%; max-width:1280px; margin:0 auto; padding:0 0 120px 0; }
.page-projects #projects > a 						{ display:inline-block; border:10px solid #fff; padding-bottom:36%; height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.page-projects #projects > a h2 					{ }
.page-projects #projects > a:nth-child(3n+1)			{ width:100% !important; border-right:0; border-left:0; }
.page-projects #projects > a:nth-child(3n+2) 		{ border-right:0; border-left:0; border-right:10px solid #fff; border-left:0; }
.page-projects #projects > a:nth-child(3n+3) 		{ border-right:0; border-left:0; border-right:0; border-left:10px solid #fff; }


#projects>a 									{ position:relative; overflow: hidden; vertical-align:top; }
#projects>a h2 									{ z-index:2; }
#projects>a .projectsListBackground 				{ background-color:#f9f9f9; z-index:2; position:absolute; top:0; left:0; height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition:.30s ease-in-out; -moz-transition:.30s ease-in-out; -o-transition:.30s ease-in-out; transition:.30s ease-in-out;}

#projects > a > .showDesc							{ opacity:1; background-color:#fff; padding:16% 0 20% 0; height:0; }


#projects > a > .showDesc h2  					{ font-family:'GalanoGrotesque-Bold', sans-serif !important; font-weight:normal; margin-top: 0; font-size:50px;  line-height: 50px; color:#000 !important; }
#projects > a > .showDesc p  						{ font-family:'GalanoGrotesque-Regular', sans-serif !important; font-weight:normal; font-size:16px; padding: 10px 50px;color:#000 !important; }

#projects > a:nth-child(3n) .showDesc,
#projects > a:nth-child(3n+2) .showDesc			{ /*padding:200% 0 !important;*/ padding:30% 0 46% 0; }

/*
@media handheld, only screen and (max-width:767px) {

	#projects > div > .showDesc h2 	{ font-size: 16px; line-height: 16px; padding-top: 0px; margin-top: 0px; }
	#projects > div > .showDesc p 	{ padding-top: 0; font-size: 10px; }

}
*/


/*
.page-projects #projects > div > .projectsListBackground 	{-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.page-projects #projects > div > .showDesc 				 	{-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}



.page-projects #projects 									{}
.page-projects #projects > div 								{ display:inline-block; border:10px solid #fff; padding-bottom:36%; height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.page-projects #projects > div:nth-child(3n+1) 					{ width:100% !important; border-right:0; border-left:0; }
.page-projects #projects > div:nth-child(3n+2) 					{ border-right:0; border-left:0; border-right:10px solid #fff; border-left:0; }
.page-projects #projects > div:nth-child(3n+3) 					{ border-right:0; border-left:0; border-right:0; border-left:10px solid #fff; }


.page-projects #projects > div > .projectsListBackground 			{ position:absolute; display:block; width:100%; height:0; padding-bottom:36%; opacity:1; z-index:3; background-size:cover; background-position:center; }
.page-projects #projects > div > .showDesc 							{ position:absolute; display:none; opacity:0; z-index:2; width: 100%; padding:16% 0 20% 0; height: 0; }

.page-projects #projects > div > .showDesc h2  							{ font-family:'GalanoGrotesque-Bold', sans-serif !important; font-weight:normal; margin-top: 0; font-size:50px;  line-height: 50px; color:#000 !important; }
.page-projects #projects > div > .showDesc p 	 						{ font-family:'GalanoGrotesque-Regular', sans-serif !important; font-weight:normal; font-size:16px; padding: 10px 50px;color:#000 !important; }


.page-projects #projects > div:hover > .projectsListBackground 			{ opacity:0; z-index:2; }
.page-projects #projects > div:hover > .showDesc 						{ opacity:1; z-index:3; display:block; }


*/

@media handheld, only screen and (min-width:767px) {
	.page-projects #projects a:hover > img 				{ /*width:102%; height:102%; margin-top:-0.5%; margin-left:-1%;*/ -webkit-transition:.60s ease-in-out; -moz-transition:.60s ease-in-out; -o-transition:.60s ease-in-out; transition:.60s ease-in-out; }
	#projects > a:hover > .projectsListBackground 					{ opacity:0; width: 100%; /*top: -10px; */}
}
@media handheld, only screen and (max-width:767px) {

	#projects > div > .showDesc h2 	{ font-size: 16px; line-height: 16px; padding-top: 0px; margin-top: 0px; }
	#projects > div > .showDesc p 	{ padding-top: 0; font-size: 10px; }

	.page-projects .contentWrap p 		{ text-align: left; margin: -10px 0 30px 0;}
	.page-projects .contentWrap	p a			{ margin: 10px 20px 0 0; }


}
@media handheld, only screen and (max-width:400px) {
	#projects > a > .showDesc							{ opacity:0; }
}


/*--------------------------------------*/
/* ----------->>> PROJECT <<<-----------*/
/*--------------------------------------*/
.page_project 		{}
.page_project header, .page_project #banner 		{ background-color:rgba(255,255,255,.9); }

.page-project 							{ width:90%; max-width:1400px; margin:auto; }
.projectImagesContainer 					{ width:100%; }
.projectImagesContainer>img 					{ width:100%; }





.page-project 		{ padding:100px 0; }
.page-project * 		{ text-align:left}

.page-project article 	{ margin:0; padding:0; }
.page-project article div  	{ position: relative;}

.page-project article .right *	{ font-family:'GalanoGrotesque-Regular', sans-serif !important; font-size: 13px !important; margin-top: 18px; margin-bottom: 40px;}

.page-project h1 		{ font-size:35px; line-height:1; margin:0 0 20px 0; }
.page-project h2 		{ font-size:14px;  font-family:'GalanoGrotesque-Light', sans-serif !important; font-weight:normal; text-transform:uppercase; }

.page-project p  		{ font-size:14px; font-family:'GalanoGrotesque-Light', sans-serif; font-weight:normal; }
.page-project p span		{ font-family:'GalanoGrotesque-Medium', sans-serif; font-weight:normal; }


#descicaoProj p			{ font-size:14px !important; font-family:'GalanoGrotesque-Regular', sans-serif !important; }
.page-project .link			{ font-size:16px !important; font-family:'GalanoGrotesque-Medium', sans-serif !important; }

.page-project .col-image { margin-top:100px;}


#project-nav 		{ width:100%; position:relative; padding-bottom:35%; }
#project-nav>a 			{ width:50%; height:0; padding-bottom:35%; position:absolute; }
.projectPrev 			{ left:0; }
.projectNext 			{ right:0; background-color:rgb(247,247,247); }

#project-nav a .background  	{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; z-index:2; -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out; }
#project-nav a:hover .background { opacity:1; }
#project-nav .desc 			{ position:absolute; top:0; left:0; width:100%; }
#project-nav .desc h2 			{ font-family:'GalanoGrotesque-Regular', sans-serif; font-weight:normal; letter-spacing:1px; line-height:1.4; font-size:16px; }


#project-nav .projectPrev .desc h2:before 		{ content:'previous project'; }
#project-nav .projectNext .desc h2:before 		{ content:'next project'; }


.image_space img { margin-bottom: 1.5%; }
.image_space img:last-of-type { margin-bottom: 0; }
@media handheld, only screen and (max-width:767px) {
	.page_project header, .page_project #banner 		{ width: 100%; max-height: 320px; }
	.page_project #banner .projectFace 						{ width: 100%; max-height: 320px; background-size: cover; }


	.page-project .link			{ font-size:16px !important; font-family:'GalanoGrotesque-Medium', sans-serif !important; }


	.page-project h1 		{ margin-bottom:0; padding: 0;}
	.page-project h2 		{ margin-top: 2 0px !important; }


	/*.image_space img { margin-bottom: 3%; }*/
	/*.image_space img:last-of-type { margin-bottom: 0; }*/
}

/*--------------------------------------*/
/* ---------->>> CONTACTS <<<-----------*/
/*--------------------------------------*/
.page_contacts 		{}
.page_contacts header, .page_contacts #banner 								{ background-color:#ffed00; }
.page_contacts.scrollPart2 header, .page_contacts.scrollPart2 #banner 		{ background-color:rgba(255,255,255,.9); }


.page-contacts article div:first-of-type{text-align: right}
.page-contacts article > div 		{ width: 100%; max-width:600px; margin: 0; }
.page-contacts article > div p 		{ font-size:17px; margin-top:20px;}
.page-contacts article > div h1 	{ margin:0; font-weight:700; font-family:"kepler-std"; font-size:32px; font-weight:700; font-family:"kepler-std"; font-size:32px; margin-top:80px; }



.page-contacts article > div 		{ width: 100%; max-width:680px; padding-left: 40px; float: right;  margin-top: 10%;}
.page-contacts article #morada 		{ margin:112px 0 0 0 !important; }
.page-contacts article.bgGray 		{ padding:7% 0 5% 0}




.page_contacts #foto-contacts 	{ height: 600px; background: #e1e1e1 url(http://327.pt/assets/img/banner_contact.jpg) scroll no-repeat center center; background-size: cover; }

@media handheld, only screen and (max-width:767px) {
	.page_contacts #foto-contacts 	{ height: 280px;}
	.page-contacts article #morada 		{ margin: 10px 0 60px 0 !important; }
	.page-contacts article.bgGray 		{ padding-top: 60px; padding-bottom: 30px; }

}


/*-------------------------------------*/
/* ---------->>> 404 <<<-----------*/
/*-------------------------------------*/
.page-404 header, .page_404 #banner 		{ background-color:#ffed00; }

.page-404 article 			{ padding:100px 20px 7% 20px; }
.page-404 article h1 			{ margin-top: 10px; margin-bottom:22px; font-size: 30px; }
.page-404 article p 				{ margin-bottom: 50px; font-family: GalanoGrotesque-Regular, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 19px; vertical-align: baseline; }
.page-404 article img 					{ max-width: 100% }





/*-----------EXTRAS-----------*/
	/*Centra vertical*/
.centerParent 							{ text-align:center; width:100%; height:100%; }
.centerParent:before 					{ content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.29em; }



.centerChild 							{ display:inline-block; vertical-align:middle; width:100%;}

.kepler 								{ font-family:"kepler-std"; font-weight:300;}
.galano-bold 							{ font-family:'GalanoGrotesque-Bold', sans-serif !important; }

.bgGray 								{ background-color:#f6f7f7; }
.bgWhite 								{ background-color:#fff; }
.left	 								{ text-align:left; }
.center	 								{ text-align:center; }
.right	 								{ text-align:right; }
.small									{ font-size:11px !important; font-family:'GalanoGrotesque-Regular', sans-serif !important;  }

.hideThis 								{ display:none !important; }

/*[class^="col"], .animate1 							{ opacity:0.3; margin-top: 20px; }*/



.no-mobile {display:inline;}
.only-mobile {display:none;}


/*IPHONE 6*/
@media handheld, only screen and (max-width:767px) {
	.no-mobile {display:none;}
	.only-mobile {display:inline;}
	/*#banner { background-color: red !important ;}*/
}

/*SAMSUNG GALAXY S6*/
@media handheld, only screen and (max-width:460px) {
	/*#banner { background-color: green !important ;}*/
}

/*IPHONE 5S*/
@media handheld, only screen and (max-width:400px) {
	/*#banner { background-color: blue !important ;}*/
}