body {
	background-color:#000;
	font-family: 'Roboto', sans-serif;
}


/* GLOBAL NAV */
.blackBar {
height:60px;
background-color:#000;
padding-top:4px;
text-align:center;
}


/* GLOBAL NAV */
.footerBar {
height:50px;
background-color:#000;
text-align:center;
color:#fff;
font-size:.75rem;
padding-top:12px;}


/* OVERLAY NAVIGATION */

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-weight:300;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f89828;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}



/* HOMEPAGE TILES */
.hp_advocacy {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.5s;
display:inline-block;
    }
.hp_advocacy:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
display:inline-block;
transform: scale(1.05);
-moz-transform: scale(1.05);
    }

.hp_innovation {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.7s;
display:inline-block;
    }
.hp_innovation:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
display:inline-block;
transform: scale(1.05);
-moz-transform: scale(1.05);
    }

.hp_service {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.7s;
display:inline-block;
    }
.hp_service:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
display:inline-block;
transform: scale(1.05);
-moz-transform: scale(1.05);
    }

.hp_education {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.7s;
display:inline-block;
    }
.hp_education:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
display:inline-block;
transform: scale(1.05);
-moz-transform: scale(1.05);
    }

.hp_leadership {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.7s;
display:inline-block;

    }
.hp_leadership:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
display:inline-block;
transform: scale(1.05);
-moz-transform: scale(1.05);
    }

.hp_foundation {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.7s;
display:inline-block;

    }
.hp_foundation:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
display:inline-block;
transform: scale(1.05);
-moz-transform: scale(1.05);
    }

.hp_1m {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.7s;
display:inline-block;

    }
.hp_1m:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
display:inline-block;
transform: scale(1.05);
-moz-transform: scale(1.05);
    }



/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.fade-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s;
}

.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.fade-in.four {
  -webkit-animation-delay: 1.0s;
  -moz-animation-delay: 1.0s;
  animation-delay: 1.0s;
}

.fade-in.five {
  -webkit-animation-delay: 2.0s;
  -moz-animation-delay: 2.0s;
  animation-delay: 2.0s;
}
.fade-in.six {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.fade-in.seven {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  animation-delay: 1.3s;
}


/* NAVIGATION */

.nav_advocacy {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.5s;
    }
.nav_advocacy:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
    }

.nav_education {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.5s;
    }
.nav_education:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
    }

.nav_innovation {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.5s;
    }
.nav_innovation:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
    }

.nav_foundation {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.5s;
    }
.nav_foundation:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
    }

.nav_leadership {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.5s;
    }
.nav_leadership:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
    }

.nav_1m {
opacity: 1;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: 0.5s;
    }
.nav_1m:hover
    {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
      opacity: 1;
      filter: alpha(opacity=100);
    }


/* ADVOCACY */

.advocacyPage { 
  background: url(../images/pageBG_advocacyMain.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.stelarPage { 
  background: url(../images/pageBG_stelar.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.licensingPage { 
  background: url(../images/pageBG_licensing.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.lfraPage { 
  background: url(../images/pageBG_lfra.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.spectrumPage { 
  background: url(../images/pageBG_spectrum.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mediaOwnershipPage { 
  background: url(../images/pageBG_mediaOwnership.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.regulatoryFeesPage { 
  background: url(../images/pageBG_regulatoryFees.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.slcPage { 
  background: url(../images/pageBG_slc.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.nabpacPage { 
  background: url(../images/pageBG_nabpac.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* EDUCATION */

.educationPage { 
  background: url(../images/pageBG_educationMain.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.broadcastEducationPage { 
  background: url(../images/pageBG_broadcastEducation.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.nabShowPage { 
  background: url(../images/pageBG_nabShow.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.nabShowNYPage { 
  background: url(../images/pageBG_nabShowny.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.radioShowPage { 
  background: url(../images/pageBG_radioShow.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.smtePage { 
  background: url(../images/pageBG_smte.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* INNOVATION */

.innovationPage { 
  background: url(../images/pageBG_innovationMain.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.nextGenTVPage { 
  background: url(../images/pageBG_nextGenTV.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.innovationChallengePage { 
  background: url(../images/pageBG_innovationChallenge.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.softwarePage { 
  background: url(../images/pageBG_software.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.autoInitiativePage { 
  background: url(../images/pageBG_autoInitiative.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.nabShowInnovationPage { 
  background: url(../images/pageBG_nabShowInnovation.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.nabShowNYInnovationPage { 
  background: url(../images/pageBG_nabShowNYInnovation.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* THE POWER OF BROADCASTING */

.powerPage { 
  background: url(../images/pageBG_power.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.numbersPage { 
  background: url(../images/pageBG_numbers.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.tvanswersPage { 
  background: url(../images/pageBG_tvanswers.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.weAreBroadcastersPage { 
  background: url(../images/pageBG_wearebroadcasters.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.broadcastGoodPage { 
  background: url(../images/pageBG_broadcastGood.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.futurePage { 
  background: url(../images/pageBG_1m.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* NAB FOUNDATION */

.nabFoundationPage { 
  background: url(../images/pageBG_nabFoundation.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bltPage { 
  background: url(../images/pageBG_blt.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.tapPage { 
  background: url(../images/pageBG_tap.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.tapPage { 
  background: url(../images/pageBG_tap.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.msaPage { 
  background: url(../images/pageBG_msa.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.staPage { 
  background: url(../images/pageBG_sta.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.partnersPage { 
  background: url(../images/pageBG_partners.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.foundationLeadershipPage { 
  background: url(../images/pageBG_foundationLeadership.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* LEADERSHIP */

.leadershipPage { 
  background: url(../images/pageBG_leadership.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* TEXT BOXES - TABLET AND BIGGER */

div.transbox {
  background-color: #ffffff;
  padding:20px;
  border: 0;
  background: rgba(255, 255, 255, 0.8);
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

div.transbox p {
  font-weight: normal;
  color: #000000;
  font-size:1.25rem;
}
div.transbox h1 {
  font-weight:900;
  color:#000;
  font-size:4rem;
}



/* TEXT BOXES - MOBILE */

div.transboxMob {
  background-color: #ffffff;
  padding:20px;
  border: 0;
  background: rgba(255, 255, 255, 0.8);
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

div.transboxMob p {
  font-weight: normal;
  color: #000000;
  font-size:1rem;
}
div.transboxMob h1 {
  font-weight:900;
  font-size:3rem;
}
div.transboxMob h2 {
  font-weight:600;
  color:#666;
  font-size:2rem;
}
div.linksboxMob {
  background-color: #ffffff;
  padding:20px;
  border: 0;
  background: rgba(255, 255, 255, 0.2);
  filter: alpha(opacity=20); /* For IE8 and earlier */
}

div.linksboxMob p {
  font-weight: normal;
  color: #000000;
  font-size:1rem;
}


/* HEADLINE COLORS */
.orange {
  color:#f89828;
}
.blue {
  color:#006acd;
}
.blue a {
  color:#006acd;
}
.innovation {
  color:#c000ff;
}
.innovation a {
  color:#c000ff;
}
.powerBlue {
  color:#439fd9;
}
.powerBlue a {
  color:#439fd9;
}
.green {
  color:#0c6e01;
}
.green a {
  color:#0c6e01;
}




div.transbox2 {
  background-color: #ffffff;
  padding:70px;
  border: 0;
  background: rgba(255, 255, 255, 0.8);
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

div.transbox2 p {
  font-weight: normal;
  color: #000000;
  font-size:1.25rem;
}
div.transbox2 h1 {
  font-weight:900;
  color:#000;
  font-size:4rem;
}

div.linksbox {
  background-color: #ffffff;
  padding:20px;
  font-size:1.3rem;
  border: 0;
  background: rgba(255, 255, 255, 0.7);
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

div.linksbox p {
  font-weight: normal;
  color: #000000;
  font-size:1.25rem;
}


.button.advocacy {
background-color: #f89828;
color: #fff; }
.button.advocacy:hover, .button.advocacy:focus {
background-color: #333;
color: #fefefe; }

.advocacyLink a {
color:#f89828;
}
.advocacyLink a:hover {
  color:#333;
}


/* PAC CONTRIBUTOR BUTTONS */
.button.advocacy2 {
background-color: #333;
color: #fff; }
.button.advocacy2:hover, .button.advocacy2:focus {
background-color: #666;
color: #fefefe; }



.button.education {
background-color: #006acd;
color: #fff; }
.button.education:hover, .button.education:focus {
background-color: #333;
color: #fefefe; }

.educationLink a {
color:#006acd;
}
.educationLink a:hover {
  color:#333;
}


.button.innovation {
background-color: #c000ff;
color: #fff; }
.button.innovation:hover, .button.innovation:focus {
background-color: #333;
color: #fefefe; }

.innovationLink a {
color:#c000ff;
}
.innovationLink a:hover {
  color:#333;
}

.button.power {
background-color: #439fd9;
color: #fff; }
.button.power:hover, .button.power:focus {
background-color: #333;
color: #fefefe; }

.powerLink a {
color:#439fd9;
}
.powerLink a:hover {
  color:#333;
}

.button.nabfoundation {
background-color: #0a7bbf;
color: #fff; }
.button.nabfoundation:hover, .button.nabfoundation:focus {
background-color: #333;
color: #fefefe; }

.nabfoundationLink a {
color:#0a7bbf;
}
.nabfoundationLink a:hover {
  color:#333;
}


.pac {
font-size:.8rem; 
color:#424242;
}

.pp {
color:#f89828;
font-weight:bold;
}