/* **********  RESET browser settings  *********** */
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
/* **********  END RESET browser settings  *********** */

body, html {width:100%; height:100%;}

/* basic styling and commonly used classes */
body {
    background:url(../images/background.jpg) no-repeat center center #2e2e2c;
    background-size:cover;
    font-family: 'museo_sans300','Open Sans',tahoma,lucida,verdana,helvetica,sans-serif;
    font-size: 13px;
    color:#111;
    position: relative;
    
}


p {margin-bottom: 15px;}

strong {font-family: 'museo_sans900';}
em {font-style:italic;}

.sans {font-family: 'museo_sans500','Open Sans',tahoma,lucida,verdana,helvetica,sans-serif;}

.align-center {text-align:center;}

a, a:hover, a:focus {cursor:pointer;outline:none;}

a {color: #111; text-decoration: none;}

a.citruslink {font-size:11px; text-transform: uppercase; color:#d9d611; font-weight:600; letter-spacing: 1px;}

ul {list-style-type:disc; margin:0 0 0 17px; padding:0px;}

img{border:none;}
.clear {clear:both;display:block;font-size:0;line-height:0;}
/* ********************************************** */


.blue {color:#00aeef;}
.dk-blue {color:#002157;}
.white {color:#fff;}

.vegas-slide {}

#main-container {max-width:667px; overflow:hidden; background:#fff; position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;}

/* ********  NAVIGATION  ********* */
#topnav {height:60px; position:absolute; top:0px; left:0px; width:100%; background-color:rgba(255, 255, 255, 0.3);}

#leftnav {position:absolute; left:15px; top:5px; z-index: 4999; width:40%;}
	#leftnav a.stories {float:left; background:url(../images/btn_stories.png) no-repeat center top; width:40px; font-size:10px; line-height:9px; color:#000; padding-top:43px; display:block; text-align:center; margin-bottom:10px; text-transform: uppercase; border:none; outline:none;}
	
	#leftnav .logo {float:left; width:55px; height:47px; margin-left:15px; background:url(../images/logo.png) no-repeat; }
	.light #leftnav .logo {background:url(../images/logo_light.png) no-repeat; }
	
.slide-menu {position: absolute;
	top: 0;
	left: -300px;
	z-index: 5000;
	/*visibility: hidden;
	display:none;*/
	width: 300px;
	height: 775px;
	background: #2f4f81;
}
	
.slide-menu a.close {width:19px; height:20px; display:block; position:absolute; top:5px; right:5px; background:url(../images/btn_menu_close.png) no-repeat; text-indent: -9999px;}
	
.slide-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slide-menu ul li {display:block; width:300px;}

.slide-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(255,255,255,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.slide-menu ul li a {
	display: block;
	overflow:hidden;
	padding: 0.5em 1em 0.5em 1.2em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	color: #f3efe0;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	letter-spacing: 1px;
	font-weight: 400;
}

.slide-menu ul li a img {margin-right:10px;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);
float:left;}

.slide-menu ul li:first-child a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.slide-menu ul li a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}
	
	

#rightnav {position:absolute; right:0px; top:0px; width:60%; height:100%; z-index:1000;}

#rightnav .links {position:absolute; top:0; right:10px; z-index:10000;}

#rightnav a.next{
	margin:0 5px;
	float:right;
	width:35px;
	background:url(/images/btn_nextstory.png) center top no-repeat;
	font-size:10px; line-height:9px; color:#fff; padding-top:37px; display:block; text-align:center;
	margin-bottom:15px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	}
#rightnav a.prev{
	margin:0 5px;
	float:right;
	width:35px;
	background:url(/images/btn_prevstory.png) center top no-repeat;
	font-size:10px; line-height:9px; color:#fff; padding-top:37px; display:block; text-align:center;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	}

	
	
#social {background-color:#0c72ce; position:fixed; right:0px; bottom:0px; padding:6px 12px 6px 6px; overflow:hidden; z-index:5;
-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft:10px; border-top-left-radius: 10px; }
#social img {float:left; margin:0px 4px;}
	
/* ********************************************** */


.arrows a {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  font-family:"Open Sans", sans-serif;
  color: #aaa !important;
  line-height: 10px;
  text-align: center;
  speak: none;
  font-size:9px;
  font-weight: 600;
  cursor: pointer;
  z-index:10;
  padding-top:30px;
}

.arrows a:last-child {right: 40px;}
.arrows a:hover {opacity: 0.7;}

.arrows a#nav-next {background:url(../images/arrow_blue_next.png) no-repeat top center;}
.arrows a#nav-prev {background:url(../images/arrow_blue_prev.png) no-repeat top center;}


/* COVER styles */
body#home {}

#home #main-container {background:url(../images/spinner.gif) no-repeat center center #fff ;}
#cover-title {position:absolute; bottom:30px; left:15px; font-size:75px; line-height:75px; color:#d2eef9; color:rgba(210,238,249,0.65); text-transform: uppercase; letter-spacing: 0px; font-family: 'museo_sans900';  z-index:200; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}

#cover-quote {margin:45px auto 0 auto; text-align:right; max-width:550px;}
#cover-quote h2 {font-size:15px; line-height:24px; color:#000; font-family: 'museo_sans500';}
#cover-quote h2 span{font-size:18px; }
#cover-quote h3 {font-size:14px; line-height:24px; color:#000; font-family: 'museo_slab500';}

#cover-vid {position:absolute; bottom:30px; left:21px; width:960px; height:562px; background:none; z-index:100;}




/* INTRODUCTION styles */
#intro-photo {width:100%;}
#intro-photo img {width:100%; height:auto; display:block;}
h1.intro-hdr {font-size:60px; line-height:60px; color:rgba(255,255,255,0.7); font-family: 'museo_sans900'; position:absolute; top:100px; left:15px; text-transform: uppercase; letter-spacing:-4px;}

#intro #darkbar {width:100%; background:#7798af; top:295px; }
#intro #darkbar h2.date { margin:0 0 0 15px;  padding-top:10px; color:#fff; font-size:30px;  font-family: 'museo_slab500';
}


#intro #darkbar .bar2 {}

#intro #darkbar .bar2 .copy { padding:15px; font-family: 'museo_sans300'; font-size:15px; line-height:20px; color:#fff;}
#intro #darkbar .bar2 .copy .big {font-size:18px; }
#intro #darkbar .bar2 .copy .ltblue {color:#86cafa;}
#intro #darkbar .bar2 .copy h2 {color:#2b89cb; font-size:20px; font-family: 'museo_slab300';}



/* Table of CONTENTS styles */
#toc {background:url(../images/background.jpg);}
#toc-container {position:relative; margin:0; padding:70px 0 0 15px;}
	
#toc-container .item {position: relative; float: left; margin:10px; } /* border:20px solid #444; margin:10px; z-index: 2; display:block; */
#toc-container .item img {display:block; width:100%; height:auto;}

/* History */
#toc-container .item1 {width:113px; border:10px solid rgba(255,255,255,0.1); margin-top:10px;}

/* What we Do */
#toc-container .item2 {width:124px; border-top:10px solid rgba(255,255,255,0.1); border-bottom:10px solid rgba(255,255,255,0.1); margin-top:10px;}

/* Next Gen Innovation */
#toc-container .item3 {width:93px; border-top:10px solid rgba(255,255,255,0.1); border-bottom:10px solid rgba(255,255,255,0.1); border-right:10px solid rgba(255,255,255,0.1); margin-top:10px;}

/* why we thrive */
#toc-container .item4 {width:115px; border:10px solid rgba(255,255,255,0.1); margin-top:10px;}

/* Vision */
#toc-container .item5 {width:114px; border:10px solid rgba(255,255,255,0.1); margin-top:10px;}

/* Quote */
#toc-container .item6 {width:300px; border-right:10px solid rgba(255,255,255,0.1); border-left:10px solid rgba(255,255,255,0.1); margin:10px}
#toc-container .item6 .copy {background-color:rgba(0, 96, 218, 0.4); padding:8px 6px 10px 8px; text-transform: uppercase; color:#fff; font-size:14px; line-height:20px; font-family: 'museo_sans300', 'Open Sans'; }
#toc-container .item6 .copy .big {font-size:19px;}
#toc-container .item6 .copy h4 {font-size:16px; line-height:18px; font-family: 'museo_slab500', serif; }
#toc-container .item6 .copy h5 {font-size:10px; line-height:16px; font-family: 'museo_slab300', serif; }






/* WHAT WE DO styles */
#wwd {background:#fff;}

#wwd .arrows {text-align:right; height:30px; position:absolute; bottom:20px; right: 80px;}
#wwd .arrows div {position: absolute; right: 80px; top: 16px; width:150px; text-transform: uppercase; font-size:16px; font-family: 'museo_slab500', serif;  letter-spacing: 2px; color:#ed4e1c;}

#wwd .arrows a#nav-next {background:url(../images/arrow_orange_next.png) no-repeat top center;}
#wwd .arrows a#nav-prev {background:url(../images/arrow_orange_prev.png) no-repeat top center;}



.wwd-header {
	 background:#7798af; padding:75px 0 10px 15px;
	 font-family: 'museo_slab500', serif; color:#fff; font-size:30px; text-transform: uppercase; 
	}
	
.wwd-row1 {padding:10px 15px; }
	.wwd-row1 h1 {font-family: 'museo_slab500', serif; font-size:22px; line-height: 24px; margin-bottom:8px;}
	
/* .wwd-video {
	position: relative;
	padding-bottom: 41%;
	height: 0;}

.wwd-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<div class='embed-container'>
	
.wwd-row2 {padding:15px 15px 0 15px; border-top:1px solid black; border-bottom:1px solid black; margin-top:10px;}
	.wwd-row2 h4 {font-family: 'museo_sans700', serif; font-size:16px; line-height: 20px; margin-bottom:8px;}	



.wwd-orangebox {background-color:#ed4e1c; padding: 10px 15px; color:#fff; font-size:14px; margin:10px 0px;}
.wwd-orangebox div {float:left; font-size:50px; line-height:50px;font-family: 'museo_slab500', serif; padding-right:12px;}
	
	
.wwd-grid {
	position: relative;
	clear: both;
	margin: 0;
	list-style: none;
	text-align: center;
}

/* Common style */
.wwd-grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 5%;
	/*min-width: 309px;*/
	max-width: 337px;
	max-height: 360px;
	width: 90%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.wwd-grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.wwd-grid figure figcaption {
	padding: 2em;
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.wwd-grid figure figcaption::before,
.wwd-grid figure figcaption::after {
	pointer-events: none;
}

.wwd-grid figure figcaption,
.wwd-grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.wwd-grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.wwd-grid figure h2 {
	word-spacing: -0.15em;
	font-size:1.4em;
	letter-spacing: 2px;
	font-family: 'museo_sans100';
}

.wwd-grid figure h2 span {
	font-family: 'museo_sans700';
}

.wwd-grid figure h2,
.wwd-grid figure p {
	margin: 0;
}

.wwd-grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #000;
}

figure.effect-julia img {
	max-width: none;
	height: 400px;
	/* -webkit-transition: opacity 1s, -webkit-transform 1s;
		transition: opacity 1s, transform 1s; */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 0;
	margin-top:100px;
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
}


#wwd1-whitebar {margin:75px 15px 15px 30px;  background-color:rgba(255,255,255,0.85);
	-webkit-box-shadow: -20px 0px 60px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: -20px 0px 60px 0px rgba(0,0,0,0.25);
	box-shadow: -20px 0px 60px 0px rgba(0,0,0,0.25);
}

#wwd1-whitebar .copy {padding:10px 15px; font-size:14px; line-height:18px;}

#wwd1-whitebar h2 {font-size:32px; line-height:32px; font-family: 'museo_sans700';}
#wwd1-whitebar h2 span {font-family: 'museo_sans300';}
#wwd1-whitebar h3 {font-size:20px; line-height:22px;margin-bottom:18px;}
#wwd1-whitebar h4 {font-size:18px; line-height:18px; font-family: 'museo_sans700';}

#wwd1-whitebar a {color:#ff4439;}
#wwd1-whitebar a:hover {color:#ccc;}

#wwd1-whitebar a.fastfacts {position:absolute; top:35px; right:15px;}

#wwd1-orangebox {background-color:#ed4e1c;  padding:10px 5px; color:#fff; font-size:14px; margin-bottom: 32px;}
#wwd1-orangebox h1 {font-size:100px; line-height:65px; font-family: 'museo_slab700';}
#wwd1-orangebox h2 {font-size:38px; line-height:38px; font-family: 'museo_slab700';}



/* NEXT GEN INNOVATION styles */
#ngi .arrows {text-align:right; height:30px; position:absolute; bottom:30px; right: 80px;}
#ngi .arrows a {text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); color:#fff !important;}

/*#nextgen1-copy {position:absolute; left:160px; top:130px; width:345px; font-size:14px; line-height:22px;}
#nextgen1-copy h1 {font-size:50px; line-height:42px; font-family: 'heuristicaregular',serif; margin-bottom:25px; }*/


#nextgen-copy {position:absolute; left:109px; top:163px;}
#nextgen-copy .nextgen-hdr {margin-bottom:18px;}

#nextgen-copy .change {position:absolute; top:105px; left:0px; }

#nextgen-copy .quote {margin-left:15px; max-width:490px; font-size:14px; line-height:22px;}
#nextgen-copy .quote span {font-size:22px; font-family: 'museo_sans700';}

#nextgen-copy a.circle {display:inline-block; position:relative; background:url(../images/btn_circle.png) no-repeat center center;  width:80px; height:60px; padding:45px 35px; color:#fff;  font-size:14px; line-height:60px; color:#fff;  font-family: 'museo_sans500';}
#nextgen-copy a.circle span {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;  
  text-align: center;    
}
#nextgen-copy a.circle:hover {opacity: 0.7;}

#nextgen-copy #circle1 {}
#nextgen-copy #circle2 {}
#nextgen-copy #circle3 {}

.popbg {width:100%; height:100%; background:url(../images/bg_nextgenpop.jpg) no-repeat; background-size:cover; display:none; position:absolute; top:0; left:0; z-index:5;}

.ng-popup {display:none; position:absolute; top:73px; left:177px; width:643px; height:617px; border-bottom:40px solid rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.6);  z-index:10; overflow:hidden;}
.ng-popup a.popclose {position:absolute; top:5px; right:5px; display:block; width:14px; height:13px; text-indent: -9999px; background:url(../images/btn_close.png) no-repeat;}

#ngi #pop1 #pop-content1a {width:563px; height:577px; background:rgba(38, 160, 215, 0.5); padding:40px 40px 0 40px;}
#ngi #pop1 #pop-content1a  .title {margin-bottom:25px;}
#ngi #pop1 #pop-content1a  .col1 {float:left; width:353px; font-size:14px; line-height:20px; letter-spacing:1px;}
	#ngi #pop1 #pop-content1a  .col1 h2 { font-family: 'museo_slab500'; font-size:19px; line-height:24px; padding-right:50px; margin-bottom:15px;}
#ngi #pop1 #pop-content1a  .col2 {float:left; width:172px; padding-left:24px; border-left:1px solid #000; margin-left:10px; font-size:15px; line-height:20px; color:#fff;}
	#ngi #pop1 #pop-content1a  .col2 .big {color:#eae818; font-size:20px;}
	#ngi #pop1 #pop-content1a  .col2 p.cite {margin-bottom:0; font-size:12px; line-height:14px; width:70%;}
	
	
#ngi #pop1 #pop-content1b {width:563px; height:577px; padding:40px 40px 0 40px;}	
#ngi #pop1 #pop-content1b .title { font-size:14px; line-height:20px; color:#fff; margin-bottom:25px; width:355px;}
	#ngi #pop1 #pop-content1b .title h2{ font-size:24px; line-height:20px; color:#78c7ca; text-transform: uppercase;}
#ngi #pop1 #pop-content1b .col1 {float:left; width:214px; font-size:14px; line-height:20px; letter-spacing:1px; color:#fff; padding-right:12px;}	
	#ngi #pop1 #pop-content1b .col1 h3{color:#7da7d9; font-family: 'museo_slab700'; font-size:14px; line-height:20px; text-transform: uppercase;}
#ngi #pop1 #pop-content1b .col2 {float:left; width:337px; text-align:right;}	
	#ngi #pop1 #pop-content1b .col2 a {font-size:11px; color:#fff; letter-spacing:1px;}
	#ngi #pop1 #pop-content1b .col2 a:hover {color:#fcfcfc;}
	
#ngi #pop1 #pop-content1c {width:563px; height:577px; padding:40px 40px 0 40px;}	
#ngi #pop1 #pop-content1c .title { font-size:14px; line-height:20px; color:#fff; margin-bottom:25px; width:355px;}
	#ngi #pop1 #pop-content1c .title h2{ font-size:24px; line-height:20px; color:#78c7ca; text-transform: uppercase;}
#ngi #pop1 #pop-content1c .col1 {float:left; width:214px; font-size:14px; line-height:20px; letter-spacing:1px; color:#fff; padding-right:12px;}	
	#ngi #pop1 #pop-content1c .col1 h3{color:#7da7d9; font-family: 'museo_slab700'; font-size:14px; line-height:20px; text-transform: uppercase;}
#ngi #pop1 #pop-content1c .col2 {float:left; width:337px; text-align:right;}	
	#ngi #pop1 #pop-content1c .col2 a {font-size:11px; color:#fff; letter-spacing:1px;}
	#ngi #pop1 #pop-content1c .col2 a:hover {color:#fcfcfc;}
	
#ngi #pop2 #pop-content2a {width:563px; height:577px; padding:40px 40px 0 40px;}	
#ngi #pop2 #pop-content2a .title {font-size:18px; line-height:20px; color:#d2eef9; margin-bottom:25px; letter-spacing:1px; font-family: 'museo_sans100';}
	#ngi #pop2 #pop-content2a .title .cite{text-align:right; font-size:14px; line-height:16px; }
#ngi #pop2 #pop-content2a .col1 {float:left; width:359px; font-size:14px; line-height:20px; letter-spacing:1px; color:#fff; padding-right:15px;}	
	#ngi #pop2 #pop-content2a .col1 h2{font-size:24px; line-height:20px; color:#78c7ca; text-transform: uppercase;}
#ngi #pop2 #pop-content2a .col2 {float:left; width:175px; font-size:14px; line-height:15px; letter-spacing:1px; color:#fff;  font-family: 'museo_sans500';}	
	#ngi #pop2 #pop-content2a .col2 span {font-size:11px; font-family: 'museo_sans300';}
	
#ngi #pop2 #pop-content2b {width:563px; height:577px; padding:40px 40px 0 40px;}	
#ngi #pop2 #pop-content2b .title { font-size:14px; line-height:20px; color:#fff; margin-bottom:25px; width:355px;}
	#ngi #pop2 #pop-content2b .title h2{ font-size:24px; line-height:20px; color:#78c7ca; }
	#ngi #pop2 #pop-content2b .title h2 span {text-transform: uppercase; font-size:14px;}
#ngi #pop2 #pop-content2b .col1 {float:left; width:214px; font-size:14px; line-height:20px; letter-spacing:1px; color:#fff; padding-right:12px;}	
	#ngi #pop2 #pop-content2b .col1 h3{color:#7da7d9; font-family: 'museo_slab700'; font-size:14px; line-height:20px; text-transform: uppercase;}
#ngi #pop2 #pop-content2b .col2 {float:left; width:337px;}	
	#ngi #pop2 #pop-content2b .col2 p {padding-left:40%; color:#fff; font-size:12px; line-height:16px;}
	
	
#ngi #pop3 #pop-content3a {width:563px; height:577px; padding:40px 40px 0 40px; background:rgba(38, 160, 215, 0.5);}	
#ngi #pop3 #pop-content3a .col1 {float:left; width:363px; font-size:14px; line-height:20px; letter-spacing:1px; color:#fff; padding-right:20px;}	
	#ngi #pop3 #pop-content3a .col1 h2{font-size:24px; line-height:20px; color:#78c7ca; text-transform: uppercase;}
#ngi #pop3 #pop-content3a .col2 {float:left; width:180px; font-size:14px; line-height:20px; letter-spacing:1px; color:#fff;}	
	#ngi #pop3 #pop-content3a .col2 h3 {font-size:20px; line-height:26px; color:#eae818; text-transform: uppercase;}
	#ngi #pop3 #pop-content3a .col2 .divider {border-bottom:1px solid #334a52; margin-bottom:15px; height:1px;}
	
.ng-popup .nav-btns {position:absolute; left:40px; bottom:20px; color:#7da7d9; }
.ng-popup .nav-btns a {color:#7da7d9; font-size:12px; text-transform: uppercase;}
.ng-popup .nav-btns a:hover {color:#fff;}

#nextgen2-copy {position:absolute; top:190px; left:120px; color:#fff; font-size:20px;}

#nextgen2-content {margin:35px auto 0 auto; width:735px; height:835px; background:url(../images/nextgen_ig_bg.jpg) no-repeat; position:relative; padding:40px;}
#nextgen2-content .whitebg {width:645px; height:530px; background:rgba(255,255,255,0.35); padding:75px 0 0 10px; position:relative;}
#nextgen2-content .whitebg h2 {font-size:28px; line-height:28px; width:425px;}
#nextgen2-content .whitebg h2 span { font-family: 'museo_sans500';}
#nextgen2-content .whitebg p {font-size:18px; line-height:20px; width:425px;}

#nextgen2-content .tabs {overflow:hidden; }
#nextgen2-content .tabs .tab {float:left; margin-right:28px;}
#nextgen2-content .tabs .tab:last-child {margin-right:0;}

#nextgen2-content .pop {
	display:none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -206px 0 0 -208px;
	width:416px; height:412px;
	background-color:#dedfe0; border:3px solid #fff; 
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(138,138,138,0.8);
-moz-box-shadow: 0px 0px 20px 0px rgba(138,138,138,0.8);
box-shadow: 0px 0px 20px 0px rgba(138,138,138,0.8);}

#nextgen2-content .pop a.popclose {position:absolute; top:5px; right:5px; display:block; width:14px; height:13px; text-indent: -9999px; background:url(../images/btn_close_white.png) no-repeat; z-index:10;}

#nextgen2-content .pop .copy {padding:28px; position:relative; height:332px;}
#nextgen2-content .pop p {font-size:18px; line-height:24px; width:255px; margin:20px 0 50px 0;}
#nextgen2-content .pop p span {font-family: 'museo_sans500'; font-size:24px;}
#nextgen2-content .pop .photo {position:absolute; bottom:0px;}

#nextgen2-content #operate-pop .colorbar{width:100px; height:13px; background-color:#96cf46;}
#nextgen2-content #invest-pop .colorbar{width:100px; height:13px; background-color:#414eaa;}
#nextgen2-content #find-pop .colorbar{width:100px; height:13px; background-color:#47a6ff;}
#nextgen2-content #incubate-pop .colorbar{width:100px; height:13px; background-color:#6e95c8;}
#nextgen2-content #sustain-pop .colorbar{width:100px; height:13px; background-color:#2496c9;}

/* WHY WE THRIVE styles */
#whywethrive {background-color:#ececec;}
#whywethrive #topbar {background-color:#fff;}
#whywethrive #topbar .copy {width:50%; padding:20px 0 35px 0; margin:0 auto; text-align:center; color:#000; font-size:14px; line-height:20px; font-weight:600;}
#whywethrive #topbar h1 {font-size:60px; line-height:48px; text-align:center; text-transform: uppercase; margin-bottom:20px;}

#whywethrive .photostack > div.instructions {
margin: 0 auto;
width:320px; 
height:auto;
font-size:11px; 
position:absolute; 
top:20px; 
text-align:left;
font-weight:600;
  left: 50%;
  transform: translateX(-50%);}
  
  
  
  
 
/* HISTORY styles */
#history .arrows {text-align:right; height:30px; position:absolute; bottom:15px; right: 80px;}
#story .arrows, #history3 .arrows {text-align:right; height:30px; position:absolute; bottom:45px; left: 100px; z-index:10000;}

.bb-item h4 {text-transform: uppercase; font-family: 'museo_sans700';  letter-spacing: 2px;}
.bb-item .big {font-size:20px;}
.history-content {position:absolute; top:58%; width: 100%;}
	.history-content .copy { width:520px; margin:0 auto;}
	.history-content h1 {font-family: 'museo_slab500', serif; font-size:60px; color:#fff; line-height: 70px; text-align:center; margin-bottom:12px;}
	.history-content h3 {font-family: 'museo_slab300', serif; font-size:36px; color:#fff; line-height: 24px; }
	.history-content h3 .small {font-family: 'heuristicaregular', serif; font-size:16px; color:#82a9d9; font-style: italic; margin-bottom: 15px;}
	.history-content p {font-size:15px; color:#d2eef9; line-height:22px; font-weight:300; text-indent: -5em; margin-left: 5em; letter-spacing:1px; }

.more-pulldown {display:none; margin:-10px 0 0 100px; line-height:20px;}
	.more-pulldown a:hover {opacity:0.5;}


/* VISION styles */
#vision .arrows {text-align:right; height:30px; position:absolute; bottom:30px; right: 80px;}

.vision-content .bigphoto { margin-left:21px;}
.vision-content .bigphoto img {width:100%; height:auto; max-width:976px;}
.vision-content .bigtext { margin-left:21px; margin-right:80px;}
.vision-content .bigtext img {width:100%; height:auto; max-width:852px;}


.vision2-bar1 {position:absolute; left:24%; bottom:0px; height:100%; z-index:1; background-color: rgba(49, 191, 193, 0.6); width:403px; padding-left:23px;
	-webkit-animation: vision2-1 2s; /* Chrome, Safari, Opera */
   /* -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation: vision2-1 2s;
   /* animation-delay: 2s;*/
}

/* Chrome, Safari, Opera */
@-webkit-keyframes vision2-1 {
    from {bottom: 100%;}
    to {bottom: 0px;}
}

@keyframes vision2-1 {
    from {bottom: 100%;}
    to {bottom: 0px;}
}

.vision2-bar1 h2 {font-size:25px; letter-spacing: 1px; padding-right:50px; margin-top:25%; font-weight:800; color:rgba(255,255,255,0.85);}
.vision2-bar1 .divider {height:10px; background:10px; background-color:rgba(255,255,255,0.6); margin:20px 0 25px 0; }
.vision2-bar1 p { color:rgba(255,255,255,0.9); font-size:14px; line-height:24px; padding-right:5px;}
.vision2-bar1 p .big {font-size:22px; }

.vision2-bar2 {position:absolute; left:24%; bottom:50px; background-color:rgba(0,37,73,0.8); z-index:2; padding:20px 75px 20px 23px; width:76%;
	-webkit-animation: vision2-2 2s; /* Chrome, Safari, Opera */
   /* -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation: vision2-2 2s;
   /* animation-delay: 2s;*/
}

/* Chrome, Safari, Opera */
@-webkit-keyframes vision2-2 {
    from {left: 100%;}
    to {left:24%;}
}

@keyframes vision2-2 {
    from {left: 100%;}
    to {left:24%;}
}

.vision2-bar2 p {font-size:12px; line-height:18px; color:#7da7d9; font-weight: 800; margin:0; width:600px;}
.vision2-bar2 p.cite {text-align:right; }


.vision3-main {position:absolute; top:0px; height:208px; margin-left:18%; background-color:#1b69c8; width:308px; padding:65px 35px 40px 20px; color:#d7d7d7; font-size:14px; line-height:20px;
	-webkit-animation: vision3-1 2s; /* Chrome, Safari, Opera */
    animation: vision3-1 2s;
}
   
/* Chrome, Safari, Opera */
@-webkit-keyframes vision3-1 {
    from {top: -400px;}
    to {top: 0px;}
}

@keyframes vision3-1 {
    from {top: -400px;}
    to {top: 0px;}
}
   
.vision3-main h2 {font-size:48px; line-height:48px; margin-bottom:0px; color:#fff; font-family: 'museo_slab700';}
.vision3-main h3 {font-size:18px; line-height:20px; margin-bottom:0px; font-family: 'museo_sans700';}
.vision3-main .num {position:absolute; top:30px; right:20px; font-size:64px; color:#31bcc1; font-family: 'museo_slab700';}
.vision3-vid {margin-left:18%; margin-top:313px;
	
}
.vision3-caption {margin-left:18%; width:150px; padding:10px 0; font-size:12px; color:#000; line-height:16px;}
.vision3-quote {position:absolute; top:150px; left:650px; width:245px; font-size:12px; line-height:18px; color:#7da7d9; text-align:right; font-family: 'museo_sans700';}
.vision3-quote p {margin:0;}

.vision4-main {position:absolute; top:0px; margin-left:18%;  border-bottom:1px solid #fff; width:650px; height:698px; }

.vision4-bluebar {position:absolute; top:0px; background:url(../images/vision_bluebox_bg.png) repeat-y top left; width:308px; padding:65px 35px 40px 20px; color:#d7d7d7; font-size:14px; line-height:20px;
	-webkit-animation: vision4-1 2s; /* Chrome, Safari, Opera */
    animation: vision4-1 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes vision4-1 {
    from {top: -1000px;}
    to {top: 0px;}
}

@keyframes vision4-1 {
    from {top: -1000px;}
    to {top: 0px;}
}

.vision4-main .copy1 {width:320px;}
.vision4-main h2 {font-size:48px; line-height:48px; margin-bottom:0px; color:#fff; font-family: 'museo_slab700';}
.vision4-main h3 {font-size:18px; line-height:20px; margin-bottom:0px; font-family: 'museo_sans700'; }
.vision4-main .num {position:absolute; top:30px; left:313px; font-size:64px; color:#31bcc1; font-family: 'museo_slab700';}
.vision4-main .copy2 {width:285px; margin-top:125px; margin-left:25px; font-size:12px; color:#6dcff6; line-height:18px; }
.vision4-main .copy2 h4 {font-size:18px; text-transform: uppercase; }
.vision4-main .copy2 a {color:#fff;}
.vision4-main .phone {position:absolute; bottom:0; right:20px; }
.vision4-main .phone img {display:block;}

.vision4-quote {position:absolute; top:150px; left:650px; width:245px; font-size:12px; line-height:18px; color:#7da7d9; text-align:right; font-family: 'museo_sans700';}
.vision4-quote p {margin:0;}

.vision5-main {position:absolute; bottom:0px; margin-left:18%; background-color:#1b69c8; width:308px; padding:65px 35px 40px 20px; color:#d7d7d7; font-size:14px; line-height:20px; 
	-webkit-animation: vision5-1 2s; /* Chrome, Safari, Opera */
    animation: vision5-1 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes vision5-1 {
    from {bottom: -100%;}
    to {bottom: 0px;}
}

@keyframes vision5-1 {
    from {bottom: -100%;}
    to {bottom: 0px;}
}
.vision5-main h2 {font-size:48px; line-height:48px; margin-bottom:0px; color:#fff;  font-family: 'museo_slab700';}
.vision5-main h3 {font-size:18px; line-height:20px; margin-bottom:0px; font-family: 'museo_sans700'; }
.vision5-main .num {position:absolute; top:30px; right:20px; font-size:64px; color:#31bcc1; font-family: 'museo_slab700';}




/* Hard Work styles */
#hw .arrows {text-align:right; height:30px; position:absolute; bottom:100px; right: 100px;}
#hw .arrows a {text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); color:#fff !important;}

#hw #hw-darkbar {position:absolute; top:70px; left:21px; background-color:rgba(0,0,0,0.7); width:380px; height:647px;}
#hw #hw-darkbar .copy {width:259px; margin:98px 0 0 116px; font-size:16px; line-height:22px; color:#fff;}
#hw #hw-darkbar .copy h2 {font-size:22px; line-height:28px; margin-bottom:10px; font-family: 'museo_sans500';}

#hw2-hdr {position:absolute; top:345px; left:60px;}
#hw2-vid {position:absolute; top:145px; left:250px;}

#hw3-btns {position: absolute; top:0px; left:21px;}
#hw3-btns a.btn {position:absolute; display:block; height:56px; padding-left:13px; font-size:16px; line-height:56px; color:#000; font-family: 'museo_sans700'; text-transform: uppercase;}
#hw3-btns a.btn span {color:#fff;}

#hw3-btns a.btn1 {background-color:rgba(234, 232, 24, 0.57); width:293px; top:166px; left:50px; z-index:10;}
	#hw3-btns a.btn1:hover {background-color:rgba(234, 232, 24, 1); z-index:20;}
#hw3-btns a.btn2 {background-color:rgba(0, 121, 194, 0.72); width:216px; top:211px; z-index:5;}
	#hw3-btns a.btn2:hover {background-color:rgba(0, 121, 194, 1); z-index:20;}
#hw3-btns a.btn3 {background-color:rgba(141, 199, 63, 0.57); width:384px; top:251px; left:20px; z-index:15;}
	#hw3-btns a.btn3:hover {background-color:rgba(141, 199, 63, 1); z-index:20;}

#hw3-slides {position:absolute; left:41px; top:307px;}
#hw3-slides .slide {position:absolute; left: -900px;}
#hw3-slides .slide .photo {position:absolute; top:0; left:0;}
	#hw3-slides .slide .photo img {display:block;}
	
#hw3-slides .slide1 {height:288px;}
#hw3-slides .slide1 .copy {position:absolute; left:397px; bottom:0; background-color:rgba(234, 232, 24, 0.57); padding:10px; color:#000; font-size:16px; line-height:18px; width:400px;}

#hw3-slides .slide2 {height:298px;}
#hw3-slides .slide2 .copy {position:absolute; left:397px; bottom:0; background-color:rgba(0, 121, 194, 0.72); padding:10px; color:#000; font-size:16px; line-height:18px; width:212px;}

#hw3-slides .slide3 {height:411px; width:397px;}
#hw3-slides .slide3 .copy {position:absolute; left:0; top:218px; background-color:rgba(141, 199, 63, 0.57); padding:20px; color:#000; font-size:16px; line-height:18px; width:357px;}


/* ********************************************** */
@font-face {
    font-family: 'heuristicabold';
    src: url('/css/fonts/heuristica-bold-webfont.eot');
    src: url('/css/fonts/heuristica-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-bold-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-bold-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-bold-webfont.svg#heuristicabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heuristicaregular';
    src: url('/css/fonts/heuristica-regular-webfont.eot');
    src: url('/css/fonts/heuristica-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-regular-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-regular-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-regular-webfont.svg#heuristicaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans100';
    src: url('/css/fonts/MuseoSans_100-webfont.eot');
    src: url('/css/fonts/MuseoSans_100-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_100-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_100-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_100-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans300';
    src: url('/css/fonts/MuseoSans_300-webfont.eot');
    src: url('/css/fonts/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_300-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_300-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_300-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500';
    src: url('/css/fonts/MuseoSans_500-webfont.eot');
    src: url('/css/fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_500-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans700';
    src: url('/css/fonts/MuseoSans_700-webfont.eot');
    src: url('/css/fonts/MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_700-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_700-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_700-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans900';
    src: url('/css/fonts/MuseoSans_900-webfont.eot');
    src: url('/css/fonts/MuseoSans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_900-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_900-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_900-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab300';
    src: url('/css/fonts/Museo_Slab_300-webfont.eot');
    src: url('/css/fonts/Museo_Slab_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Museo_Slab_300-webfont.woff2') format('woff2'),
         url('/css/fonts/Museo_Slab_300-webfont.woff') format('woff'),
         url('/css/fonts/Museo_Slab_300-webfont.ttf') format('truetype'),
         url('/css/fonts/Museo_Slab_300-webfont.svg#museo_slab300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab500';
    src: url('/css/fonts/Museo_Slab_500_2-webfont.eot');
    src: url('/css/fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Museo_Slab_500_2-webfont.woff2') format('woff2'),
         url('/css/fonts/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('/css/fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('/css/fonts/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab700';
    src: url('/css/fonts/Museo_Slab_700-webfont.eot');
    src: url('/css/fonts/Museo_Slab_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Museo_Slab_700-webfont.woff2') format('woff2'),
         url('/css/fonts/Museo_Slab_700-webfont.woff') format('woff'),
         url('/css/fonts/Museo_Slab_700-webfont.ttf') format('truetype'),
         url('/css/fonts/Museo_Slab_700-webfont.svg#museo_slab700') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media (max-width:1250px) {
	.popup h2 {font-size:65px; line-height:75px; margin-bottom:10px;}
	.popup .copy1 {font-size:14px; padding:160px 20px 15px 20px; }
}

@media (max-width:1024px) {
	.popup .copy1 {font-size:14px; padding:20px; }
	.popup .copy2 {position:relative; top: auto; right:auto; width:auto; padding:20px; }
}