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


body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  color: black;  
  background-color: #000000;
  font-size: 0px;
  }
  
#bGround {
	z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-position: center top;
}



/* header */
.hdrCntnr {
	display: inline-block;
	position: relative;
	float: right;
	width: 100%;
}
.nuHdr {
	box-sizing: border-box;
	display: flex;
  	flex-flow: row nowrap;
	justify-content: left;
	padding-left: 8vw;
	padding-right: 5vw;
	padding-top: 2vw;
	padding-bottom: 3vw;
	font-weight: 600;
	overflow: hidden;
	background-color: #FFFF00;
	min-width: 80%;
	float: right;
	-webkit-user-select: none; /* make un-selectable */
    -ms-user-select: none; /* make un-selectable */
    user-select: none; /* make un-selectable */

}
.nuHdrTitle {
	font-size: 3.6vw;
	line-height: 1em;
	letter-spacing: -0.03em;
	margin-top: 2%;
	margin-right: 7%;
	
}
.nuHdrSubtitle {
	font-size: 1.2vw;
	line-height: 1.3em;
	letter-spacing: -0.02em;
	margin-top: 2vw;
	padding-left: 2.5%;
	border-left: #000000 solid 1px;
	max-width: 50%;
	
}


/* end header */



.menuiconsBlock {
	background-color: #FFFF00;
	
}









/* numbers animation */

.fullHdrImage {
	display: inline-block;
	position: relative;
	color: #FFFF00;
	font-weight: 600;
	width: 100%;
	height: 80vw;
}
.numberBlockCntnrMC {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 12vw;
	padding-top: 5vw;
	overflow: hidden;
	opacity: 0;
	-webkit-user-select: none; /* make un-selectable */
    -ms-user-select: none; /* make un-selectable */
    user-select: none; /* make un-selectable */
	

}
.numberBlockCntnr {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 12vw;
	overflow: hidden;
	opacity: 0;
	margin-top: 10vw;
	-webkit-user-select: none; /* make un-selectable */
    -ms-user-select: none; /* make un-selectable */
    user-select: none; /* make un-selectable */
}

.numberBlock {
	font-size: 12vw;
	letter-spacing: -0.02em;
}
.numberBlockMC {
	font-size: 12vw;
	letter-spacing: -0.04em;

}

.flx_Break {
	display: none;
}
.numberBlockTxt {
	font-size: 1.5vw;
	letter-spacing: -0.03em;
	padding-right: 1vw;
	padding-left: 1vw;
	line-height: 1.5vw;
	 text-shadow: 2px 2px 12px rgba(0,0,0,0.35); 
}
.numberBlockTxtB {
	font-size: 1.5vw;
	letter-spacing: -4em;
	padding-right: -0.5vw;
	padding-left: 1vw;
	line-height: 1.5vw;
}
#numberBlockCenter {
	margin-top: 10vw;
}
/* end numbers animation */














.screen {
	display: inline-block;	
	width: 100%;
	color: #FFFF00;
	font-weight: 600;
	background-color: #000000;
	padding-bottom: 0.04%;


	
}







/* project titles */

.horizonb {
	display: inline-block;
	position: absolute;
	right: 0;
	background-color: #FFFF00;
	z-index: 994;
	width: 31.8%;
	padding-left: 1.5%;
	padding-bottom: 1.5%;
	padding-top: 1%;
	-webkit-user-select: none; /* make un-selectable */
    -ms-user-select: none; /* make un-selectable */
    user-select: none; /* make un-selectable */
	


}
.horizon {
	display: block;
	color: #000000;
}
.proj_title {
	padding-right: 8%;
	padding-bottom: 3%;
	padding-left: 1.4%;
	display: block;
	font-size: 1.5vw;
	letter-spacing: -0.04em;
	font-weight: 600;
}
.table_container {
	display: block;
	position: relative;
	padding-right: 2%;
}
/* project labels table */
table {
  border-collapse: collapse;
  border: none;
  width: 100%;
  height: 100%; 

}

tr {
	height: 1.1vw;
	
}

th {
	font-family: NeueHelvRoman, Helvetica, Arial, sans-serif;
	padding-left: 0.5vw;
	text-align: left;
	width: 5vw;
	font-size: 0.6vw;
	font-weight: 200;
	text-transform: uppercase;

	}

td {
	font-family: NeueHelvBold, Helvetica, Arial, sans-serif;
	font-size: 0.7vw;
	font-weight: 400;
	padding-right: 0.5vw;

}
/* end project labels table */ 

/* end project titles */


























/* image blocks */
img {
	object-fit: cover;
	
	}
	
.picSection {
	display: inline-block;
	position: relative;
		
}

.images_large {
	display: inline-block;
	float: left;
	margin-bottom: 0%;
	width: 100%;
	height: 33vw;
	overflow: hidden;
}
.images_medium_left {
	display: inline-block;
	position: relative;
	float: left;
	margin-bottom: 0%;
	width: 66.7%;
	height: 33vw;
	margin-right: 0%;
	overflow: hidden;
}
.images_big_square_tablet {
	display: none;
	
}
.images_small_square_tablet {
	display: none;
	
}
.images_medium_right {
	display: inline-block;
	float: left;
	margin-bottom: 0%;
	width: 66.65%;
	height: 33vw;
		overflow: hidden;
}
.images_small_left {
	display: inline-block;
	float: left;
	margin-bottom: 0%;
	width: 33.35%;
	height: 33vw;
	margin-right: 0%;
		overflow: hidden;
}
.images_small_right {
	display: inline-block;
	float: left;
	margin-bottom: 0%;
	width: 33.3%;
	height: 33vw;
	overflow: hidden;
}
.images_long_left {
	display: inline-block;
	float: left;
	margin-bottom: 0%;
margin-right: 0%;
	width: 33.3%;
	height: 66vw;
	overflow: hidden;
}
.images_long_right {
	display: inline-block;
	float: right;
	margin-bottom: 0%;
	width: 33.3%;
	height: 66vw;
	overflow: hidden;


}

/* end image blocks */









































/* back to top */
.backtotop {
	background-color: #FFFF00;
	
		
}
.b2t {
	display: inline-block;
	
	color: #000000;
	letter-spacing: -0.03em;
	padding-left: 10vw;
	padding-top: 4vw;
	padding-bottom: 4vw;
	
}
.b2t_arrow {
	display: inline-block;
	float: left;
	width: 1vw;
	padding-top: 0.1vw;	
}
.b2t_txt {
	display: inline-block;
	font-family: NeueHelvBold, Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 2vw;
	float: left;
	padding-left: 0.8vw;
	padding-top: 0.5vw;
}

a.btt:link {
	color: #000000;
}
a.btt:visited {
	color: #000000;
}
a.btt:hover {
	color: #000000;
}
a.btt:active {
	color: #000000;
}
/* back to top */





@media screen and (min-width: 601px) and (max-width: 1100px) {
	
	
/* header */

.nuHdr {
  	flex-flow: row wrap;
	padding-top: 6vw;
	padding-bottom: 6vw;
	width: 80%;

}
.nuHdrTitle {
	font-size: 6vw;
	width: 100%;
}
.nuHdrSubtitle {
	font-size: 2vw;
	padding-left: 0.5%;
	border-left: none;
	max-width: 90%;	
}


/* end header */
	
	
	
	
	
	
	
	
	
/* numbers animation */

.fullHdrImage {
	height: 80vw;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}
.numberBlockCntnrMC {
	flex-flow: row wrap;
	height: 30vw;
	padding-top: 5vw;	

}
.numberBlockCntnr {
	flex-flow: row wrap;
	height: 50vw;
	margin-top: 10vw;
}

.numberBlock {
	font-size: 18vw;
}
.numberBlockMC {
	font-size: 18vw;
	letter-spacing: -0.04em;

}
.numberBlockTxt {
	font-size: 3.5vw;
	padding-right: 4vw;
	padding-left: 4vw;
	line-height: 3.5vw;
	 /* 	*/
}

.flx_Break {
	display: block;
	flex-basis: 100%;
  height: 0;
}

.numberBlockTxtB {
	font-size: 1.5vw;
	letter-spacing: -4em;
	padding-right: -0.5vw;
	padding-left: 1vw;
	line-height: 1.5vw;
}

#numberBlockCenter {
	margin-top: 10vw;
}
/* end numbers animation */
	
	
	
	
	
	
	
	
	
	
	
	/* project titles */

.horizonb {
	width: 55vw;
	padding-left: 3vw;
	padding-bottom: 4vw;
	padding-top: 2vw;
}
.proj_title {
    padding-top: 1vw;
	padding-left: 1vw;
	font-size: 3vw;
}


.table_container {
	display: block;
	position: relative;
    padding-top: 1.2vw;
	padding-right: 2vw;
}
/* project labels table */

tr {
	height: 2vw;
	
}

th {
	padding-left: 1vw;
	width: 5vw;
	font-size: 1.2vw;
	}

td {
	font-size: 1.2vw;
	padding-left: 2vw;

}
/* end project labels table */ 

/* end project titles */	


/* image blocks */


.images_large {
	display: none;
	
}
.images_medium_left {
	display: none;	
}
.images_big_square_tablet {
	display: inline-block;
	position: relative;
	float: left;
	margin-bottom: 0%;
	width: 100%;
	height: auto;
	margin-right: 0%;
	overflow: hidden;
	
}
.images_small_square_tablet {
	display: inline-block;
	position: relative;
	float: left;
	margin-bottom: 0%;
	width: 50%;
	height: auto;
	margin-right: 0%;
	overflow: hidden;
	
}
.images_medium_right {
	display: none;
	
}
.images_small_left {
	display: none;
}
.images_small_right {
	display: none;
}
.images_long_left {
	display: inline-block;
	float: left;
	margin-bottom: 0%;
margin-right: 0%;
	width: 33.3%;
	height: 66vw;
	overflow: hidden;
}
.images_long_right {
	display: none;
	


}

/* end image blocks */


}





@media only screen and (max-width: 600px) {
	
	
	
	body {
		background-image: none;
		
	}
	/* header */
	
	.hdrCntnr {
		width: 100%;
	}

.nuHdr {
	flex-flow: column nowrap;
	width: 100%;
	padding-left: 25vw;
	padding-top: 18vw;
	padding-bottom: 11vw;
	padding-right: 10vw;
  }
.nuHdrTitle {
	font-size: 10vw;
	line-height: 0.9em;
	letter-spacing: -0.02em;
}
.nuHdrSubtitle {
	border-left: none;
	margin-top: 4vw;
	font-size: 3.5vw;	
	padding-left: 0.6vw;
	max-width: 90%;
}
/* end header */




/* numbers animation */

.fullHdrImage {
	
	margin-bottom: 60vh;
	padding-bottom: 20vh;
}

.numberBlockCntnr {
	flex-flow: column nowrap;
	height: 90vh;
	text-align: center;
}
.numberBlockCntnrMC { 
	flex-flow: column nowrap;
	height: 20vh;
	text-align: center;
	
	
}
#topNumberBlockCntnrMC {
	padding-top: 25vh;
	
	
}
.numberBlock {
	font-size: 30vw;
	line-height: 28vw;

}
.numberBlockMC {
	font-size: 20vw;
	width: auto;	
}
.numberBlockTxt {
	font-size: 5vw;
	line-height: 6vw;
	text-align: center;
}

#numberBlockTxtbottomPadding {
	padding-bottom: 20vw;
}
#numberBlockCenter {
	margin-top: 0vw;
}

/* end numbers animation */




.screen {
	padding-bottom: 0vw;
	
}





/* project titles */

.horizonb {
	right: auto;
	left: 0;
	width: 75vw;
	padding-left: 20vw;
	padding-right: 5vw;
	padding-bottom: 1vw;
	padding-top: 0vw;
	min-height: 40vw;
	


}

.proj_title {
	font-size: 6vw;
	line-height: 7vw;
	padding-right: 15vw;
	padding-bottom: 0vw;
    padding-top: 7.5vw;
	letter-spacing: -0.04em;
	
}
/* end project titles */
/* project labels table */ 
.table_container {
    padding-top: 3vw;
	padding-right: 2vw;
	padding-bottom: 4vw;
	line-height: 3.2vw;
	
}
th {
	font-size: 2vw;
	padding-right: 4vw;
	padding-left: 1vw;
	}
td {
	font-size: 2.5vw;	
	}
	
	
/* end project labels table */ 


/* image blocks */
.picSection {
	top: 40vw;
	margin-bottom: 40vw;
		
}
.images_large {
	height: 45vh;
		margin-bottom: 0;

}
.images_medium_left {
	width: 100%;
	height: 45vh;
			margin-bottom: 0;

}
.images_medium_right {
	width: 100%;
	height: 45vh;	
			margin-bottom: 0;

}

.images_small_left {
	width: 100%;
	height: 60vh;
	margin-right: 0;
			margin-bottom: 0;

}
.images_small_right {
	width: 100%;
	height: 70vh;
			margin-bottom: 0;

}
.images_long_left {
	width: 100%;
	height: 150vw;
	margin-right: 0;
			margin-bottom: 0;

}
.images_long_right {
	width: 100%;
	height: 200vw;
			margin-bottom: 0;


}
/* end image blocks */




.b2t {
	
	padding-left: 17vw;
	padding-top: 14vw;
	padding-bottom: 14vw;
}
.b2t_arrow {
	width: 3vw;
	padding-top: 0.5vw;	
}
.b2t_txt {
	padding-left: 2vw;
	font-size: 6vw;
	padding-top: 1vw;	
	letter-spacing: -0.03em;
}


} /* end 600 media query */