/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     Notes
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */

/* Mobile width = 960px */







/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     Font face
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */



@font-face {
	font-family: 'book';
	src: url('../font/Book2.eot');
	src: url('../font/Book2.eot?#iefix') format('embedded-opentype'),
	url('../font/Book2.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'black';
	src: url('../font/Bold2.eot');
	src: url('../font/Bold2.eot?#iefix') format('embedded-opentype'),
	url('../font/Bold2.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}







/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     Common
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */



body, html {
	color: white;
	font-family: 'book', sans-serif;
	/*font-smooth: always;*/
	-webkit-font-smoothing: antialiased;
	/*text-rendering: optimizeLegibility;*/
	/*text-rendering: geometricPrecision;*/
	font-size: 22px;
	/*line-height: 33px;*/
	overflow-x: hidden;
}

html	{
	overflow-y: hidden;
}

body {
	background-color: #d7d7d7;
	-webkit-transition: background-color 500ms ease-out 0s ;
	-moz-transition: 	background-color 500ms ease-out 0s ;
	-o-transition: 		background-color 500ms ease-out 0s ;
	transition: 		background-color 500ms ease-out 0s ;
}

a {
	color: white;
	text-decoration: none;
}

img { display: block; }

.panelTitle {
	font-size: 22px;
	width: 100%;
	text-align: center;
	padding-top: 100px;
}

.panelContent {
	width: 100%;
	text-align: center;
}

.actionButton {
	display: inline-block;
	cursor: pointer;
	border: 2px white solid;
	padding: 10px 15px;
	-webkit-transition: all 200ms ease-out 0s ;
	-moz-transition: 	all 200ms ease-out 0s ;
	-o-transition: 		all 200ms ease-out 0s ;
	transition: 		all 200ms ease-out 0s ;
}

.actionButton:hover {
	-ms-transform: 		scale(0.9, 0.9);
	-webkit-transform: 	scale(0.9, 0.9);
	transform: 			scale(0.9, 0.9);
}

div.colorChanger {
	/* border-top: 1px solid rgba(255, 255, 255, .2); */
}

.hiddenItem {
	-ms-transform: 		scale(0, 0);
	-webkit-transform: 	scale(0, 0);
	transform: 			scale(0, 0);
	opacity: 0;
	display: none !important;

}

.shownItem {
	-ms-transform: 		scale(1, 1);
	-webkit-transform: 	scale(1, 1);
	transform: 			scale(1, 1);
	display: inline-block !important;
	opacity: 1;
}

div.actionContainer {
	width: 100%;
	text-align: center;
	/*padding: 100px 0;*/
}

#panelProjectsActionContainer {
  position: relative;
  line-height: 0;
}

#panelProjectsActionContainer img {
  width: 100%;
}

#panelProjectsActionContainer .panelProjectsItemTitle {
  opacity: 100 !important;
}




/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     Preloader
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */

div#page, div#headerLogo, div#headerMenuContainer {
	opacity: 0;
}

div#preloader {
	position: absolute;
	top: 0;
	width: 100%;
	color: white;
	text-align: center;
}

div#preloaderInner {
	top: 50%;
	position: relative;
	font-size: 32px;
	/*opacity: 0.3;*/
	margin-top: -80px;
}

div#preloaderBg {
	/*background: url('../img/bg-pattern2.png') repeat;*/
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}






/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     Sections
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*      Header
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.navItem {
	height: 27px !important;
}

div#headerLogo {
	position: fixed;
	top: 50%;
	left: 16.555%;
	z-index: 999999999;
	height: 100px;
	margin-top: -50px;
	-webkit-transition: all 1000ms ease-out 0s ;
	-moz-transition: 	all 1000ms ease-out 0s ;
	-o-transition: 		all 1000ms ease-out 0s ;
	transition: 		all 1000ms ease-out 0s ;
}

div#headerLogoContent {
	position: relative;
	height: 100px;
}

div#headerLogoContent svg {
	width: 70px;
	height: 100px;
}

div.fixedLogo {
	position: fixed !important;
	top: 50px !important;
	margin-top: 0px !important;
	left: 80px !important;
}

div#headerMenuContainer {

}

nav#headerMenu {
	position: fixed;
	top: 50%;
	right: 16.555%;
	z-index: 999999999;
	-webkit-transition: all 1000ms ease-out 0s ;
	-moz-transition: 	all 1000ms ease-out 0s ;
	-o-transition: 		all 1000ms ease-out 0s ;
	transition: 		all 1000ms ease-out 0s ;

}

div#headerMenuContent {
	position: relative;
	text-align: right;

}

@media (min-width: 960px) {

	div#headerMenuContent {
		top: -100px;
		-webkit-transition: top 1000ms ease-out 0s ;
		-moz-transition: 	top 1000ms ease-out 0s ;
		-o-transition: 		top 1000ms ease-out 0s ;
		transition: 		top 1000ms ease-out 0s ;
	}

	.fixedMenu {
		position: fixed !important;
		top: 0px !important;
		/*height: 230px;*/
		right: 40px !important;
		padding: 40px;
		/*width: 140px;*/
	}

	.fixedMenu:hover {
		/*background-color: rgba(0, 0, 0, .1);*/
	}

	.fixedMenu div#headerMenuContent {
		top: 0px;
	}

}

div.navItem {
	height: 36px;
	cursor: pointer;
}

div.navItem {
	webkit-transition: 	padding 200ms ease-out 0s;
	-moz-transition: 	padding 200ms ease-out 0s;
	-o-transition: 		padding 200ms ease-out 0s;
	transition: 		padding 200ms ease-out 0s;
	/*display: inline-block;*/
	vertical-align: middle;
	height: 36px;
}

div.navItem:hover {
	padding-right: 10px;
}

div.navItem a svg {
	margin-right: 5px;
	top: 6px;
	position: relative;
	padding-bottom: 5px;
}

div.navItemText {
	display: inline-block;

}

div.navItemSymbol {
	display: inline-block;
	height: 20px;
}

#navItemSymbolIMG {
	top: 9px;
	margin-right: 5px;
	width: 24px;
	height: 20px;
}

div#hamburger {
	z-index: 999999999;
	position: fixed;
	right: 0px;
	top: 0px;
	padding: 50px;
	cursor: pointer;
}

div.hamburgerLine {
	background-color: white;
	width: 45px;
	height: 2px;
}

div#hamburger1 {

}

div#hamburger2 {
	margin-top: 15px;
}

div#hamburger3 {
	margin-top: 15px;
}

div#hamburger4 {
	margin-top: 15px;
}

@media (max-width: 1200px) {
	div#headerLogo {
		left: 100px;
	}
	nav#headerMenu {
		right: 100px;
	}
}

@media (min-width: 960px) {
	div#hamburger {
		opacity: 0;
		display: none;
	}
}

@media (max-width: 960px) {

	div#headerLogo {
		left: 50px !important;
		top: 78px !important;
		margin-top: -50px !important;
	}

	div#headerLogoContent svg {
		width: 45px;
	}

	div#headerMenuContainer {
		width: 100%;
		text-align: right;
		position: fixed;
		/*background: url('../img/bg-pattern.gif');*/
		background-color: rgba(0, 0, 0, .8);
		z-index: 99999;
		top: -800px;
		-webkit-transition: all 500ms ease-out 0s ;
		-moz-transition: 	all 500ms ease-out 0s ;
		-o-transition: 		all 500ms ease-out 0s ;
		transition: 		all 500ms ease-out 0s ;
	}

	div#headerMenuContent {
		padding-top: 136px;
		padding-right: 50px;
		padding-bottom: 50px;
	}

	nav#headerMenu {
		right: auto;
		position: relative;
		top: 0px;
	}

	div.navItem {
		height: 52px !important;
	}

	div.navItem a {
		height: 80px;
	}

	div.navItem a:hover {
		padding-right: 0px;
	}

	div.navItemSymbol {
		margin-right: 5px;
		height: 42px;
	}

	#navItemSymbolIMG {
		top: 4px;
		margin-right: 5px;
		width: 30px;
		height: 25px;
		display: inline-block;
	}

	div.navItemText {
		font-size: 36px;
		padding: 15px 0px;
	}
}

div#navItemReferences {
	/*display: none;	*/
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     Panel Welcome
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelWelcome {
	overflow: hidden;
  height: 100vh;
}

div.panelWelcomeItem {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	display: inline-block;
  width: 100%;
  height: 100vh;
	vertical-align: top;
	top: 0px;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
	-webkit-transition: all 1000ms ease-out 0s ;
	-moz-transition: 	all 1000ms ease-out 0s ;
	-o-transition: 		all 1000ms ease-out 0s ;
	transition: 		all 1000ms ease-out 0s ;
		/*-ms-transform: 		scale(0.9, 0.9);
	    -webkit-transform: 	scale(0.9, 0.9);
	    transform: 			scale(0.9, 0.9);*/
	}

  div.panelWelcomeItem img {
    /*width: 100%;*/
    height: 100vh;
  }

	div.panelWelcomeItemActive {
		opacity: 1;
	/*-ms-transform: 		scale(1, 1);
    -webkit-transform: 	scale(1, 1);
    transform: 			scale(1, 1);	*/
  }










/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     Panel Punch
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelPunch {
	padding: 40px;
	background-color: white;
	text-align: center;
}

@media (max-width: 960px) {
	div#panelPunch {
		padding: 0px;
	}
}


div#panelPunchImage {

}

div#panelPunchImage img {
	width: 100%;
}

div#panelPunchTextContainer {
	height: 500px;
}

div#panelPunchText {
	/*background: -webkit-linear-gradient(4deg, #733a0f, #e3a46e);*/
	/*-webkit-background-clip: text;*/
	/*-webkit-text-fill-color: transparent;*/
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	position: relative;
	position: relative;
	top: 50%;
	-webkit-transform: 	translateY(-50%);
	-ms-transform: 		translateY(-50%);
	transform: 			translateY(-50%);
	font-size: 36px;
	line-height: 48px;
	color: white;
}

@media (max-width: 1480px) {
	div#panelPunchText {
		font-size: 24px;
		line-height: 36px;
	}
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     Panel Instagram
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelInstagram {
	background-color: white;
	padding-bottom: 50px;
	padding-top: 40px;
}


div#instagram {
	text-align: center;
	background-color: white;
	height: 325px;
	overflow-y: hidden;
	margin: 0 auto;
	max-width: 1200px;
}

div.instagramImage {
	margin: 0 25px 25px 25px;
	display: inline-block;
}

div.instagramImage img {
	width: 300px;
	height: 300px;
}

div#instagramButton {
	width: 100%;
	text-align: center;
	margin-top: 25px;
}

div.buttonTopRight {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	cursor: pointer;
}

div.buttonTopRight1 {
	width: 50px;
	height: 50px;
	background-image: url('../img/icon-topRight.png');
	background-size: 50px 100px;
}

div.buttonTopRight2 {
	width: 50px;
	height: 0px;
	background-image: url('../img/icon-topRight.png');
	background-size: 50px 100px;
	background-position: 0 50px;
	position: absolute;
	top: 0px;
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     			Panel Projects
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelProjects {
	background-color: #d7d7d7;
}

div#panelProjectsTitle {
	/*background: -webkit-linear-gradient(4deg, #733a0f, #e3a46e);*/
	/*-webkit-background-clip: text;*/
	/*-webkit-text-fill-color: transparent;*/
	width: 143px;
	margin: 0 auto;
	padding-bottom: 135px;
	font-size: 36px;
	margin-top: 40px;
}

div#panelProjectsContent {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	/*max-width: 1200px;*/
}

div.panelProjectsItem {
	display: inline-block;
	/*margin: 25px;*/
	padding: 0;
	vertical-align: top;
	cursor: pointer;
  width: 100%;
  position: relative;
  line-height: 0;
}

div.panelProjectsItem img {
	width: 100%;
}

div.panelProjectsItemTitle {
	font-size: 22px;
	line-height: normal;
	width: 100%;
	text-align: center;
	/*margin-top: 30px;*/
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY( calc( -50% - 0.5px ) );
  -moz-transform: translateY( calc( -50% - 0.5px ) );
  -ms-transform: translateY( calc( -50% - 0.5px ) );
  -o-transform: translateY( calc( -50% - 0.5px ) );
  transform: translateY( calc( -50% - 0.5px ) );
  position: absolute;
}

div.panelProjectsItemTitleContent {
	/*position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none;*/
}

div.panelProjectsItemTitleType {
	font-size: 16px;
	/*margin-top: -10px;*/
}

div.panelProjectsItemImage {

}

div.panelProjectsItemImageMobile {
  display: none;
}

@media (max-width: 960px) {
  div.panelProjectsItemImageMobile {
    display: inline-block !important;
    width: 100%;
  }
  div.panelProjectsItemImage {
    display: none !important;
  }
}

div#panelProjectsSubTitle {
	background: -webkit-linear-gradient(4deg, #733a0f, #e3a46e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: 175px;
	margin: 0 auto;
	padding-top: 75px;
	padding-bottom: 15px;
}

div#panelPreviousProjectsContent {
	padding-bottom: 75px;
	text-align: center;
}

video {
  height: 100vh;
  width: 100%;
}

.vimeo {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  background-color: transparent;
}








/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*     			Panel Services
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	div#panelServices {

	}

	div#panelServicesTitle {
		padding-bottom: 25px;
	}

	div#panelServicesItems {
		text-align: center;
		max-width: 1000px;
		margin: 0 auto;
		padding-bottom: 60px;
	}

	@media (max-width: 1400px) {
		div#panelServicesItems {
			max-width: 700px;
		}
	}

	@media (min-width: 1700px) {
		div#panelServicesItems {
			max-width: 1000px;
		}
	}

	div.panelServicesItem {
		display: inline-block;
		padding: 20px;
		width: 190px;
		vertical-align: middle;
	}

	@media (max-width: 1400px) {
		div.panelServicesItem {
			width: 100px;
		}
	}


	div.panelServicesItemSymbol {
		text-align: center;
		width: 100%;
	}

	div.panelServicesItemSymbol img {
		width: 100px;
		height: 100px;
		margin: 0 auto;
	}

	@media (max-width: 1400px) {
		div.panelServicesItemSymbol img {
			width: 100px;
			height: 100px;
		}
	}


	div.panelServicesItemText {
		text-align: center;
		font-size: 20px;
	}


	div.panelReferencesItem {
		display: inline-block;
		padding: 20px;
		width: 190px;
		vertical-align: middle;
	}

	div.panelReferencesItemSymbol {
		text-align: center;
		width: 100%;
	}

	div.panelReferencesItemSymbol img {
		width: 150px;
		height: 150px;
		margin: 0 auto;
		object-fit: contain;
	}













	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     			Panel Exhibitions
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelExhibitions {
	/*background-color: #f4b5c1;*/
}

div#panelExhibitionsTitle {
	padding-bottom: 15px;
  color: white;
}

div#panelExhibitionsContent {
	width: 100%;
	text-align: center;
	padding-bottom: 25px;
	max-width: 1200px;
	margin: 0 auto;
}

div.panelExhibitionsItem {
	vertical-align: top;
	display: inline-block;
	margin: 25px;
}

div.panelExhibitionsItemImage {

}

div.panelExhibitionsItemImage img {
	width: 300px;
	height: 300px;
}

div.panelExhibitionsItemText {
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	width: 300px;
  color: #2f2f2f;
}

div.panelExhibitionsItemTextLayer1 {
	padding: 10px 10px 0px 10px;
	line-height: 18px;
	font-size: 14px;
}

div.panelExhibitionsItemTextLayer2 {
	padding-top: 0px;
	font-size: 14px;
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     			Panel Publications
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelPublications {
	/*background-color: #48bccc;	*/
}

div#panelPublicationsTitle {
	padding-bottom: 15px;
  color: white;
}

div#panelPublicationsContent {
	text-align: center;
	width: 100%;
	padding-bottom: 15px;
	margin: 0 auto;
	max-width: 1200px;
}

div.panelPublicationsItem {
	display: inline-block;
	vertical-align: top;
	margin: 25px;
	cursor: pointer;
}

div.panelPublicationsItemImage {

}

div.panelPublicationsItemImageLayer1 {
	display: inline-block;
	opacity: 0.85;
}

div.panelPublicationsItemImageLayer2 {
	display: inline-block;
	margin-left: -306px;
	overflow: hidden;
	opacity: 0;
	-ms-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

div.panelPublicationsItemLabel {
	color: white;
	font-size: 14px;
  color: #2f2f2f;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     			Panel Awards
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelAwards {
	/*background-color: #6d5ba7;	*/
	/*display: none;*/
}

div#panelAwardsSoon {
	width: 100%;
	text-align: center;
	/*opacity: 0.5;	*/
	padding: 40px 0px 100px 0px;
	max-width: 1000px;
	margin: 0 auto;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     Panel Store
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelStore {
	padding: 40px;
	background-color: white;
	text-align: center;
}

@media (max-width: 960px) {
	div#panelStore {
		padding: 0px;
	}
}


div#panelStoreImage {

}

div#panelStoreImage img {
	width: 100%;
}

div#panelStoreTextContainer {
	height: 500px;
}

div#panelStoreText {
			/*background: -webkit-linear-gradient(4deg, #733a0f, #e3a46e);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;*/
			display: inline-block;
			text-align: center;
			vertical-align: middle;
			position: relative;
			top: 50%;
			-webkit-transform: 	translateY(-50%);
			-ms-transform: 		translateY(-50%);
			transform: 			translateY(-50%);
			font-size: 36px;
			line-height: 48px;
		}

		@media (max-width: 1480px) {
			div#panelStoreText {
				font-size: 24px;
				line-height: 36px;
			}
		}








		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     			Panel References
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelReferences {
	/*background-color: #6d5ba7;	*/
	/*display: none;*/
}

div#panelReferencesSoon {
	width: 100%;
	text-align: center;
	/*opacity: 0.5;	*/
	padding: 40px 0px 100px 0px;
	max-width: 1000px;
	margin: 0 auto;
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*     			Panel About
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#panelAbout {
	/*background-color: #57c0a2;*/
}

div#panelAboutImageContainer {
	width: 100%;
}

div.panelAboutImage {
	padding: 40px;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 500ms ease-out 0s ;
	-moz-transition: 	all 500ms ease-out 0s ;
	-o-transition: 		all 500ms ease-out 0s ;
	transition: 		all 500ms ease-out 0s ;
	-ms-transform: scale(0.9,0.9);
	-webkit-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
}

@media (max-width: 960px) {
	div.panelAboutImage {
		padding: 0px;
	}
}


div.panelAboutImage img{
	width: 100%;
}

div.panelAboutImageActive {
	opacity: 1;
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}

div#panelAboutTitle {
	font-size: 22px;
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 40px;
	font-family: 'black' !important;
	color: #898989;
}

div#panelAboutImageControl {
	text-align: center;
	width: 100%;
	margin-top: -13px;
}

div.panelAboutImageControlButton {
	display: inline-block;
	padding: 0px 10px;
	cursor: pointer;
	-webkit-transition: all 150ms ease-out 0s ;
	-moz-transition: 	all 150ms ease-out 0s ;
	-o-transition: 		all 150ms ease-out 0s ;
	transition: 		all 150ms ease-out 0s ;
}

div.panelAboutImageControlButton:hover {
	-ms-transform: 		scale(1.3, 1.3);
	-webkit-transform: 	scale(1.3, 1.3);
	transform: 			scale(1.3, 1.3);
}

div.panelAboutImageControlButtonActive {
	cursor: default;
}

div.panelAboutImageControlButtonActive:hover {
	-ms-transform: 		scale(1, 1);
	-webkit-transform: 	scale(1, 1);
	transform: 			scale(1, 1);
}

div.panelAboutImageControlButtonActive div.panelAboutImageControlButtonInner {
	-ms-transform: 		scale(0.5,0.5);
	-webkit-transform: 	scale(0.5,0.5);
	transform: 			scale(0.5,0.5);
}

div.panelAboutImageControlButtonInner {
	width: 10px;
	height: 10px;
	background-color: #898989;
	-webkit-border-radius: 	7px;
	-moz-border-radius: 	7px;
	border-radius: 			7px;
	-webkit-transition: all 500ms ease-out 0s ;
	-moz-transition: 	all 500ms ease-out 0s ;
	-o-transition: 		all 500ms ease-out 0s ;
	transition: 		all 500ms ease-out 0s ;
}

div#panelAboutText {
	max-width: 960px;
	color: #898989;
	margin: 0 auto;
	line-height: 36px;
	padding: 0px 40px 20px 40px;
	font-size: 20px;
	text-align: justify;
	text-justify: inter-word;
}

div#aboutCredits {
	font-size: 14px;
	width: 100%;
	text-align: center;
	color: #898989;
	padding-bottom: 100px;
	padding-top: 60px;
	line-height: 24px;
}

div#aboutCredits a {
	color: #898989;
	border-bottom: 1px #004833 solid ;
}

div#aboutCredits a:hover {
	border-bottom: 1px #898989 dotted ;
}








/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     			Footer
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */

footer{
	background-color: #2f2f2f;
	padding: 100px;
}

@media (max-width: 960px) {
	footer{
		padding-left:20px;
		padding-right: 20px;
	}


}


div#footer1 {
	text-align: center;
	margin: 20px;
}

div#footer1img {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 10px;
}

div#footer1img img {
	width: 32px;
	height: 23px;
}

div#footer1text {
	display: inline-block;
}

div#footer1text a {
	-webkit-transition: all 150ms ease-out 0s ;
	-moz-transition: 	all 150ms ease-out 0s ;
	-o-transition: 		all 150ms ease-out 0s ;
	transition: 		all 150ms ease-out 0s ;
	border-bottom: #898989 2px solid;
}

div#footer1text a:hover {
	border-bottom: white 2px solid;
}

div#footer2 {
	text-align: center;
	margin: 20px;
}

div#footer2img {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 10px;
}

div#footer2img img {
	width: 20px;
	height: 25px;
}

div#footer2text {
	display: inline-block;
}

div#footer2text a {
	-webkit-transition: all 150ms ease-out 0s ;
	-moz-transition: 	all 150ms ease-out 0s ;
	-o-transition: 		all 150ms ease-out 0s ;
	transition: 		all 150ms ease-out 0s ;
	border-bottom: #898989 2px solid;
}

div#footer2text a:hover {
	border-bottom: white 2px solid;
}

div#footer3 {
	text-align: center;
}

div#footer3facebook {

}

div#footer3facebook img {
	width: 14px;
	height: 27px;
	margin-top: 10px;
	margin-left: 17px;
}

div#footer3instagram {

}

div.instagramLike {
	height: 300px;
	width: 300px;
	margin-top: -50px;
}

div.instagramNumber {
	display: inline-block;
	width: 32px;
}

div.instagramHeart {
	display: inline-block;
	width: 20px;
}

div.instagramLike img {
	height: 14px;
	width: 14px;
	padding-right: 10px;
}

div#footer3instagram img {
	width: 22px;
	height: 22px;
	margin-top: 12px;
	margin-left: 13px;
}

div#footer3pinterest {

}

div#footer3pinterest img {
	width: 25px;
	height: 25px;
	margin-top: 11px;
	margin-left: 12px;
}

div#footer3subscribe {
	display: inline-block;
	vertical-align: top;
	margin: 20px;
}

#email {
	border: none;
	padding: 12px 20px 14px 19px;
	margin-top: -2px;
	margin-right: -5px;
	background-color: white;
	color: #2f2f2f;
}

.newsletterButton {
	height: 37px;
	padding: 15px 20px 30px 20px !important;
	border: 2px white solid !important;
	color: white !important;
	font-size: 13px !important;
	font-weight: bold !important;
	background: none  !important;
	-webkit-transition: all 150ms ease-out 0s ;
	-moz-transition: 	all 150ms ease-out 0s ;
	-o-transition: 		all 150ms ease-out 0s ;
	transition: 		all 150ms ease-out 0s ;
	-webkit-border-radius: 	0px !important;
	-moz-border-radius: 	0px !important;
	border-radius: 			0px !important;

}

.newsletterButton:hover {
	background: white !important;
	border: 2px white solid !important;
}

div.footer3social {
	display: inline-block;
	vertical-align: top;
	width: 48px;
	height: 48px;
	border: 2px #fff solid;
	-webkit-transition: all 150ms ease-out 0s ;
	-moz-transition: 	all 150ms ease-out 0s ;
	-o-transition: 		all 150ms ease-out 0s ;
	transition: 		all 150ms ease-out 0s ;
	cursor: pointer;
	margin: 20px;
}

div.footer3social:hover {
	background: black;
	border: 2px #000 solid;
}

div#map-canvas {
	height: 350px;
}

div#map-canvas  {
	color: #2f2f2f;
}

div#footer4 {
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding-top: 20px;
	color: #fff;
}








/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     			Project
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */

div.projectSample {
	display: none;
}

div#project {
	background-color: #f2f2f2;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999999999999;
}

div#projectName {
	color: #2f2f2f;
	position: fixed;
	top: 40px;
	left: 40px;
	z-index: 999999999;
}

div#projectClose {
	padding: 40px;
	width: 25px;
	height: 25px;
	position: fixed;
	right: 0px;
	top: 0px;
	cursor: pointer;
	z-index: 999999999;
}

div#projectClose img {
	width: 25px;
	height: 25px;
}

div#projectArrowL {
	position: fixed;
	padding: 40px;
	top: 50%;
	margin-top: -12px;
	cursor: pointer;
	z-index: 999999999;
}

div#projectArrowL img {
	width: 72px;
	height: 25px;
}

div#projectArrowR {
	position: fixed;
	right: 0px;
	padding: 40px;
	top: 50%;
	margin-top: -12px;
	cursor: pointer;
	z-index: 999999999;
}

div#projectArrowR img {
	width: 72px;
	height: 25px;
}

div#projectImages {
	width: 100%;
	text-align: center;
}

div#projectText {
	width: 100%;
}

div#projectTextArrowT {
	position: fixed;
	padding: 40px;
	left: 50%;
	margin-left: -50px;
	cursor: pointer;
	z-index: 999999999;
	opacity: 0;
}

div#projectTextArrowT img {
	width: 25px;
	height: 72px;
}

div#projectTextContent {
	top: 50%;
	-webkit-transform: 	translateY(-50%);
	-ms-transform: 		translateY(-50%);
	transform: 			translateY(-50%);
	position: relative;
	text-align: center;
	width: 100%;
	color: #575757;
}

div#projectTextName {
	width: 100%;
	font-size: 36px;
	margin-bottom: 40px;
}

div#projectTextTxt1 {
	max-width: 1060px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 0 100px;
	line-height: 36px;
}
div#projectTextTxt2 {
	max-width: 1060px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 0 100px;
	line-height: 36px;
}

div#projectTextTxt2 a {
	color: #575757;
	border-bottom: 2px solid #575757;
}

div#projectTextTxt2 a:hover {
	border-bottom: 2px dotted #575757;
}

@media (max-width: 960px) {
	div#projectTextName {
		margin-bottom: 30px;
	}
	div#projectTextTxt1 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
		padding: 0 50px;
	}
	div#projectTextTxt2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
		padding: 0 50px;
	}
}

div#projectInfo {
	position: fixed;
	bottom: 0px;
	padding: 40px;
	left: 50%;
	z-index: 999999999;
	margin-left: -50px;
	cursor: pointer;
}

div#projectInfo img {
	width: 25px;
	height: 25px;
}

div.projectIMG {
	position: absolute;
	top: 0px;
	opacity: 0;
	left: 50%;
	-webkit-transform: 	translateX(-50%) scale(0.95, 0.95);
	-ms-transform: 		translateX(-50%) scale(0.95, 0.95);
	transform: 			translateX(-50%) scale(0.95, 0.95);
	-webkit-transition: all 500ms ease-out 0s ;
	-moz-transition: 	all 500ms ease-out 0s ;
	-o-transition: 		all 500ms ease-out 0s ;
	transition: 		all 500ms ease-out 0s ;

}

div.projectIMG img{
	width: auto;
}

div.projectIMGActive {
	opacity: 1;
	-ms-transform: 		translateX(-50%) scale(1, 1);
	-webkit-transform: 	translateX(-50%) scale(1, 1);
	transform: 			translateX(-50%) scale(1, 1);
}

div#actualProject {
	position: fixed;
	width: 100%;
	z-index: 9999999999;
	opacity: 0;
}

div#projectTextButton {
	text-align: center;
	width: 100%;
	display: none;
}

div#projectTextButtonInner {
	width: 142px;
	height: 70px;
	display: inline-block;
	cursor: pointer;
}

div#projectTextButton img {
	width: 142px;
	height: 70px;
}









/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     			Image
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */

div.imageSample {
	display: none;
}

div.imageButton {
	cursor: pointer;
}









/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     			RESPONSE
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */

@media (max-width: 1700px) {
	html, body {
		font-size: 18px !important;
	}
	div.navItem {
		height: 42px;
		font-family: 'black' !important;
	}

	div.navItemSymbol {
		height: 17px;
	}

	div#navItemSymbolIMG {
		height: 19px;
		margin-right: 5px;
	}
	div.panelProjectsItemTitle {
		font-size: 22px;
		line-height: 32px;
	}
	.panelTitle 	{
		font-size: 18px;
		font-family: 'black' !important;
	}
	div.actionButton {
		font-size: 18px;
	}
	div#panelAboutText {
		font-size: 18px;
		line-height: 32px;
		max-width: 600px;
	}
	div#projectTextName {
		font-size: 22px;
	}
	div#projectTextTxt1 {
		line-height: 24px;
	}
	div#projectTextTxt2 {
		line-height: 24px;
	}
}

@media (max-width: 1000px) {
  .panelProjectsItemTitle {
    opacity: 1 !important;
    /*position: relative !important;]
    top: 0%;
    -webkit-transform: translateY( 0 );
    -moz-transform: translateY( 0 );
    -ms-transform: translateY( 0 );
    -o-transform: translateY( 0 );
    transform: translateY( 0 );*/
  }
  
}

@media (min-width: 1700px) {
	div#headerLogo {
		left: 16.555% !important;
		top: 50% !important;
		margin-top: -50px !important;
	}
	nav#headerMenu {
		right: 16.555% !important;
		padding: 40px 0px !important;
		top: 50% !important;
	}
	div#headerMenuContent {
		top: -170px !important;
	}
}












/* =========================================================================================== */
/*                                                                                             */
/*                                                                                             */
/*     Common JS Classes
/*                                                                                             */
/*                                                                                             */
/* =========================================================================================== */

.fitToWindow {
	/*-webkit-transition: all 1000ms ease-out 0s ;
	-moz-transition: 	all 1000ms ease-out 0s ;
	-o-transition: 		all 1000ms ease-out 0s ;
	transition: 		all 1000ms ease-out 0s ;*/
}

.horMid {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}