/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	background: #000000;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* BODY */

body {
  overflow-x: hidden;
}
.clear { clear: both; }

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

@font-face {
  font-family: 'HelveticaNeueLTStd_Bd';
  src: url('../fonts/HelveticaNeueLTStd-Bd.woff2') format ('woff2'),
       url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;    
}

@font-face {
  font-family: 'HelveticaNeueLTStd_Roman';
  src: url('../fonts/HelveticaNeueLTStd-Roman.woff2') format('woff2'),
       url('../fonts/HelveticaNeueLTStd-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;    
}

@font-face {
  font-family: 'HelveticaNeueLTStd_Lt';
  src: url('../fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'),
       url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;    
}

#project_sub3_1 p {
  margin-bottom: 1.5em; 
}

#wrap_all {
  position: relative;	
  top: 0px;
  min-width: 800px;
}

#hero_load {
  display: none;
}

.pace {
  pointer-events: none;
  user-select: none;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  border: 0px;
  height: 1px;
  overflow: hidden;
  background:#1b1b1b;
}

.pace .pace-progress {
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  max-width: 400px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: grey;
}

.pace.pace-inactive {
  display: none;
}

#preloader{
  width:100%;
  height:100vh;
  background:#101010;
  overflow:hidden;
  position:fixed;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#logo_main {
  position: absolute;	
  z-index: 999; 
  top: 0px;
  width: 130px;
  height: 130px;  
}

#new_logo {
  position: absolute;	
  z-index: 337; 
  top: 0px;
  left: 35px;
  width: 100px;
  height: 100px;  
  opacity: 0;
  cursor: pointer;		
}

#contact_main {
  position: absolute;
  z-index: 999;
  top: 76px;
  display: block;
  width: 50px;
  height: 18px;
  right: 43px;   
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 12px;
  color: #aeaeae;
  text-decoration: none;
  line-height: 1.3;   
  opacity: 0;   
}

#resume_main {
  position: absolute;
  z-index: 999;
  top: 76px;
  display: block;
  width: 44px;
  height: 18px;
  right: 108px;  
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 12px;
  color: #aeaeae;
  text-decoration: none;
  line-height: 1.3;  
  opacity: 0;        
}

#cta_wrap {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  z-index: 800;
  width: auto;
  display: none;
  height: 100%;    
}

#lottie_container1 {
  right: 0;
  left: 0;   
  margin: auto;    
  position: absolute;	
  top: -9vh;
  display: block;     
  width: 100%;
  height: 18.5vh;
}

#mouse_gif {
  right: 0;
  left: 0;   
  margin: auto;    
  position: absolute;	
  top: 30vh;
  display: block;     
  width: auto;
  height: 9vh;
  opacity: 0.7;    
}

#introx {
  position: absolute;
  top: 0px;
  display: none;
  z-index: 333;
}

/* SECTION 1 */

#section_1 {
  position: absolute;
  z-index: 777;
  height: auto;
  width: 100%;
  background-color: #000000;
  display: none;
}

/* SECTION ABOUT */

#about_item_1 {
  position: absolute;          
  width: 100%;    
  height: 100vh;    
  background-color: #FFFFFF;  
  z-index: 980;    
}

#about_1_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;        
}

#about_title_1 {
  position: relative;    
  z-index: 980;      
  width: auto;   
  left: 6vw;       
}

#about_item_2 {
  position: absolute;          
  width: 100%;     
  z-index: 980;  
  display: block;    
}

.very-specific-design {
  width: auto;
  height: 300px;
  text-align: left;
  position: absolute;
  left: 6vw;
  top: 0%;
  transform: translate(0%, 0%);
  transform-origin: top left;
  z-index: 999;      
  min-width: 800px;  
}

#about_item_3 {
  position: absolute;          
  width: auto;       
  right: 6vw;   
  z-index: 980;   
  top: 87vh;       
}

#down_arrow {
  z-index: 980;    
  width: auto;    
  height: 3vh;      
}

.scaleable-wrapper {
  position: absolute;
  left: 0px;    
  top: 0px;    
  height: 100vh;
  width: auto;    
  z-index: 990;  
  min-width: 800px;    
}

.about_001 {
  position: absolute;    
  z-index: 980;     
  font-size: 11px;    
  line-height: 12.5px;    
  font-family: 'HelveticaNeueLTStd_Roman', Sans-Serif;
  letter-spacing: -0.53px;    
  color: #000000;
  text-decoration: none;
  display: block;   
  width: 300px;   
  left: 0px;   
  top: 93px;     
  opacity: 1;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;    
}

.about_002 {
  position: absolute;    
  z-index: 980;     
  font-size: 5.3px;    
  line-height: 6.0px;    
  font-family: 'HelveticaNeueLTStd_Roman', Sans-Serif;
  letter-spacing: -0.1px;    
  color: #000000;
  text-decoration: none;
  display: block;   
  width: 215px;   
  left: 66px;   
  top: 174px;     
  opacity: 1;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;    
}

.about_003 {
  position: absolute;    
  z-index: 980;     
  font-size: 5.3px;    
  line-height: 6.0px;    
  font-family: 'HelveticaNeueLTStd_Roman', Sans-Serif;
  letter-spacing: -0.1px;    
  color: #000000;
  text-decoration: none;
  display: block;   
  width: 50px;   
  left: 66px;   
  top: 211px;        
  opacity: 1;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;    
}

.about_004 {
  position: absolute;    
  z-index: 980;     
  font-size: 5.3px;    
  line-height: 6.0px;    
  font-family: 'HelveticaNeueLTStd_Roman', Sans-Serif;
  letter-spacing: -0.1px;    
  color: #000000;
  text-decoration: none;
  display: block;   
  width: 50px;   
  left: 122px;   
  top: 211px;         
  opacity: 1;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;    
}

.about_005 {
  position: absolute;    
  z-index: 980;     
  font-size: 5.3px;    
  line-height: 6.0px;    
  font-family: 'HelveticaNeueLTStd_Roman', Sans-Serif;
  letter-spacing: -0.1px;    
  color: #000000;
  text-decoration: none;
  display: block;   
  width: 50px;   
  left: 178px;   
  top: 211px;         
  opacity: 1;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;    
}

.about_006 {
  position: absolute;    
  z-index: 980;     
  font-size: 4.7px;    
  line-height: 6.0px;    
  font-family: 'HelveticaNeueLTStd_Roman', Sans-Serif;
  letter-spacing: 0.1px;    
  color: #000000;
  text-decoration: none;
  display: block;   
  width: 50px;   
  left: 1px;   
  top: 174px;         
  opacity: 1;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;    
}

.about_007 {
  position: absolute;    
  z-index: 980;     
  font-size: 4.7px;    
  line-height: 6.0px;    
  font-family: 'HelveticaNeueLTStd_Roman', Sans-Serif;
  letter-spacing: 0.1px;    
  color: #000000;
  text-decoration: none;
  display: block;   
  width: 50px;   
  left: 1px;   
  top: 211px;         
  opacity: 1;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;    
}

#at1 {
  z-index: 980;    
  width: auto;    
  height: 100vh;   
}

/* SECTION WORK */

/* PROJECT 1 */

#work_item_1 {
  width: 100%;    
  height: 100vh;   
  cursor: pointer;  
  background-color: #000000;   
}

#project_1_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;        
}

#Thumb_Title_1 {
  position: relative;    
  z-index: 980;      
  width: auto;  
  top: 6vw;      
  left: 6vw;       
}

#tt1 {
  z-index: 980;    
  width: auto;    
  height: 60vh;   
}

#Thumb_Title_1_side {
  position: absolute;    
  z-index: 980;      
  width: auto;    
  top: 6vw;
  right: 6vw;    
}

#tt1s {  
  z-index: 980;    
  width: auto;    
  height: 60vh;        
}

/* PROJECT 2 */

#work_item_2 {
  width: 100%;    
  height: 100vh;  
  cursor: pointer;  
  background-color: #000000;     
}

#project_2_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;      
}

#Thumb_Title_2 {
  position: relative;    
  z-index: 980;      
  width: auto;   
  top: 6vw;      
  left: 6vw;       
}

#tt2 {
  z-index: 980;    
  width: auto;    
  height: 60vh;   
}

#Thumb_Title_2_side {
  position: absolute;    
  z-index: 980;      
  width: auto;    
  top: 6vw;
  right: 6vw;   
}

#tt2s {  
  z-index: 980;    
  width: auto;    
  height: 60vh;        
}

/* PROJECT 3 */

#work_item_3 {
  width: 100%;    
  height: 100vh; 
  cursor: pointer;     
  background-color: #000000;     
}

#project_3_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;        
}

#Thumb_Title_3 {
  position: relative;    
  z-index: 980;      
  width: auto;   
  top: 6vw;      
  left: 6vw;        
}

#tt3 {
  z-index: 980;    
  width: auto;    
  height: 60vh;   
}

#Thumb_Title_3_side {
  position: absolute;    
  z-index: 980;      
  width: auto;    
  top: 6vw;
  right: 6vw;   
}

#tt3s {  
  z-index: 980;    
  width: auto;    
  height: 60vh;        
}

/* PROJECT 4 */

#work_item_4 {
  width: 100%;    
  height: 100vh;   
  cursor: pointer;   
  background-color: #000000;     
}

#project_4_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;        
}

#Thumb_Title_4 {
  position: relative;    
  z-index: 980;      
  width: auto;   
  top: 6vw;      
  left: 6vw;      
}

#tt4 {
  z-index: 980;    
  width: auto;    
  height: 60vh;   
}

#Thumb_Title_4_side {
  position: absolute;    
  z-index: 980;      
  width: auto;    
  top: 6vw;
  right: 6vw;    
}

#tt4s {  
  z-index: 980;    
  width: auto;    
  height: 60vh;        
}

/* PROJECT 5 */

#work_item_5 {
  width: 100%;    
  height: 100vh;  
  cursor: pointer; 
  background-color: #000000;     
}

#project_5_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;       
}

#Thumb_Title_5 {
  position: relative;    
  z-index: 980;      
  width: auto;   
  top: 6vw;      
  left: 6vw;        
}

#tt5 {
  z-index: 980;    
  width: auto;    
  height: 60vh;   
}

#Thumb_Title_5_side {
  position: absolute;    
  z-index: 980;      
  width: auto;    
  top: 6vw;
  right: 6vw;    
}

#tt5s {  
  z-index: 980;    
  width: auto;    
  height: 60vh;        
}

/* PROJECT 6 */

#work_item_6 {
  width: 100%;    
  height: 100vh;   
  cursor: pointer;  
  background-color: #000000;     
}

#project_6_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;         
}

#Thumb_Title_6 {
  position: relative;    
  z-index: 980;      
  width: auto;   
  top: 6vw;      
  left: 6vw;        
}

#tt6 {
  z-index: 980;    
  width: auto;    
  height: 60vh;   
}

#Thumb_Title_6_side {
  position: absolute;    
  z-index: 980;      
  width: auto;    
  top: 6vw;
  right: 6vw;    
}

#tt6s {  
  z-index: 980;    
  width: auto;    
  height: 60vh;        
}

/* PROJECT 7 */

#work_item_7 {
  width: 100%;    
  height: 100vh;    
  cursor: pointer; 
  background-color: #000000;     
}

#project_7_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;       
}

#Thumb_Title_7 {
  position: relative;    
  z-index: 980;      
  width: auto;   
  top: 6vw;      
  left: 6vw;        
}

#tt7 {
  z-index: 980;    
  width: auto;    
  height: 60vh;   
}

#Thumb_Title_7_side {
  position: absolute;    
  z-index: 980;      
  width: auto;    
  top: 6vw;
  right: 6vw;    
}

#tt7s {  
  z-index: 980;    
  width: auto;    
  height: 60vh;        
}

/* PROJECT 8 */

#work_item_8 {
  width: 100%;    
  height: 100vh;  
  cursor: pointer;  
  background-color: #000000;     
}

#project_8_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;        
}

#Thumb_Title_8 {
  position: relative;    
  z-index: 980;      
  width: auto;   
  top: 6vw;      
  left: 6vw;        
}

#tt8 {
  z-index: 980;    
  width: auto;    
  height: 60vh;   
}

#Thumb_Title_8_side {
  position: absolute;    
  z-index: 980;      
  width: auto;    
  top: 6vw;
  right: 6vw;    
}

#tt8s {  
  z-index: 980;    
  width: auto;    
  height: 60vh;        
}

/* PROJECT 9 */

#work_item_9 {
  width: 100%;    
  height: 100vh; 
  cursor: pointer;   
  background-color: #000000;     
}

#project_9_thumb {
  position: absolute;  
  top: 0px;    
  z-index: 800;      
  width: 100%;    
  height: 100vh;      
}

#Thumb_Title_9 {
  position: relative;    
  z-index: 980;      
  width: auto;   
  top: 6vw;      
  left: 6vw;       
}

#tt9 {
  z-index: 980;    
  width: auto;    
  height: 60vh;   
}

#Thumb_Title_9_side {
  position: absolute;    
  z-index: 980;      
  width: auto;    
  top: 6vw;
  right: 6vw;    
}

#tt9s {  
  z-index: 980;    
  width: auto;    
  height: 60vh;        
}

#section_work {
  position: absolute;
  z-index: 750;
  height: auto;    
  width: 100%;
  top: 0px;    
  background-color: #000000;
}

#work_item_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  top: 100vh;   
  height: 100%;    
  background-color: #000000;
}

#work_button_container {
  z-index: 990; 
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  top: 0px;   
  height: auto;    
  background-color: #FFFFFF;
  opacity: 0;
  overflow: hidden;    
}

#work_gradient_container {
  z-index: 988; 
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  top: 0px;   
  height: auto;    
  opacity: 1.0;
  overflow: hidden;    
}

/* INTRO ANIMATION */

#wrapper {
  margin: 0 auto;
  width: 768px;
  z-index: 10;
  display: none;
}

#logo {
  top: 59px;
  float: left;
  left: 121px;
  position: relative;
  width: 521px;
  margin: 18px 0 0;
  height: 210px;  
  z-index: 10;	
}

#loader_a {
  z-index: 9;
}

/* LOAD HIDE */

#images_hide_load {
  display: none;
}

#intro_bg {
  display: none;	
  position: fixed;
  z-index: 0;
  height: 100%;
  width: 100%;
  background-color: #000000; 
}

/* HEADER TRANSITIONS */

#transition_container {
  position: fixed;
  top: 0px;
  height: 0px;
  width: 100%;
  z-index: 9999;
  background-color: #32343a;
}

#trigger_1 {
  position: absolute;	
  z-index: 556;
  top: 55vh; 
}

/* TITLES TWEEN IN */

#trigger_p1_a {
  position: absolute;
  top: calc(175vh);   
  z-index: 556;
}

#trigger_p2_a {
  position: absolute;
  top: calc(345vh);   
  z-index: 556;
}

#trigger_p3_a {
  position: absolute;
  top: calc(515vh);   
  z-index: 556;
}

#trigger_p4_a {
  position: absolute;
  top: calc(685vh);   
  z-index: 556;
}

#trigger_p5_a {
  position: absolute;
  top: calc(855vh);   
  z-index: 556;
}

#trigger_p6_a {
  position: absolute;
  top: calc(1025vh);   
  z-index: 556;
}

#trigger_p7_a {
  position: absolute;
  top: calc(1195vh);   
  z-index: 556;
}

/* MAIN BLOCKS */

#trigger_p1 {
  position: absolute;
  top: calc(250vh);   
  z-index: 556;
}

#trigger_p2 {
  position: absolute;
  top: calc(420vh);   
  z-index: 556;
}

#trigger_p3 {
  position: absolute;
  top: calc(590vh);   
  z-index: 556;
}

#trigger_p4 {
  position: absolute;
  top: calc(760vh);   
  z-index: 556;
}

#trigger_p5 {
  position: absolute;
  top: calc(930vh);   
  z-index: 556;
}

#trigger_p6 {
  position: absolute;
  top: calc(1100vh);   
  z-index: 556;
}

#trigger_p7 {
  position: absolute;
  top: calc(1270vh);   
  z-index: 556;
}

/* TITLES ALPHA OUT */

#trigger_p1_1 {
  position: absolute;
  top: calc(320vh);   
  z-index: 556;
}

#trigger_p2_1 {
  position: absolute;
  top: calc(490vh);   
  z-index: 556;
}

#trigger_p3_1 {
  position: absolute;
  top: calc(660vh);   
  z-index: 556;
}

#trigger_p4_1 {
  position: absolute;
  top: calc(830vh);   
  z-index: 556;
}

#trigger_p5_1 {
  position: absolute;
  top: calc(1000vh);   
  z-index: 556;
}

#trigger_p6_1 {
  position: absolute;
  top: calc(1170vh);   
  z-index: 556;
}

#trigger_p7_1 {
  position: absolute;
  top: calc(1340vh);   
  z-index: 556;
}

/* WORK ITEM TRANSITIONS */

#trigger_2 {
  position: absolute;	
  z-index: 556;
  top: 250px; 
}

#trigger_3 {
  position: absolute;	
  z-index: 556;
  top: 650px; 
}

#trigger_4 {
  position: absolute;	
  z-index: 556;
  top: 1050px; 
}

#trigger_5 {
  position: absolute;	
  z-index: 556;
  top: 1450px; 
}

#trigger_6 {
  position: absolute;	
  z-index: 556;
  top: 1850px; 
}

/* WORK HEADER TRANSITIONS */

#trigger_7 {
  position: absolute;	
  z-index: 556;
  top: -100px; 
}

#trigger_8 {
  position: absolute;	
  z-index: 556;
  top: -100px; 
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {  margin: 1% 0 1% 0%; }
  .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

/* RETINA IMAGES */

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    
}

/* 

*********************

PROJECTS 

*********************

*/

#logo3 {
  z-index: 337; 
  top: 0px;
  position: absolute;
  width: 100px;
  height: 100px;  
}

.project_copy {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: 100%;
}

.project_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}

.image_inside {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: auto;	
}

/* PROJECT END PAD */

.project_end {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: 75px;	
  overflow: hidden;		
}

/* PROJECT NUMBERS */

.project_number_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

.project_number {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -25px;
  left: 50px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Roman', Sans-Serif;
  text-align: left;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: 100%;   
}

/* PROJECT SUBTITLES */

.project_details_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -90px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;  
}

.project_left_container {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  left: 50px;    
  margin-left: 0px;
  margin-right: 0px;	
  height: 100%;   
  width: calc(50% - 75px);    
}

.project_sub1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: 27px;          
}

.project_line1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;     
  height: 1px;    
  background-color: #000000;        
}

.project_line2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;     
  height: 1px;    
  background-color: #000000;        
}

.project_right_container {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  left: calc(50% + 25px);    
  margin-left: 0px;
  margin-right: 0px;	
  height: 100%;   
  width: calc(50% - 75px);            
}

.project_sub2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: 27px;       
}

.project_sub4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project_sub3_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project_sub3_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project_sub3_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project_sub3_4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project_sub3_5 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project_sub3_6 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project_sub3_7 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project_sub3_8 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project_sub3_9 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 40px;
  left: 0px;    
  margin-left: 0px;
  margin-right: 0px;	
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;	
  height: auto;       
}

#project1_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}

#project2_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}

#project3_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}

#project4_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}

#project5_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}

#project6_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}

#project7_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}

#project8_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}

#project9_image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  background-color: #FFFFFF;
}
/* PROJECT CONTAINERS */

#project_1 {
  position: absolute;
  z-index: 0; 
  display: none;
  top: 0px;	
  width: 100%;	
  background-color: #FFFFFF;	
  opacity: 0;    
}

#project_2 {
  position: absolute;
  z-index: 0; 
  display: none;
  top: 0px;		
  width: 100%;	
  background-color: #FFFFFF;
  opacity: 0;      
}

#project_3 {
  position: absolute;
  z-index: 0; 
  display: none;
  top: 0px;	
  width: 100%;	
  background-color: #FFFFFF;	
  opacity: 0;      
}

#project_4 {
  position: absolute;
  z-index: 0; 
  display: none;
  top: 0px;	
  width: 100%;	
  background-color: #FFFFFF;	
  opacity: 0;      
}

#project_5 {
  position: absolute;
  z-index: 0; 
  display: none;
  top: 0px;	
  width: 100%;	
  background-color: #FFFFFF;	
  opacity: 0;      
}

#project_6 {
  position: absolute;
  z-index: 0; 
  display: none;
  top: 0px;	
  width: 100%;	
  background-color: #FFFFFF;	
  opacity: 0;      
}

#project_7 {
  position: absolute;
  z-index: 0; 
  display: none;
  top: 0px;	
  width: 100%;	
  background-color: #FFFFFF;	
  opacity: 0;      
}

#project_8 {
  position: absolute;
  z-index: 0; 
  display: none;
  top: 0px;	
  width: 100%;	
  background-color: #FFFFFF;
  opacity: 0;      
}

#project_9 {
  position: absolute;
  z-index: 0; 
  display: none;
  top: 0px;	
  width: 100%;	
  background-color: #FFFFFF;	
  opacity: 0;      
}

/* PROJECT 1 */

#project_1_content_block {
  z-index: 0; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  top: 400px;
  width: 100%;
  background-color: #FFFFFF;
}

#project_1_hero_container {
  z-index: 333;	
  margin: auto;		
  right: 0;
  left: 0;		
  top: 0px;
  position: absolute;
  width: 100%;
  height: 66.67vh;
  min-height: 350px;
  max-height: 575px;	
  overflow: hidden;
}

#project_1_hero {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 575px;
}

.project_title_container_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 90px;
}

#project_1_title_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -120px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 500px;
  display: none;    
}

#project_2_title_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -120px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 500px;
  display: none;    
}

#project_3_title_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -120px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 500px;
  display: none;    
}

#project_4_title_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -120px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 500px;
  display: none;    
}

#project_5_title_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -120px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 500px;
  display: none;    
}

#project_6_title_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -120px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 500px;
  display: none;    
}

#project_7_title_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -120px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 500px;
  display: none;    
}

#project_8_title_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -120px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 500px;
  display: none;    
}

#project_9_title_M {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -120px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 500px;
  display: none;    
}

#project_1_title_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 150px;
}

#project_1_title {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 950px;
}

#project_1_copy_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

#project_1_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}

#project_1_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_1_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_1_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_1_4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_1_5 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

/* PROJECT 2 */

#project_2_content_block {
  z-index: 0; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  top: 400px;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
}

#project_2_hero_container {
  z-index: 333;	
  margin: auto;		
  right: 0;
  left: 0;		
  top: 0px;
  position: absolute;
  width: 100%;
  height: 66.67vh;
  min-height: 350px;
  max-height: 575px;	
  overflow: hidden;
}

#project_2_hero {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 575px;
}

#project_2_title_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 150px;
}

#project_2_title {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 950px;
}

#project_2_copy_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -90px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

#project_2_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}

#project_2_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 0px;  
  height: 1180px;	
  overflow: hidden;	
  background-color: #000000;    
}

#ECCO_1 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 90px;
  right: 0;
  left: 0;
  width: 728px;
  height: 90px;	
}

#ECCO_2 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 210px;
  right: 0;
  left: 0;
  width: 300px;
  height: 250px;	
}

#ECCO_3 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 490px;
  right: 0;
  left: 0;
  width: 160px;
  height: 600px;	
}

#project_2_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 50px;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 0px;    
  height: 1180px;	
  overflow: hidden;	
  background-color: #000000;    
}

#SENJET_1 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 90px;
  right: 0;
  left: 0;
  width: 728px;
  height: 90px;	
}

#SENJET_2 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 210px;
  right: 0;
  left: 0;
  width: 300px;
  height: 250px;	
}

#SENJET_3 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 490px;
  right: 0;
  left: 0;
  width: 160px;
  height: 600px;	
}

#project_2_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 100px;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 0px;    
  height: 770px;	
  overflow: hidden;	
  background-color: #000000;    
}

#project_2_3_sub_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 90px;
  right: 0;
  left: 0;
  width: 690px;  
  height: 590px;	
  overflow: hidden;	
}

#project_2_3_sub_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 180px;
  right: 0;
  left: 0;
  width: 690px;  
  height: 250px;	
  overflow: hidden;	
}

#EXN_1 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  left: 0px;
  width: 690px;
  height: 590px;	
}

#EXN_2 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  left: 390px;
  width: 300px;
  height: 250px;	
}

#EXN_3 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 250px;	
}

#EXN_4 {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  left: 390px;
  width: 300px;
  height: 250px;	
}

/* PROJECT 3 */

#project_3_content_block {
  z-index: 0; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  top: 400px;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
}

#project_3_hero_container {
  z-index: 333;	
  margin: auto;		
  right: 0;
  left: 0;		
  top: 0px;
  position: absolute;
  width: 100%;
  height: 66.67vh;
  min-height: 350px;
  max-height: 575px;	
  overflow: hidden;
}

#project_3_hero {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 575px;
}

#project_3_title_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 150px;
}

#project_3_title {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 950px;
}

#project_3_copy_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -90px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

#project_3_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}

#project_3_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}

#project_3_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_3_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_3_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_3_4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

/* PROJECT 4 */

#project_4_content_block {
  z-index: 0; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  top: 400px;
  width: 100%;
  background-color: #FFFFFF;
}

#project_4_hero_container {
  z-index: 333;	
  margin: auto;		
  right: 0;
  left: 0;		
  top: 0px;
  position: absolute;
  width: 100%;
  height: 66.67vh;
  min-height: 350px;
  max-height: 575px;	
  overflow: hidden;
}

#project_4_hero {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 575px;
}

#project_4_title_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 150px;
}

#project_4_title {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 950px;
}

#project_4_copy_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -90px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

#project_4_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}

#project_4_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 0px;  
  height: 809px;	
  overflow: hidden;	
  background-color: #d5d4d3;    
}

#project_4_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;	
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;
}

#project_4_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;	
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;
}

#project_4_4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;	
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;
}

#USAA {
  z-index: 333; 
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  width: 425px;
  height: 849px;	
}


/* PROJECT 5 */

#project_5_content_block {
  z-index: 0; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  top: 400px;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
}

#project_5_hero_container {
  z-index: 333;	
  margin: auto;		
  right: 0;
  left: 0;		
  top: 0px;
  position: absolute;
  width: 100%;
  height: 66.67vh;
  min-height: 350px;
  max-height: 575px;	
  overflow: hidden;
}

#project_5_hero {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 575px;
}

#project_5_title_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 150px;
}

#project_5_title {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 950px;
}

#project_5_copy_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -90px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

#project_5_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}

#project_5_0 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_5_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_5_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_5_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_5_4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_5_5 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_5_6 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#mm_video_1 {
   width: 100%;
}

#project_5_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

/* PROJECT 6 */

#project_6_content_block {
  z-index: 0; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  top: 400px;
  width: 100%;
  background-color: #FFFFFF;
}

#project_6_hero_container {
  z-index: 333;	
  margin: auto;		
  right: 0;
  left: 0;		
  top: 0px;
  position: absolute;
  width: 100%;
  height: 66.67vh;
  min-height: 350px;
  max-height: 575px;	
  overflow: hidden;
}

#project_6_hero {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 575px;
}

#project_6_title_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 150px;
}

#project_6_title {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 950px;
}

#project_6_copy_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -90px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

#project_6_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}

#project_6_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_6_0_X {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_6_1_X {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_6_2_X {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_6_3_X {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_6_4_X {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_6_1_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_6_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_6_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_6_3_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_6_4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_6_5 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_6_5_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_6_6 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_6_7 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_6_8 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

/* PROJECT 7 */

#project_7_content_block {
  z-index: 0; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  top: 400px;
  width: 100%;
  background-color: #FFFFFF;
}

#project_7_hero_container {
  z-index: 333;	
  margin: auto;		
  right: 0;
  left: 0;		
  top: 0px;
  position: absolute;
  width: 100%;
  height: 66.67vh;
  min-height: 350px;
  max-height: 575px;	
  overflow: hidden;
}

#project_7_hero {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 575px;
}

#project_7_title_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 150px;
}

#project_7_title {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 950px;
}

#project_7_copy_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -90px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

#project_7_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}

#project_7_0 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_7_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_7_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_7_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_7_4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}


/* PROJECT 8 */

#project_8_content_block {
  z-index: 0; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  top: 400px;
  width: 100%;
  background-color: #FFFFFF;
}

#project_8_hero_container {
  z-index: 333;	
  margin: auto;		
  right: 0;
  left: 0;		
  top: 0px;
  position: absolute;
  width: 100%;
  height: 66.67vh;
  min-height: 350px;
  max-height: 575px;	
  overflow: hidden;
}

#project_8_hero {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 575px;
}

#project_8_title_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 150px;
}

#project_8_title {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 950px;
}

#project_8_copy_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -90px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

#project_8_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}

#project_8_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_8_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_8_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_8_4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_8_5 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_8_6 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}


/* PROJECT 9 */

#project_9_content_block {
  z-index: 0; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  top: 400px;
  width: 100%;
  background-color: #FFFFFF;
}

#project_9_hero_container {
  z-index: 333;	
  margin: auto;		
  right: 0;
  left: 0;		
  top: 0px;
  position: absolute;
  width: 100%;
  height: 66.67vh;
  min-height: 350px;
  max-height: 575px;	
  overflow: hidden;
}

#project_9_hero {
  z-index: 333; 
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 575px;
}

#project_9_title_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1114px;
  height: 150px;
}

#project_9_title {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: -3px;
  margin-left: 50px;
  margin-right: 50px;	
  width: 950px;
}

#project_9_copy_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: -90px;
  right: 0;
  left: 0;
  max-width: 1114px;
  display: block;
  height: 100%;
}

#project_9_images {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  margin-left: 50px;
  margin-right: 50px;	
  height: auto;		
  background-color: #FFFFFF;
  top: 0px;
}
	
#project_9_1 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px; 
  height: auto;	
  overflow: hidden;		
}

#project_9_2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_9_3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}

#project_9_4 {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 50px;  
  height: auto;	
  overflow: hidden;		
}


/* GLOBAL PROJECT ITEMS */

.project_back {
  z-index: 888; 
  top: 20px;    
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 185px;
  height: 50px;	
  cursor: pointer;
}

.image_back {
  z-index: 888; 
  top: 0px;    
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 185px;
  height: 50px;	
}

.image_back_over {
  z-index: 889; 
  top: 0px;    
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  width: 185px;
  height: 50px;	
  opacity: 0;    
}

/*
PROJECT BACK BUTTON STATES

.project_back:hover img.image_back_over {
    opacity: 1;
}

.project_back:hover img.image_back {
    opacity: 0;
}

*/

.project_back_spacer {
  z-index: 333; 
  position: relative;
  margin: auto;
  right: 0;
  left: 0;
  width: 200px;
  height: 50px;
  overflow: hidden;
}

.project_spacer2 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 0px;    
  height: 150px;	
  overflow: hidden;	
}

.project_spacer3 {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  max-width: 1014px;
  padding-bottom: 0px;    
  height: 53px;	
  overflow: hidden;	
}

/* 

*********************

FOOTER

*********************

*/


/* FOOTER */

#biiieee{
  position: relative;
  top: 270px;    
  z-index: 999;
  width: 100%;
  height: 250px;   
}

#biiieee_img{
  left: 0px; 
  top: 0px;    
  position: relative;
  z-index: 999;
  width: auto;  
  height: 30vh;   
  max-height: 200px;    
}

#footer_a{
  position: relative;
  z-index: 998;
  top: 0px;
  width: 100%;
  height: 600px;  
  background-color: #1c1c1e; 
  overflow: hidden;
}

#footer_container{
  position: relative;	
  height: 100%;  
  z-index: 999;		
  right: 0;
  left: 0;		
  min-width: 800px;   
  margin-left: 6vw;
  margin-right: 6vw;
  top: 0px;
}

#footer_line{
  position: relative;
  height: 1px;
  width: 100%;
  top: 275px;
  background-color: #525252;
}

#footer_icon_1 {
  width: 40px;
  height: 40px;
  top: 88px;
  left: 0px;
  position: absolute;
  z-index: 555;
  cursor: pointer;
}

#footer_icon_2 {
  width: 40px;
  height: 40px;
  top: 88px;
  left: 52px;
  position: absolute;
  z-index: 555;
  cursor: pointer;
}

#footer_icon_3 {
  width: 40px;
  height: 40px;
  top: 88px;
  left: 104px;
  position: absolute;
  z-index: 555;
  cursor: pointer;
}

#footer_icon_4 {
  width: 40px;
  height: 40px;
  top: 88px;
  left: 156px;
  position: absolute;
  z-index: 555;
  cursor: pointer;
}

#footer_icon_5 {
  width: 40px;
  height: 40px;
  top: 88px;
  left: 0px;
  position: absolute;
  z-index: 555;
  cursor: pointer;
}

#footer_icon_6 {
  width: 40px;
  height: 40px;
  top: 88px;
  left: 0px;
  position: absolute;
  z-index: 555;
  cursor: pointer;
}
	
#footer_col_1{
  position: absolute;
  height: 200px;
  width: 33.3%;
  top: 65px;
  left: 0%;	
}

#footer_col_2{
  position: absolute;
  height: 200px;
  width: 33.3%;
  top: 65px;
  left: 33.3%;	
}

#footer_col_3{
  position: absolute;
  height: 200px;
  width: 33.3%;
  top: 65px;
  left: 66.6%;	
}	

#footer_text_1 {
  width: 190px;
  height: 30px;
  top: 0px;
  left: 0px;
  position: absolute;
  font-family: 'HelveticaNeueLTStd_Bd', Sans-Serif;
  text-align: left;
  font-size: 12px;
  color: #aeaeae;
  text-decoration: none;
  line-height: 1.3;
}

#footer_text_2 {
  width: 190px;
  height: 30px;
  top: 0px;
  left: 0px;
  position: absolute;
  font-family: 'HelveticaNeueLTStd_Bd', Sans-Serif;
  text-align: left;
  font-size: 12px;
  color: #aeaeae;
  text-decoration: none;
  line-height: 1.3;
}

#footer_text_3 {
  width: 190px;
  height: 30px;
  top: 0px;
  left: 0px;
  position: absolute;
  font-family: 'HelveticaNeueLTStd_Bd', Sans-Serif;
  text-align: left;
  font-size: 12px;
  color: #aeaeae;
  text-decoration: none;
  line-height: 1.3;
}

#footer_text_4 {
  width: 190px;
  height: 30px;
  top: 32px;
  left: 0px;
  position: absolute;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 12px;
  color: #6b6b6b;
  text-decoration: none;
  line-height: 1.5;
}

#footer_text_5 {
  width: 190px;
  height: 30px;
  top: 32px;
  left: 0px;
  position: absolute;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 12px;
  color: #6b6b6b;
  text-decoration: none;
  line-height: 1.5;
}

#footer_text_6 {
  width: 195px;
  height: 30px;
  top: 32px;
  left: 0px;
  position: absolute;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 12px;
  color: #6b6b6b;
  text-decoration: none;
  line-height: 1.5;
}

#footer_text_7 {
  width: 333px;
  height: 30px;
  top: 479px;
  left: 0px;
  position: absolute;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 12px;
  color: #6b6b6b;
  text-decoration: none;
  line-height: 1.5;
}

#footer_text_8 {
  width: 100%;
  height: 30px;
  top: 479px;
  position: absolute;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: right;
  font-size: 12px;
  color: #6b6b6b;
  text-decoration: none;
  line-height: 1.5;
}	
	
/* 

*********************

MOUSE

*********************

*/

.cursor2 {
  z-index: 1000;   
  fill: #f7f8fa;    
  border-radius: 100%;   
  position: fixed;
  mix-blend-mode: difference;  
  pointer-events: none;    
}