/* Buttons */
.btn {
	padding: 7px 10px!important;
    font-size: 20px;
	font-weight:bold;
    margin-bottom:4px;
    text-align: center;
	position: relative;
	display: inline-block;
	line-height: 30px;
	color: #444;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f9f9fa;
	border: 1px solid #ccc;
}
#video-player
{
width:100%;
margin-bottom:50px;
}
.tabspace
{
padding-left:100px;
}
#pageContent {
	/*	width:7% !important;*/
		padding-bottom:10px;
		font-size: 18px;
		padding-bottom: 20px;
		}
.btn:active {background-color:#ebebf0;}

.btn:hover {background-color:#ebebf0;}


.btn.disabled, .btn[disabled] { cursor: default; background-color:#f9f9fa; opacity: 0.65; filter: alpha(opacity=65); }


/* Sets the page width */
.` { width: 100%; }

/* Header */
header { /*margin: 60px auto; text-align: center; font-family: Novecento, sans-serif; */}
header.projecttitle { margin: 130px auto 100px; }
header .titlewrap { position: relative; display: inline-block; margin: 0 0 20px; }
header h1 { position: relative; display: inline-block; margin: 0; font-weight: bold; font-size: 80px; line-height: 1; }
header .titlewrap .follow { position: absolute; display: block; top: 0; left: 100%; color: inherit; margin-left: 40px; opacity: .5;
	line-height: 80px; font-size: 16px; font-family: sans-serif; white-space: nowrap; text-decoration: none;
}
header .titlewrap .follow:hover { opacity: 1; }
header .projectdescription { opacity: .7; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

.fl { float: left; }
.fr { float: right; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }




.btn:active, .btn:focus, .btn:hover, .btn:visited {
    background-color: #ebebf0!important;
    outline-color: transparent;
}

/***************************************************Drop Down Year***************************************************/

nav {
      display: block;
     /* text-align: center; */
	 
    }
    nav div {
      list-style: none;
    }
    nav div {
      display: inline-block;
    }

    nav select {
      display: none;
	   margin-bottom:30px;
	 
    }

.video-bg-container #imgmobile {
 display: none;
}

    
	
	/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
 nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }

.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block;
}

	
	
		

		

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	
	 nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block;
}
	
	
  }

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }

	.video-bg-container #video-player {
 display: none;
}
	.video-bg-container #imgmobile {
 display: inline-block;
}


}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
	
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
	

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
   nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
	 
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
     nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
	
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
	.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block;	  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
	
}

/* ----------- Nexus 5X ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 412px) 
  and (max-device-width: 732px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 412px) 
  and (max-device-width: 732px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
   nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
	
}
/* ----------- iPAD ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

	    nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 768px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  nav div     {display: inline-block;	}
      nav select { 
	  display: none;
	  }
.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block;}

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 

	  nav div     { display: none; }
      nav select { 
	  display: inline-block;			
	  margin:0px;  
	  }

	.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block;} 
}
/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {

	 
	.video-bg-container #video-player {
 display: none;
}
.video-bg-container #imgmobile {
 display: inline-block; }
}