/*****************************************************************************/
/*
/* Common
/*
/*****************************************************************************/

/* Global Reset */
@media screen and (max-width:1025px) {
   #content {
     width: 100%;
   }
}

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  background:#fff;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  webkit-font-smoothing:subpixel-antialiased;
  text-align: left;
  font-weight: 600;
  text-shadow: 0px 2px 6px rgba(0, 0, 0, .4);
}

h1 {
  margin-bottom: 1em;
}

p {
  margin: 1em 0;
  line-height: 23px;
}

a {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
}

a:hover {
  color: #fff;
  border-bottom: #fff solid 1px;
  text-decoration: none;
}

table {
  font-size: inherit;
  font: 100%;
}

.page {
  clear: both;
}
.clear{ 
  clear:both;
}

li {
  list-style: none;
}

.row-fluid {
    max-width: 960px;
}

/*****************************************************************************/
/*
/* Home
/*
/*****************************************************************************/

.navbar .container {
  margin-left: 50px;
}

.navbar .brand {
  max-width: 60px;
  margin-left: 100px;
}

.navbar a:hover{
  border-bottom: none;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .activ e > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #1b1b1b;
  border-color: #1b1b1b;
}

#loading{ 
  background-color:#0091c9;
  background-image:url('../img/DHF-Anchor-Logo-white-transparent.png');
  background-position:center;
  background-repeat:no-repeat;
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index:10001;
}

#loading img{
  display:block;
  margin:100px auto 0px;
}

#loading h1,
#loading p {
  text-align: center;
  color:#fff;
  text-shadow: none;
}

#loading h1 {
  font-size: 220px;
  margin: 90px auto 117px;
  font-weight: 600;
}

#dhflogo {
  top: 0;
  right: 0;
  position:fixed;
  padding-right: 10em;
  text-align: right;
  z-index:10000;
}

#footer{
  bottom: 0;
  right: 0;
  position:fixed;
  padding-right: 10em;
  text-align: right;
  z-index:100;
}

#loading p{ 
  bottom: 0;
  position: absolute;
  width:100%;
  text-align: center;
  text-transform:uppercase;
  font-size: 63px;
  font-weight: 300;
}

ul.posts {
  list-style-type: none;
  margin-bottom: 2em;
}

ul.posts span {
  color: #aaa;
  font-family: Monaco, "Courier New", monospace;
  font-size: 80%;
}

h2 {
  text-align: left;
  font-size: 40px;
  margin-top: 80px;
  line-height: 50px;
}

h3 {
  font-size: 40px;
  text-align: left;
  text-transform: uppercase;
  margin-top: 80px;
}

h3 span {
  font-size: 24px;
}

.press h3 {
  font-size: 18px;
  text-align: left;
  text-transform: uppercase;
  margin-top: 5px;
}

.press h3 span {
  margin-left: 15px;
  font-size: 12px;
  text-transform: none;
  font-style:italic;
}

.press a:hover {
  text-decoration: underline;
}

.press ul li {
  margin-left: -15px;
}


h4 {
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  clear: both;
  margin-top: 50px;
}

h5 {
  text-align: left;
  font-size: 24px;
  font-style: italic;
  font-weight: 300;
  line-height: 30px;
}

h6 {
  text-align: left;
  font-weight: 300;
  font-size: 24px;
  text-transform: uppercase;
}

p { 
  font-weight: 300;
  font-size: 17px;
  text-align: left;
}

input[type="text"] {
  border-radius: 0px;
}

.btn {
  border-radius: 0px;
  background: #C82A45;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-family: 'Arvo', 'Georgia', serif;
  margin-left: 5px;
}

.btn:hover {
  background: #b1263d;
  color: #fff;
  text-shadow: none;
}


/****************************************************************************/
/*
/* Site
/*
/*****************************************************************************/

.line {
  border: white solid 2px;
  width: 200px;
  margin: 20px 0px;
}

.clear{ 
  clear:both;
}

.page.quote,
.page.story{ 
  overflow-x:hidden;
  position:relative;
  padding:300px 80px 100px;
  box-sizing: border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  padding-bottom:400px;
}
.page.story.nosidebar{ 
  padding:0px;
}


.page.quote h1,
.page.story h1 { 
  text-align:left;
  color:#fff;
  font-size: 56px;
  list-style: none;
  line-height: 60px;
}

.page.quote h1 {
  margin-bottom: 0px;
}

.page.story{ 
  position:relative;
  width:100%;
  height:auto;
  padding-top:10em;
  padding-left:400px;
  box-sizing: border-box;
  -moz-box-sizing:border-box; /* Firefox 
  -webkit-box-sizing:border-box; /* Safari */
}

.sidebar{ 
  width:400px;
  position:fixed;
  left:0px;
  top:0px;
  bottom:0px;
  z-index:-7;
}

.sidebartitle{ 
  width:400px;
  left:0px;
  position:absolute;
  top:80px;
}

.sidebartitle h1{ 
  font-size: 64px;
  color: #fff;
  margin: 30px 0px 0px 50px;
  text-align: left;
  text-shadow: 0px 2px 6px rgba(0, 0, 0, .05);
}

.mapsidebar h1{ 
  font-size: 100px;
  color: #333;
  margin-bottom: 0px;
}

.sidebartitle h2{ 
  position:relative;
  left:-400px;
  margin-top:40px;
  text-transform: uppercase;
}

.sidebartitle.appear h2{ 
  left: 50px;
  transition: left 1s;
  -webkit-transition: left 1s;
}

.pagebg{ 
  background-color:#0091c9;
  position:fixed;
  top:0px; 
  bottom:0px;
  left:0px;
  right:0px;
  z-index:-10;
  display:none;
}
.pagebg.quote{ 
  z-index:-5;
}
.pagebg.appear{ 

}

.pagebg.imagemission{ 
  background: url("../img/dhf-1.jpg") no-repeat;
  background-size:cover;
  background-color:#0091c9;
  background-position:center;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/8664271822_0b360afacf_n.jpg', sizingMethod='scale')";
  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
}
.pagebg.imageblog{ 
  background: url("../img/dhf-2.jpg") no-repeat;
  background-size:cover;
  background-color:#0091c9;
  background-position:center;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/8664271822_0b360afacf_n.jpg', sizingMethod='scale')";
  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
}
.pagebg.imagetechcenter{ 
  background: url("../img/dhf-3.jpg") no-repeat;
  background-size:cover;
  background-color:#0091c9;
  background-position:center;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/8664271822_0b360afacf_n.jpg', sizingMethod='scale')";
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
.pagebg.imagemakercamp{ 
  background: url("../img/dhf-7.jpg") no-repeat;
  background-size:cover;
  background-color:#0091c9;
  background-position:center;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/8664271822_0b360afacf_n.jpg', sizingMethod='scale')";
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
.pagebg.imageteam{ 
  background: url("../img/dhf-4.jpg") no-repeat;
  background-size:cover;
  background-color:#0091c9;
  background-position:center;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/8664271822_0b360afacf_n.jpg', sizingMethod='scale')";
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
.pagebg.imagepress{ 
  background: url("../img/dhf-5.jpg") no-repeat;
  background-size:cover;
  background-color:#0091c9;
  background-position:center;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/8664271822_0b360afacf_n.jpg', sizingMethod='scale')";
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
.pagebg.imagecontact{ 
  background: url("../img/dhf-6.jpg") no-repeat;
  background-size:cover;
  background-color:#0091c9;
  background-position:center;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/8664271822_0b360afacf_n.jpg', sizingMethod='scale')";
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
.pagebg.overlay{ 
  background: url("../img/black.png") repeat-x;
  background-size:cover;
  background-color:#0091c9;
  background-position:center;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/8664271822_0b360afacf_n.jpg', sizingMethod='scale')";
  opacity:0.2;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

.pagebg img{ 
  min-width:100%;
  min-height:100%;
}

iframe {
  width: 100%;
  min-height: 200px;
}

.cityLeaders iframe {
  display: block;
  margin-top: 50px;
  min-height: 300px;
}

.quote .bigtext h1 {
  font-size: 73px;
  text-transform: uppercase;
}

.themes {
  margin: 0px 0px 0px;
}

.themes .span10 {
  margin-left: 10px;
}

.themes .headline {
  font-size: 50px;
  margin-top: 0px;
}

.bioleft {
  padding-right: 15px;
}

.bioright,
.apps .bioright {
  padding-left: 15px;
}

.bios {
  margin: 50px auto;
  float: left;
}

.bios h3,
.network .bios p {
  margin-top: -6px;
}

.bios h5 {
  margin-bottom: 15px;
}

.bios p {
  margin-top: 0px;
}

.bios.right .span6 {
padding-left: 20px;
}

.bios.right .span6.bioleft {
  padding-left: 0px;
  margin-left: 0px;
}

.bios .url {
  font-size: 19px;
  font-weight: bold;
  text-align: left;
}

.moreapps,
.captains {
  clear: both;
  float: left;
}

.moreapps h3 {
  margin-top: 1    0px;
}

.moreapps img {
  margin-top: 30px;
}

.market img {
  margin: 30px 0px;
  display: block;
}

.getinvolved {
  background: rgba(255, 255, 255, .75);
  padding: 50px 40px;
  max-width: 700px;
  color: #000;
  text-shadow: none;
  font-family: 'Arvo', 'Georgia', serif;
}

.getinvolved p:first-child:first-letter { 
  float: left; 
  font-size: 48px;
  line-height: 50px;
  padding-right: 8px; 
  padding-left: 3px; 
}

.getinvolved h1 {
  margin: 0px;
}

.getinvolved h4 {
  text-transform: none;
  margin-top: 19px;
  font-size: 22px;
}

.getinvolved h5 {
  font-size: 17px;
  margin-top: 13px;
}

.getinvolved p {
  font-size: 17px;
  line-height: 25px;
}

.getinvolved img {
  width: 40%;
  margin-top: 15px;
}

.getinvolved a {
  color: #000;
}

.getinvolved a:hover,
.companies a:hover {
  color: #C82A45;
  border-bottom: #C82A45 solid 1px;
}

.getinvolved span {
  font-weight: 700;
}

.getinvolved li {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 300;
}

.getinvolved form {
  background: rgba(255,255,255, .7);
  padding: 25px 40px;
  width: 500px;
  margin: 25px auto;
}

.getinvolved label {
  color: #000;
  margin-right: 10px;
}

.thanks h2 {
  text-align: center;
  text-transform: uppercase;
  margin: 0px auto 30px;
}

.thanks img {
  max-height: 60px;
  max-width: 242px;
  margin: 0 auto;
  display: block;
}

.cfa {
  margin-bottom: 200px;
}

.cfa p {
  font-size: 24px;
  line-height: 30px;
}

.fellowship { 
  color:#333;
  position:relative; height:100%; width:100%; 
}

#map{
  position:absolute; top:0; bottom:0; width:100%; 

}
#mapcontainer{
  position:absolute; top:0; bottom:0; width:100%; 
}

#map.apply{ 
  position:fixed !important;
}
.downarrow{ 
  position:absolute;
  bottom:30px;
  right:40px;
  opacity:0;
}
.downarrow svg{ 
  color:#fff;
  fill:#fff;
  height:100px;
  width:50px;
}

.marker-popup{ 
  max-width:600px;
  width:600px;
  padding:0px;
}
.marker-popup  h4{ 
  margin:0px;
}
.marker-popup  .close{ 
  position:absolute;
  top:8px;
  right:8px;
  opacity:0.8;
  color:#fff;
}

.marker-popup  .prev{ 
  position:absolute;
  top:100px;
  left:-24px;
  opacity:0.8;
  color:#fff;
  height:20px;
  background:#333;
  width:10px;
  padding:20px 5px;
  cursor:pointer;
}

.marker-popup  .next{
  position:absolute;
  top:100px;
  right:-24px;
  opacity:0.8;
  color:#fff;
  height:20px;
  background:#333;
  width:10px;
  padding:20px 5px;
  cursor:pointer;
} 
.marker-popup  .next:hover{
  opacity:1.0;
}
.marker-popup  .prev:hover{
  opacity:1.0;
}
.zoomer{ 
  top:210px;
  left:50px;
}
.zoomin{ 
  left:50px;
}
.zoomout{ 
  top:239px;
}
.fellowshipyearfixed { 
  position:fixed;
  top:0px;
  left:50px;
  background:#fff;
  display:inherit;
}

.citycardscontainer{ 
  display:none;
}

.citycard .tagline {
  text-shadow: none;
}

.citycard .tagline p {
  font-size: 16px;
  margin-top: 0px;
}

.citycard a {  
  color: #000;
}

.citycard .partnersection {
  width: 190px;
}

.citycard ul {
  margin-left: 0px;
}

.citycard hr {
  border: solid 1px #C82A45;
  margin: 10px 0;
}

.citycard[data-year="2011"] h4 { 
 background: #FED100;
}

.citycard[data-year="2011"] hr {
  border: solid 1px #FED100;
}

.citycard[data-year="2011"] h5 { 
 color: #FED100;
}

.citycard .name {
  clear: both;
  padding-top: 10px;
  text-shadow: none;
}


.bostonseal,
.phillyseal,
.seattleseal,
.austinseal, 
.chiseal, 
.detroitseal,
.hnlseal,
.maconseal,
.nolaseal,
.scseal {
  background-image: url('../img/city_seals.jpg');
  background-size: 59px;
  float: right;
  width: 59px;
  height: 59px;
}

.bostonseal {
  background-position: 0 0;
}

.phillyseal {
  background-position: 0 -59px;
}

.seattleseal {
  background-position: 0 -118px;
}

.austinseal {
  background-position: 0 -177px;
}

.chiseal {
  background-position: 0 -236px;
}

.detroitseal {
  background-position: 0 -295px;
}

.hnlseal {
  background-position: 0 -354px;
}

.maconseal {
  background-position: 0 -413px;
}

.nolaseal {
  background-position: 0 -472px;
}

.scseal {
  background-position: 0 -531px;
}
.mapscroll{ 
  height:800px;
}

.fellowship .fellow{ 
  position:fixed;
  bottom:50px;
  right:-800px;
  height:200px;
  width:799px;
  -webkit-transition: 0.6s ease-in-out right;
     -moz-transition: 0.6s ease-in-out right;
       -o-transition: 0.6s ease-in-out right;
          transition: 0.6s ease-in-out right;

}

.fellowship .fellow.appear{ 
  right:100px;

  -webkit-transition: 0.6s ease-in-out right;
     -moz-transition: 0.6s ease-in-out right;
       -o-transition: 0.6s ease-in-out right;
          transition: 0.6s ease-in-out right;
}

.fellowship .yeartitle{ 
  z-index:0;
  position:relative;
  top:20px;
  left:50px;
}

.fellowship .yeartitle h1 {
  font-size: 100px;
  color: #333;
  margin: 80px 0px 0px; 
}

.fellowship h2 {
  margin-top: 20px;
  text-transform: uppercase;
}

.fellowship h4 {
  background-color: #C82A45;
  color: #fff;
  text-shadow: none;
  padding: 10px 20px;
}

.fellowship h5 {
  color: #C82A45;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  text-shadow: none;
  text-transform: uppercase;
}

.fellowship .innercard {
  padding: 20px;
}

.fellowship li {
  text-shadow: none;
}

.people ul,
.fellowship ul {
  font-weight: 300;
  text-align: left;
}

.people ul {
  float: left;
  line-height: 26px;
  margin: 0px 50px 50px 0px;
}

.people .google,
.people .knight,
.people .on {
  margin-bottom: 10px;
  height: 40px;
}

.people .google {
  background-image: url('../img/google.png');
  background-size: 105px;
  width: 105px;
}

.people .knight {
  background-image: url('../img/knight.png');
  background-size: 185px;
  width: 185px;
}

.people .on {
  background-image: url('../img/on.png');
  background-size: 135px;
  width: 135px;
}

.srtracker,
.fm,
.labs,
.adopta,
.blight,
.blockee,
.hnlanswers,
.localdata, 
.neighborhow,
.opencounter,
.openstatus,
.preparedly,
.routeview,
.opendata,
.socialcity,
.pennywork,
.straymapper,
.supermayor,
.textmybus,
.textizen,
.dailybrief,
.nolaready,
.atxfloods,
.bike,
.deepdish,
.publicart,
.scmap,
.maconmap {
  background-image: url('../img/apps_logos.png');
  background-size: 100px;
  float: left;
  width: 100px;
  height: 100px;
  margin: 20px 20px 0 0;
}

.srtracker {
  background-position: 0 0;
}

.fm {
  background-position: 0 -100px;
}

.labs {
  background-position: 0 -200px;
}

.adopta {
  background-position: 0 -300px;
}

.blight {
  background-position: 0 -400px;
}

.blockee {
  background-position: 0 -500px;
}

.hnlanswers {
  background-position: 0 -600px;
}

.localdata {
  background-position: 0 -700px;
}

.neighborhow {
  background-position: 0 -800px;
}

.opencounter {
  background-position: 0 -900px;
}

.openstatus {
  background-position: 0 -1000px;
}

.preparedly {
  background-position: 0 -1100px;
}

.routeview {
  background-position: 0 -1200px;
}

.opendata {
  background-position: 0 -1300px;
}

.socialcity {
  background-position: 0 -1400px;
}

.pennywork {
  background-position: 0 -1500px;
}

.straymapper {
  background-position: 0 -1600px;
}

.supermayor {
  background-position: 0 -1700px;
}

.textmybus {
  background-position: 0 -1800px;
}

.textizen {
  background-position: 0 -1900px;
}

.dailybrief {
  background-position: 0 -2000px;
}

.nolaready {
  background-position: 0 -2100px;
}

.atxfloods {
  background-position: 0 -2200px;
}

.bike {
  background-position: 0 -2300px;
}

.deepdish {
  background-position: 0 -2400px;
}

.publicart {
  background-position: 0 -2500px;
}

.scmap {
  background-position: 0 -2600px;
}

.maconmap {
  background-position: 0 -2700px;
}

.aaron,
.alan,
.anna,
.chacha,
.erik,
.jeremy,
.joel,
.john,
.karla,
.matt,
.max,
.michael,
.michellek,
.mjumbe,
.pete,
.ryan,
.scotts,
.talin, 
.tyler,
.alexp,
.alexy,
.alicia,
.amir,
.angel,
.aurelio,
.ben,
.diana,
.eddie,
.emily,
.jesse,
.jessica,
.jim,
.joe,
.liz,
.matth,
.michellel,
.mick,
.nick,
.prashant,
.rob,
.ruthie,
.serena,
.sheba,
.tamara,
.zach {
  background-image: url('../img/fellows_headshot.jpg');
  background-size: 50px;
  float: left;
  width: 50px;
  height: 50px;
  margin: 5px 5px 0 0;
}


.sean,
.josh,
.chris,
.david,
.guy,
.olga,
.rachel,
.vincent {
  background-image: url('../img/btrustee_headshot.jpg');
  background-size: 50px;
  float: left;
  width: 50px;
  height: 50px;
  margin: 5px 5px 0 0;
}


.sean {
  background-position: 0 -50px;
}


.aleccouros,
.chrislehmann,
.christinejohnson,
.christophersessums,
.deangroom,
.donabrams,
.kevintame,
.marybethhertz,
.mckeeverconwell,
.mikebrenner,
.rodneyfoxworth,
.shellyblakeplock,
.steveanderson,
.tommurdock,
.willrichardson {
  background-image: url('../img/badvisors_headshot.jpg');
  background-size: 100px;
  float: left;
  width: 100px;
  height: 100px;
  margin: 20px 20px 0 0;
}



.aleccouros {
  background-position: 0 0;
}

.chrislehmann {
  background-position: 0 -100px
}

.christinejohnson {
  background-position: 0 -200px;
}

.christophersessums {
  background-position: 0 -300px;
}

.deangroom {
  background-position: 0 -400px;
}

.donabrams {
  background-position: 0 -500px;
}

.kevintame {
  background-position: 0 -600px;
}

.marybethhertz {
  background-position: 0 -700px;
}

.mckeeverconwell {
  background-position: 0 -800px;
}

.mikebrenner {
  background-position: 0 -900px;
}

.rodneyfoxworth {
  background-position: 0 -1000px;
}

.shellyblakeplock {
  background-position: 0 -1100px;
}

.steveanderson {
  background-position: 0 -1200px
}

.tommurdock {
  background-position: 0 -1300px;
}

.willrichardson {
  background-position: 0 -1400px;
}


.andrew,
.shawn,
.steph,
.jean,
.amber,
.meaghan,
.courtney,
.dale,
.VACANT,
.ty,
.martha,
.lauren,
.leah,
.sarah {
  background-image: url('../img/dhfstaff_headshot.jpg');
  background-size: 100px;
  float: left;
  width: 100px;
  height: 100px;
  margin: 20px 20px 0 0;
}

.andrew {
  background-position: 0 0;
}

.shawn {
  background-position: 0 -100px
}

.steph {
  background-position: 0 -200px;
}

.jean {
  background-position: 0 -300px;
}

.amber {
  background-position: 0 -400px;
}

.meaghan {
  background-position: 0 -500px;
}

.courtney {
  background-position: 0 -600px;
}

.dale {
  background-position: 0 -700px;
}

.VACANT {
  background-position: 0 -800px;
}

.ty {
  background-position: 0 -900px;
}

.martha {
  background-position: 0 -1000px;
}

.lauren {
  background-position: 0 -1100px;
}

.leah {
  background-position: 0 -1200px
}

.sarah {
  background-position: 0 -1300px;
}


.morefellowspop.sean,
.morefellowspop.josh,
.morefellowspop.chris,
.morefellowspop.david,
.morefellowspop.guy,
.morefellowspop.olga,
.morefellowspop.rachel,
.morefellowspop.vincent {
  background-image: url('../img/btrustee_headshot.jpg');
  background-size: 100px;
  float: left;
  width: 100px;
  height: 100px;
  margin: 20px 20px 0 0;
}

.morefellowspop.sean {
  background-position: 0 0px;
}

.morefellowspop.josh {
  background-position: 0 -100px;
}

.morefellowspop.chris {
  background-position: 0 -200px;
}

.morefellowspop.david {
  background-position: 0 -300px;
}

.morefellowspop.guy {
  background-position: 0 -400px;
}

.morefellowspop.olga {
  background-position: 0 -500px;
}

.morefellowspop.rachel {
  background-position: 0 -600px;
}

.morefellowspop.vincent {
  background-position: 0 -700px;
}

.morefellowspop.alexp,
.morefellowspop.alexy,
.morefellowspop.alicia,
.morefellowspop.amir,
.morefellowspop.angel,
.morefellowspop.aurelio,
.morefellowspop.ben,
.morefellowspop.diana,
.morefellowspop.eddie,
.morefellowspop.emily,
.morefellowspop.jesse,
.morefellowspop.jessica,
.morefellowspop.jim,
.morefellowspop.joe,
.morefellowspop.liz,
.morefellowspop.matth,
.morefellowspop.michellel,
.morefellowspop.mick,
.morefellowspop.nick,
.morefellowspop.prashant,
.morefellowspop.rob,
.morefellowspop.ruthie,
.morefellowspop.serena,
.morefellowspop.sheba,
.morefellowspop.tamara,
.morefellowspop.zach {
  background-image: url('../img/fellows_headshot.jpg');
  background-size: 100px;
  float: left;
  width: 100px;
  height: 100px;
  margin: 20px 20px 0 0;
}

.morefellowspop.alexp {
  background-position: 0 -1900px;
}



.ecosystem h1 {
  margin-top: 70px;
}

.ecosystem h2 {
  font-size: 27px;
  font-weight: 300;
  line-height: 35px;
  margin-top: 58px;
}

.apps h3 {
  margin-bottom: 10px;
}

.stats h4,
.page.story .stats h1 {
  text-align: center;
}

.stats h4 {
  border-bottom: 2px #fff solid;
  font-weight: 300;
  margin: 20px 40px 20px 0px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.page.story .stats h1 {
  font-size: 85px;
  margin: 0px 40px 20px 0px;
}

.companies {
  background-color: rgba(255,255,255, .75);
  color: #000;
  text-shadow: none;
  float: left;
  margin-top: 20px;
  height: 345px;
}

.companies img {
  width: 82%;
  padding: 0px 0px 0px 5em;
}

.companies .companyblurb {
  float:left;
  padding: 40px 60px 0 0;
  text-align: left;
}

.companies .companyblurb img {
  width: 40%;
  padding-top: 0px;
}

.companies h5 {
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal;
}

.companies p {
  font-size: 16px;
  line-height: 22px;
}

.companies a {
  color: #000;
}

.companies .contact {
  font-size: 12px;
}

.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
  padding-right: 10px;
}


.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.apps .carousel-control ,
.carousel-control {
  position: absolute;
  top: 50%;
  left: 10px;
  font-family: 'Helvetica Neue', sans-serif;
  background: none;
}

.carousel-control.right {
  right: 20px;
}

.apps .carousel-control.right {
  left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
  border-bottom: 3px solid #ffffff;
}

.carousel-indicators {
  bottom: -26px;
  top: inherit;
}

.carousel-indicators .active {
  background-color: #fff;
}

.tagline {
  font-style: italic;
  font-weight: 700;
}

img.progicons {
  width: 100%;
  margin-top: -7px;
}

.market img.progicons {
  margin: 0;
}

.community img {
  margin: 0;
  display: block;
}

.community h5.anchorage {
  margin-top: -12px;
}

.captains a:hover,
.fellowcard a:hover,
.moreapps a:hover,
.morefellows a:hover,
.btrustee a:hover,
.badvisors a:hover,
.dhfstaff a:hover {
  border-bottom: none;
}

.popover {
  border-radius: 0px;
}

.popover-title,
.popover-content {
  color: #000;
  text-shadow: none;
}
 
.popover-title,
.popover-title {
  font-weight: 700;
  background: none;
  border: none;
  padding-bottom: 0px;
} 

.captains .popover-content,
.morefellows .popover-content,
.btrustee .popover-content,
.badvisors .popover-content,
.dhfstaff .popover-content {
  font-weight: 300;
  font-style: italic;
  padding-top: 0px;
}


.market h4 {
  margin-top: 40px;
}

.market .stats {
  margin-bottom: 10px;
}

.market .bios {
  margin: 0px auto 40px;
}

.market .bios p {
  margin-top: 24px;
}

.market .bios.right.bioquote {
  margin-top: 0px;
}

.market .bios.right.bioquote p,
.network .bios p {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 10px;
}

.market .bios.right.bioquote h3,
.network .bios h3 {
  font-size: 26px;
  margin: 0px;
  text-align: right;
}

.market .bios.right.bioquote h5,
.network .bios h5 {
  font-size: 21px;
  margin: 0px 0px 3px;
  text-align: right;
}

.market .stats h4 {
  margin-top: 20px;
}

.market h4.process {
  margin-top: 50px;
}

.press {
  text-align: left;
}

.press img a:hover {
  text-decoration: none;
}

.press .cnn {
  background-image:url('../img/cnn.png');
  background-size: 86px;
  width: 86px;
}

.press .mashable {
  background-image:url('../img/mashable.png');
  background-size: 123px;
  width: 123px;
}

.press .motherjones {
  background-image:url('../img/motherjones.png');
  background-size: 139px;
  width: 139px;
}

.press .npr {
  background-image:url('../img/npr_logo_line.png');
  background-size: 110px;
  width: 110px;
  margin-top: 28px;
}

.press .wsj {
  background-image:url('../img/wsj.png');
  background-size: 226.5px;
  width: 226.5px;
}

.press .msnbc {
  background-image:url('../img/msnbc.png');
  background-size: 73px;
  width: 73px;
  height: 50px;
}

.press .csm {
  background-image:url('../img/csm.png');
  background-size: 115px;
  width: 115px;
}

.press .techcrunch {
  background-image:url('../img/techcrunch.png');
  background-size: 165px;
  width: 165px;
}

.press .ted {
  background-image:url('../img/ted.png');
  background-size: 95px;
  width: 95px;
}

.press .sxswedu {
  background-image:url('../img/sxswedu.png');
  background-size: 167px;
  width: 167px;
}

.press .cnn,
.press .mashable,
.press .motherjones,
.press .npr,
.press .wsj,
.press .csm,
.press .techcrunch,
.press .ted,
.press .sxsw {
  height: 40px;
}

.press .cnn:hover,
.press .mashable:hover,
.press .motherjones:hover,
.press .npr:hover,
.press .wsj:hover,
.press .csm:hover,
.press .techcrunch:hover,
.press .ted:hover,
.press .sxsw:hover {
  background-position: 0 -40px;
}

.press .msnbc:hover {
  background-position: 0 -50px;
}

.getinvolved .press div  {
  margin-right: 20px;
  float: left;
}

.press div {
  margin: 20px 0;
}

.press .keynotes {
  margin-top: 50px;
}

.financials h4 {
  margin-top: 0px;
}

.financials h5 {
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0px;
  line-height: 30px;
}

.financials p {
  font-size: 17px;
  line-height: 5px;
  margin: 10px 0;
}

.financials .programs {
  margin-bottom: 5px;
}

.financials .programs p {
  margin-left: 25px;
}

.icon-question-sign.icon-white {
  position: absolute;
  margin: -5px 0px 0px 2px;
}

.financials .rightcol h5,
.financials .rightcol h4,
.financials .rightcol p {
  text-align: right;
}

.financials br {
  line-height: 30px;
}

.expenses a:hover,
.revenues a:hover {
  border-bottom: none;
}

.expenses .popover-content,
.revenues .popover-content {
  font-size: 14px;
}

.revenues .popover-content {
  line-height: 22px;
}

.expensesdata, 
.revenuedata {
  cursor: pointer;
}

.expensesdata.active,
.revenuedata.active,
.financialsgroup.active {
  color: #f7c21f;
}

.financialsgroup {
  cursor: pointer;
}

.graphsection {
  height: 60px;
  float: right;
  cursor: pointer;
}

.graphsection.active {
  background-color: #f7c21f !important;
}

.expenses.bargraph,
.revenues.bargraph {
  margin-top: 30px;
  max-width: 960px;
}

.sharebutton{ 
  position:fixed;
  bottom:10px;
  left:30px;
  z-index:100;
  height:70px;
}

.sharebutton iframe{ 
  min-height:auto;
}

@media(max-width: 1300px) {
  .stats h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}

@media (max-width: 1200px) {

  .navbar .container {
    margin-left: 30px;
  }
  
  h4 {
    font-size: 20px;
  }

  .page.quote {
    padding-bottom: 300px;
    padding-right: 10em;
  }

  .page.story {
    padding-left: 250px;
    padding-right: 10em;
  }

  .page.quote h1, .page.story h1 {
    font-size: 46px;
    line-height: 50px;
  }

  .cfa p {
    font-size: 19px;
    line-height: 25px;
  }

  .sidebar{ 
    top:40px;
  }

  .sidebartitle{ 
    top:0px;
  }

  .fellowship .btrustee .badvisors .dhfstaff .yeartitle {
    left: 30px;
  }

  .sidebartitle h1,
  .fellowship .btrustee .badvisors .dhfstaff .yeartitle h1 { 
    font-size: 60px;
  } 

  .sidebartitle h1 {
    margin-left: 30px;
  }

  .sidebartitle h2,
  .fellowship .btrustee .badvisors .dhfstaff .yeartitle h2 { 
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
  }

  .sidebartitle.appear h2{ 
    left: 30px;
  }

  iframe {
    width: 100%;
  }

  .bios h5,
  .network .bios h5 {
    font-size: 17px;
  }

  #loading img {
    width: 300px;
    margin-top: 100px;
  }

  #loading h1 {
    font-size: 60px;
    margin: 50px auto 60px;
  }
 
  #loading p { 
    font-size: 38px;
    vertical-align:bottom;
  }

  .companies {
    height: 369px;
  }

  .companies .companyblurb {
    padding: 20px 60px 0 30px;
  }

}

@media (max-width: 1070px) {
  .getinvolved form {
    width: 311px;
  }

  .stats h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .page.story .stats h1 {
    font-size: 60px;
  }
}

@media (max-width: 979px) {
  .financials p {
    line-height: 22px;
    margin: 5px 0;
  }

  .financials .programs p {
    line-height: 5px;
  }

  .financials br {
    line-height: 54px;
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
  position: fixed;
}

}

@media (max-width: 880px) {
  .getinvolved form {
    width: 200px;
    padding: 24px 39px 24px 20px;
  }

  .btn {
    margin: 6px 0 0;
  }
  .sidebar { 
    display:none;
    width: 0px;
  }
  .page.story {
    padding-left: 20px;
  }

}

 @media (max-width: 767px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
   }
  .page.story img {
    display: none;
  }
}

@media (max-width: 480px) {
  .sidebar{ 
    display:none;
  }
  .page.story{ 
    padding-left:20px
  }

}
