@import url("https://use.typekit.net/bbh5qeb.css");
sup {
  font-size: 65%;
  bottom: .45em;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

.no-break {
  white-space: nowrap; }

.tdc-button {
  background-color: #33a9de;
  color: #fff;
  max-width: 400px;
  font-size: 12px;
  border-radius: 5px;
  padding: 4px;
  text-align: center;
  display: inline-block;
  margin: 5px auto; }

.header {
  width: 100%;
  background-color: #eee;
  margin: 0 0 20px; }
  .header .row {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    background-color: #eee;
    padding: 2px 4px; }
    .header .row p {
      font-size: 0.75em;
      font-weight: bold;
      margin-bottom: 0;
      padding: 4px 0;
      color: #333; }
      .header .row p .tdc-link {
        text-decoration: none;
        color: #2A7754; }
        .header .row p .tdc-link:hover {
          text-decoration: underline; }
    .header .row .text-right p {
      color: #5c5c5c; }

.headline {
  background: linear-gradient(#fff, #185f8e);
  padding: 5px 30px; }
  .headline img {
    margin: 10px 0; }

.video-player-row {
  background: #fff url("../images/background-pattern.png") repeat right top; }
  .video-player-row .video-player-left {
    padding: 22px 20px; }
    .video-player-row .video-player-left .video-player-frame {
      background: #fff url("../images/video-frame.png") repeat right top;
      padding: 20px; }
      .video-player-row .video-player-left .video-player-frame .player {
        width: 640px;
        height: 360px; }
  .video-player-row .video-player-right {
    padding: 22px 50px 22px 20px; }
    .video-player-row .video-player-right .sidebar-top {
      background-color: #f0f0f0;
      margin-bottom: 5px;
      padding: 10px; }
      .video-player-row .video-player-right .sidebar-top p {
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.4; }
    .video-player-row .video-player-right .sidebar-bottom {
      background-color: #f0f0f0;
      margin-top: 5px;
      padding: 10px; }
      .video-player-row .video-player-right .sidebar-bottom .faculty {
        width: auto; }
        .video-player-row .video-player-right .sidebar-bottom .faculty img {
          float: left;
          margin: 0 5px 0 0; }
        .video-player-row .video-player-right .sidebar-bottom .faculty p {
          font-size: 12px;
          margin-bottom: 3px;
          line-height: 1.4; }
          .video-player-row .video-player-right .sidebar-bottom .faculty p span {
            font-size: 12px;
            font-weight: bold; }
          .video-player-row .video-player-right .sidebar-bottom .faculty p span:first-child {
            color: #101d49; }
      .video-player-row .video-player-right .sidebar-bottom .cta {
        margin: 10px 0 5px; }
        .video-player-row .video-player-right .sidebar-bottom .cta .tdc-button {
          display: block; }

@media (max-width: 979px) {
  .video-player-row .video-player-left {
    padding: 0; }
    .video-player-row .video-player-left .video-player-frame {
      padding: 0; }
      .video-player-row .video-player-left .video-player-frame .player {
        width: 100%;
        height: auto; }
  .video-player-row .video-player-right {
    padding: 20px 40px; }
    .video-player-row .video-player-right .sidebar-top {
      margin: 0 auto 10px; }
    .video-player-row .video-player-right .sidebar-bottom {
      padding-top: 20px; }
      .video-player-row .video-player-right .sidebar-bottom .faculty {
        margin: 0 auto;
        max-width: 325px; }
      .video-player-row .video-player-right .sidebar-bottom .cta div:first-child {
        display: inline-block;
        width: 47%;
        margin: 0 1%; }
      .video-player-row .video-player-right .sidebar-bottom .cta div:last-child {
        display: inline-block;
        width: 47%;
        margin: 0 1%; } }
/*************************
 Mobile Breakkpoint 980px
*************************/
@media (max-width: 979px) {
  .video-player-left {
    border-bottom: 3px solid #e3006a; } }

/*********************
 Breakkpoint 380px
**********************/
@media (max-width: 380px) {
  .video-player-row .video-player-right .sidebar-bottom .cta div {
    display: block !important;
    margin: 0 auto !important;
    width: 100% !important; } }
.key-facts {
  padding: 20px 40px 30px; }
  @media (min-width: 980px) {
    .key-facts {
      border-top: 2px solid #e3006a; } }
  .key-facts p {
    margin-bottom: 22px; }
    .key-facts p span {
      font-weight: bold; }
  .key-facts p:first-child {
    font-weight: bold;
    color: #101d49; }
  .key-facts p:last-child {
    margin-bottom: 0; }

.footer {
  background: #fff;
  padding: 18px 40px;
  font-size: 11px;
  border-top: 2px solid #c4c4c4; }
  .footer .columns {
    padding: 0; }
    .footer .columns p:first-child {
      margin-top: 20px; }
    .footer .columns footer {
      padding: 0; }
    .footer .columns .references {
      margin-bottom: 0; }

#landscape {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 20000;
  margin: 0 auto;
  background: #7d0049; }

#landscape div.deviceRotateArea {
  font-size: 2em;
  width: 100%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 0 5%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

h1 {
  font-family: proxima-nova, sans-serif;
  font-size: 1.6875em;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.0; }
  @media (max-width: 979px) {
    h1 {
      font-size: 1.625em; } }

h2 {
  font-size: 1.625em; }

h3, h4 {
  font-size: 1.25em;
  margin-bottom: 10px; }

h5 {
  font-size: 1em; }

h1, h3, h5 {
  color: #fff; }

h2, h4 {
  color: #f47b20; }

p {
  font-size: 1.1875em;
  line-height: normal; }

a {
  color: #f47b20;
  text-decoration: none; }
  a:active {
    color: #f47b20;
    text-decoration: none; }
  a:hover {
    color: #fff;
    text-decoration: underline; }
  a:visited {
    color: #fff;
    text-decoration: none; }

.key-facts p {
  font-size: 13px; }
.key-facts p:first-child {
  font-size: 17px;
  font-weight: 600; }

.footer p {
  font-size: 11px; }

body {
  font-family: proxima-nova, sans-serif;
  background-color: #e3e3e3;
  color: #666666;
  font-size: 16px; }

.wrapper {
  width: 980px;
  margin: 0 auto;
  background-color: white; }

.content-container {
  margin-top: 3px;
  margin-bottom: 30px; }

@media (min-width: 980px) {
  .content-container .large-8.columns {
    padding-right: 0;
    min-width: 640px; } }
@media (max-width: 979px) {
  body {
    font-size: 12px; }

  .wrapper {
    width: auto; } }

/*# sourceMappingURL=app.css.map */