@charset "UTF-8";


/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ========================================================================== HTML5 display definitions ========================================================================== */

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/** Correct `block` display not defined in IE 8/9. */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/** Correct `inline-block` display not defined in IE 8/9. */

audio,
canvas,
video {
  display: inline-block;
}

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */

audio:not([controls]) {
  display: none;
  height: 0;
}

/** Address styling not present in IE 8/9. */

[hidden] {
  display: none;
}

/* ========================================================================== Base ========================================================================== */

/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */

html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/** Remove default margin. */

body {
  margin: 0;
}

/* ========================================================================== Links ========================================================================== */

/** Address `outline` inconsistency between Chrome and other browsers. */

a:focus {
  outline: thin dotted;
}

/** Improve readability when focused and also mouse hovered in all browsers. */

a:active,
a:hover {
  outline: 0;
}

/* ========================================================================== Typography ========================================================================== */

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */

abbr[title] {
  border-bottom: 1px dotted;
}

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */

b,
strong {
  font-weight: bold;
}

/** Address styling not present in Safari 5 and Chrome. */

dfn {
  font-style: italic;
}

/** Address differences between Firefox and other browsers. */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/** Address styling not present in IE 8/9. */

mark {
  background: #ff0;
  color: #000;
}

/** Correct font family set oddly in Safari 5 and Chrome. */

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/** Improve readability of pre-formatted text in all browsers. */

pre {
  white-space: pre-wrap;
}

/** Set consistent quote types. */

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/** Address inconsistent and variable font size in all browsers. */

small {
  font-size: 80%;
}

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ========================================================================== Embedded content ========================================================================== */

/** Remove border when inside `a` element in IE 8/9. */

img {
  border: 0;
}

/** Correct overflow displayed oddly in IE 9. */

svg:not(:root) {
  overflow: hidden;
}

/* ========================================================================== Figures ========================================================================== */

/** Address margin not present in IE 8/9 and Safari 5. */

figure {
  margin: 0;
}

/* ========================================================================== Forms ========================================================================== */

/** Define consistent border, margin, and padding. */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */

button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */

button,
input {
  line-height: normal;
}

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */

button,
select {
  text-transform: none;
}

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/** Re-set default cursor for disabled elements. */

button[disabled],
html input[disabled] {
  cursor: default;
}

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */

input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/** Remove inner padding and border in Firefox 4+. */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ========================================================================== Tables ========================================================================== */

/** Remove most spacing between table cells. */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa,
a.vid:before,
a.youtube:before,
a.ustream:before,
.search-form .search-box,
.quiz .answer-inner h2.correct:before,
.quiz .answer-inner h3.correct:before,
.quiz .answer-inner h2.wrong:before,
.quiz .answer-inner h3.wrong:before,
.lesson .lesson-summary p.clock:before,
.lesson .lesson-summary .section-content ul li.clock:before,
.section-content ul .lesson .lesson-summary li.clock:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left,
a.pull-left.vid:before,
a.pull-left.youtube:before,
a.pull-left.ustream:before,
.search-form .pull-left.search-box,
.quiz .answer-inner h2.pull-left.correct:before,
.quiz .answer-inner h3.pull-left.correct:before,
.quiz .answer-inner h2.pull-left.wrong:before,
.quiz .answer-inner h3.pull-left.wrong:before,
.lesson .lesson-summary p.pull-left.clock:before,
.lesson .lesson-summary .section-content ul li.pull-left.clock:before,
.section-content ul .lesson .lesson-summary li.pull-left.clock:before {
  margin-right: .3em;
}

.fa.pull-right,
a.pull-right.vid:before,
a.pull-right.youtube:before,
a.pull-right.ustream:before,
.search-form .pull-right.search-box,
.quiz .answer-inner h2.pull-right.correct:before,
.quiz .answer-inner h3.pull-right.correct:before,
.quiz .answer-inner h2.pull-right.wrong:before,
.quiz .answer-inner h3.pull-right.wrong:before,
.lesson .lesson-summary p.pull-right.clock:before,
.lesson .lesson-summary .section-content ul li.pull-right.clock:before,
.section-content ul .lesson .lesson-summary li.pull-right.clock:before {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */

.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

/*!
 *  Weather Icons Beta 1
 *  Weather themed icons for Bootstrap
 *  ------------------------------------------------------------------------------
 ** Maintained at http://erikflowers.github.io/weather-icons
 *  http://twitter.com/Erik_UX
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Fpmt licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Aweosme
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com
 *  Weather Icons gives full credit for inspiration to Font Awesome and makes no 
 *  claim to invention, intellectual property, or ownership of methodology. 
 * 
 *  Support Open Source!
 *
 *  ------------------------------------------------------------------------------
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX 
 * ! */

@font-face {
  font-family: "weather";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/weathericons-regular-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/weathericons-regular-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/weathericons-regular-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/weathericons-regular-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="wi-"],
[class*=" wi-"],
.wi {
  font-family: weather;
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  *margin-right: 0.3em;
}

[class^="wi-"]:before,
[class*=" wi-"]:before,
.wi:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

.wi-day-cloudy-gusts:before {
  content: "";
}

.wi-day-cloudy-windy:before {
  content: "";
}

.wi-day-cloudy:before,
.wi.mostlycloudy:before,
.wi.partlycloudy:before {
  content: "";
}

.wi-day-fog:before,
.wi.hazy:before {
  content: "";
}

.wi-day-hail:before {
  content: "";
}

.wi-day-lightning:before {
  content: "";
}

.wi-day-rain-mix:before,
.wi.chancesleet:before {
  content: "";
}

.wi-day-rain-wind:before {
  content: "";
}

.wi-day-rain:before,
.wi.chancerain:before {
  content: "";
}

.wi-day-showers:before {
  content: "";
}

.wi-day-snow:before,
.wi.chanceflurries:before,
.wi.chancesnow:before {
  content: "";
}

.wi-day-sprinkle:before {
  content: "";
}

.wi-day-sunny-overcast:before,
.wi.mostlysunny:before,
.wi.partlysunny:before {
  content: "";
}

.wi-day-sunny:before,
.wi.clear:before,
.wi.sunny:before {
  content: "";
}

.wi-day-storm-showers:before {
  content: "";
}

.wi-day-thunderstorm:before,
.wi.chancetstorms:before {
  content: "";
}

.wi-cloudy-gusts:before {
  content: "";
}

.wi-cloudy-windy:before {
  content: "";
}

.wi-cloudy:before,
.wi.cloudy:before {
  content: "";
}

.wi-fog:before,
.wi.fog:before {
  content: "";
}

.wi-hail:before,
.wi.sleet:before {
  content: "";
}

.wi-lightning:before {
  content: "";
}

.wi-rain-mix:before {
  content: "";
}

.wi-rain-wind:before {
  content: "";
}

.wi-rain:before,
.wi.rain:before {
  content: "";
}

.wi-showers:before {
  content: "";
}

.wi-snow:before,
.wi.flurries:before,
.wi.snow:before {
  content: "";
}

.wi-sprinkle:before {
  content: "";
}

.wi-storm-showers:before {
  content: "";
}

.wi-thunderstorm:before,
.wi.tstorms:before {
  content: "";
}

.wi-windy:before {
  content: "";
}

.wi-night-alt-cloudy-gusts:before {
  content: "";
}

.wi-night-alt-cloudy-windy:before {
  content: "";
}

.wi-night-alt-hail:before {
  content: "";
}

.wi-night-alt-lightning:before {
  content: "";
}

.wi-night-alt-rain-mix:before {
  content: "";
}

.wi-night-alt-rain-wind:before {
  content: "";
}

.wi-night-alt-rain:before {
  content: "";
}

.wi-night-alt-showers:before {
  content: "";
}

.wi-night-alt-snow:before {
  content: "";
}

.wi-night-alt-sprinkle:before {
  content: "";
}

.wi-night-alt-storm-showers:before {
  content: "";
}

.wi-night-alt-thunderstorm:before {
  content: "";
}

.wi-night-clear:before,
.wi.clear.night:before {
  content: "";
}

.wi-night-cloudy-gusts:before {
  content: "";
}

.wi-night-cloudy-windy:before {
  content: "";
}

.wi-night-cloudy:before,
.wi.mostlycloudy.night:before,
.wi.partlycloudy.night:before {
  content: "";
}

.wi-night-hail:before {
  content: "";
}

.wi-night-lightning:before {
  content: "";
}

.wi-night-rain-mix:before {
  content: "";
}

.wi-night-rain-wind:before {
  content: "";
}

.wi-night-rain:before {
  content: "";
}

.wi-night-showers:before {
  content: "";
}

.wi-night-snow:before {
  content: "";
}

.wi-night-sprinkle:before {
  content: "";
}

.wi-night-storm-showers:before {
  content: "";
}

.wi-night-thunderstorm:before {
  content: "";
}

.wi-celcius:before {
  content: "";
}

.wi-cloud-down:before {
  content: "";
}

.wi-cloud-refresh:before {
  content: "";
}

.wi-cloud-up:before {
  content: "";
}

.wi-cloud:before {
  content: "";
}

.wi-degrees:before {
  content: "";
}

.wi-down-left:before {
  content: "";
}

.wi-down:before {
  content: "";
}

.wi-fahrenheit:before {
  content: "";
}

.wi-horizon-alt:before {
  content: "";
}

.wi-horizon:before {
  content: "";
}

.wi-left:before {
  content: "";
}

.wi-lightning:before {
  content: "";
}

.wi-night-fog:before {
  content: "";
}

.wi-refresh-alt:before {
  content: "";
}

.wi-refresh:before {
  content: "";
}

.wi-right:before {
  content: "";
}

.wi-sprinkles:before {
  content: "";
}

.wi-strong-wind:before {
  content: "";
}

.wi-sunrise:before {
  content: "";
}

.wi-sunset:before {
  content: "";
}

.wi-thermometer-exterior:before {
  content: "";
}

.wi-thermometer-internal:before {
  content: "";
}

.wi-thermometer:before {
  content: "";
}

.wi-tornado:before {
  content: "";
}

.wi-up-right:before {
  content: "";
}

.wi-up:before {
  content: "";
}

.wi-wind-east:before {
  content: "";
}

.wi-wind-north-east:before {
  content: "";
}

.wi-wind-north-west:before {
  content: "";
}

.wi-wind-north:before {
  content: "";
}

.wi-wind-south-east:before {
  content: "";
}

.wi-wind-south-west:before {
  content: "";
}

.wi-wind-south:before {
  content: "";
}

.wi-wind-west:before {
  content: "";
}

/* mapping for weather underground */

@font-face {
  font-family: "Avenir Next Condensed Bold";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed0-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed0-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed0-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed0-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed0-webfont.svg#avenir_next_condensedbold') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Bold Italic";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed1-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed1-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed1-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed1-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed1-webfont.svg#avenir_next_condensedBdIt') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Demi Bold";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed2-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed2-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed2-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed2-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed2-webfont.svg#avenir_next_condenseddemiBd') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Demi Bold Italic";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed3-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed3-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed3-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed3-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed3-webfont.svg#avenir_next_condenseddemiBdIt') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Italic";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed4-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed4-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed4-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed4-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed4-webfont.svg#avenir_next_condenseditalic') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Medium";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed5-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed5-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed5-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed5-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed5-webfont.svg#avenir_next_condensedmedium') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Medium Italic";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed6-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed6-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed6-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed6-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed6-webfont.svg#avenir_next_condensedMdIt') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed7-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed7-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed7-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed7-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed7-webfont.svg#avenir_next_condensedregular') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Heavy";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed8-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed8-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed8-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed8-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed8-webfont.svg#avenir_next_condensedheavy') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Heavy Italic";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed9-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed9-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed9-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed9-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed9-webfont.svg#avenir_next_condensedHvIt') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Ultra Light";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed10-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed10-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed10-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed10-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed10-webfont.svg#avenir_next_condensedultraLt') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Condensed Ultra Light Italic";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed11-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed11-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed11-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed11-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/avenir_next_condensed11-webfont.svg#avenir_next_condenseultraLtIt') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Hypatia Sans Pro Black";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-black-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-black-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-black-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-black-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-black-webfont.svg#hypatia_sans_problack') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Hypatia Sans Pro Bold";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-bold-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-bold-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-bold-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-bold-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-bold-webfont.svg#hypatia_sans_probold') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Hypatia Sans Pro Extra Light";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-extralight-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-extralight-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-extralight-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-extralight-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-extralight-webfont.svg#hypatia_sans_proextralight') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Hypatia Sans Pro Light";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-light-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-light-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-light-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-light-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-light-webfont.svg#hypatia_sans_prolight') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Hypatia Sans Pro";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-regular-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-regular-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-regular-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-regular-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-regular-webfont.svg#hypatia_sans_proregular') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Hypatia Sans Pro Semi Bold";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-semibold-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-semibold-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-semibold-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-semibold-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/hypatiasanspro-semibold-webfont.svg#hypatia_sans_prosemibold') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ITC Kabel Std Bold";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-bold-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-bold-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-bold-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-bold-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-bold-webfont.svg#itc_kabel_std_mediumbold') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ITC Kabel Std Book";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-book-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-book-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-book-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-book-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-book-webfont.svg#itc_kabel_stdbook') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ITC Kabel Std Demi";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-demi-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-demi-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-demi-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-demi-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-demi-webfont.svg#itc_kabel_stddemi') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ITC Kabel Std Medium";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-medium-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-medium-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-medium-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-medium-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-medium-webfont.svg#itc_kabel_stdmedium') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ITC Kabel Std Ultra";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-ultra-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-ultra-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-ultra-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-ultra-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/itckabelstd-ultra-webfont.svg#itc_kabel_stdultra') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FG Sara Elizabeth";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/FGSaraElizabeth.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/FGSaraElizabeth.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/FGSaraElizabeth.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/FGSaraElizabeth.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/FGSaraElizabeth.svg#fgsaraelizabeth') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Journal";
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/journal-webfont.eot');
  src: url('//d2qtpn53ex22nh.cloudfront.net/fonts/journal-webfont.eot?#iefix') format("embedded-opentype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/journal-webfont.woff') format("woff"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/journal-webfont.ttf') format("truetype"), url('//d2qtpn53ex22nh.cloudfront.net/fonts/journal-webfont.svg#journal') format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (max-width: 1280px) {
  .hide-narrow {
    display: none !important;
  }
}

@media screen and (max-width: 941px) {
  .hide-tablet {
    display: none !important;
  }
}

@media screen and (max-width: 480px), screen and (max-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
  .hide-phone {
    display: none !important;
  }
}

@media (min-width: 942px), print {
  .hide-wide {
    display: none !important;
  }
}

html.touch .hide-touch {
  display: none !important;
}

.no-touch a:hover {
  text-decoration: underline;
}

.no-touch a.button:hover,
.no-touch nav.tab-buttons ul li a:hover,
nav.tab-buttons ul li .no-touch a:hover,
.no-touch .hero-header a:hover,
.hero-header .no-touch a:hover {
  background: #927760;
  text-decoration: none;
}

.no-touch a.button.highlighted:hover,
.no-touch nav.tab-buttons ul li a.highlighted:hover,
nav.tab-buttons ul li .no-touch a.highlighted:hover,
.no-touch .hero-header a:hover,
.hero-header .no-touch a:hover {
  background: #8f1211;
}

.red-links .no-touch a:hover,
.no-touch a.red-link:hover {
  color: #8f1211;
}

.no-touch #fg-detail-control .button:hover,
.no-touch #fg-detail-control .hero-header a:hover,
.hero-header .no-touch #fg-detail-control a:hover {
  color: white;
}

.no-touch .fg-gallery .fg-gallery-slideshow .als-item a:hover img {
  border: 3px solid white;
}

.no-touch #see-animals .als-item a:hover {
  text-decoration: none;
}

.no-touch #see-animals .als-item a:hover svg {
  -webkit-filter: drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.2));
}

.no-touch #see-animals .als-item a:hover svg path {
  fill: #fff !important;
}

.no-touch #see-animals .als-item a:hover label {
  visibility: visible;
}

.no-touch .mainnav li.disabled a:hover {
  text-decoration: none;
  color: #333333;
}

@media (min-width: 942px), print {
  .no-touch .mainnav li a:hover {
    text-decoration: none;
    color: #ffcc33;
  }
}

@media (min-width: 942px), print {
  .no-touch .quicklinks a:hover {
    text-decoration: none;
    color: #fff;
  }
}

.no-touch nav#chapters li a:hover {
  text-decoration: none;
}

.no-touch nav.tabs.video-tabs-nav ul li a:hover {
  text-decoration: none;
  background: #2c2926;
}

.no-touch nav.tabs.video-tabs-nav ul li.disabled a:hover {
  cursor: default;
  background: #636160;
}

.no-touch .comment-button a:hover {
  text-decoration: none;
}

.no-touch #book .page a:hover {
  color: #171717;
  text-decoration: none;
}

.no-touch #book-pager .jump a:hover {
  background: #fff;
}

.no-touch .lesson a:hover {
  text-decoration: none;
}

.no-touch .gallery a:hover {
  text-decoration: none;
}

.no-touch .gallery a:hover img {
  border: 1px #ffcc33 solid;
}

.no-touch .gallery a:hover figcaption {
  color: #ffcc33;
}

.no-touch .pager nav li a:hover {
  background: #c0c0c0;
  color: #4f4f4f;
  text-decoration: none;
}

.no-touch span.feature-nav:hover,
.no-touch span.animal-nav:hover {
  cursor: pointer;
}

.no-touch .feature > a:hover {
  text-decoration: none;
}

.no-touch a.toggle-collapse:hover {
  text-decoration: none;
}

#cse .gsc-control-cse,
#cse .gsc-result {
  background-color: transparent;
  border: transparent;
  font-size: 1em;
}

#cse .gcsc-branding {
  display: none;
}

#cse .gsc-thumbnail-inside {
  padding-left: 0;
}

#cse .gsc-result-info {
  text-align: left;
  color: #999;
  padding-left: 8px;
  margin: 10px 0 10px 0;
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
  font-size: 1em;
}

#cse .gs-result .gs-title {
  color: #bc1817;
  text-decoration: none;
  font-size: 1.125em;
}

#cse .gs-result .gs-title * {
  color: #bc1817;
  text-decoration: none;
  font-size: 1em;
}

#cse .gs-result a.gs-visibleUrl,
#cse .gs-result .gs-visibleUrl {
  display: none;
  color: #bc1817;
  text-decoration: none;
}

#cse .gs-result .gs-snippet {
  font-size: 1em;
}

#cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor: pointer;
  color: #07AD00;
  text-decoration: none;
  margin-right: 5px;
  display: inline;
  border: 1px solid #DDD;
  padding: 2px 5px 2px 5px;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  transition: width 1s;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

body {
  background: #171717;
}

img {
  max-width: 100% !important;
  height: auto !important;
}

img.svg {
  visibility: hidden;
}

.vid-container {
  z-index: 1;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

a {
  text-decoration: none;
  color: #003366;
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
}

a:focus {
  outline: none;
}

a.button,
nav.tab-buttons ul li a,
.hero-header a {
  text-decoration: none;
  color: #fff;
  background: #a9917c;
  padding: 0.5em;
  font-size: 1em;
  text-transform: uppercase;
}

a.button.taller,
nav.tab-buttons ul li a.taller,
.hero-header a.taller {
  padding: 0.75em;
}

a.button.highlighted,
nav.tab-buttons ul li a.highlighted,
.hero-header a {
  background: #bc1817;
}

a.button.show-more,
nav.tab-buttons ul li a.show-more,
.hero-header a.show-more {
  line-height: 35px;
}

a.vid,
a.youtube,
a.ustream {
  text-decoration: none;
  position: relative;
  display: block;
}

a.vid:before,
a.youtube:before,
a.ustream:before {
  display: block;
  content: "";
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.25em;
  z-index: 2;
  position: absolute;
}

.cssgradients a.vid:before,
.cssgradients a.youtube:before,
.cssgradients a.ustream:before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.no-cssgradients a.vid:before,
.no-cssgradients a.youtube:before,
.no-cssgradients a.ustream:before {
  top: 30%;
  left: 40%;
}

.red-links a,
a.red-link {
  color: #bc1817;
}

p,
.section-content ul li {
  font-family: Arial, sans-serif;
  font-size: 0.875em;
  line-height: 1.3em;
}

.red-links p,
.red-links .section-content ul li,
.section-content ul .red-links li {
  margin-top: 0;
}

p.intro,
.section-content ul li.intro,
.intro p,
.intro .section-content ul li,
.section-content ul .intro li {
  font-family: "Avenir Next Condensed Medium", sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
}

p.byline,
.section-content ul li.byline {
  font-size: 1em;
}

p.tight,
.section-content ul li.tight,
.tight p,
.sidebar figure figcaption p,
.tight .section-content ul li,
.section-content ul .tight li,
.sidebar figure figcaption .section-content ul li,
.section-content ul .sidebar figure figcaption li {
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

p.verytight,
.section-content ul li.verytight,
.verytight p,
.verytight .section-content ul li,
.section-content ul .verytight li {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

p.strong,
.section-content ul li.strong {
  font-weight: bold;
}

p.light,
.section-content ul li.light {
  color: #636363;
}

p.indent,
.section-content ul li.indent {
  padding-left: 2em;
}

p a,
.section-content ul li a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: bold;
}

h2,
h3 {
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
  font-size: 1.5em;
  text-transform: uppercase;
}

h3 {
  text-transform: none;
}

h4 {
  font-weight: normal;
}

.tight h1,
.sidebar figure figcaption h1,
.tight h2,
.sidebar figure figcaption h2,
.tight h3,
.sidebar figure figcaption h3,
.tight h3,
.sidebar figure figcaption h3,
.tight h4,
.sidebar figure figcaption h4,
.tight h5,
.sidebar figure figcaption h5 {
  margin: 5px 0;
}

.highlight {
  color: #bc1817;
  text-transform: uppercase;
}

.inline > div,
.inline > nav,
.inline > ul,
.inline > a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.inline p,
.inline .section-content ul li,
.section-content ul .inline li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.inline ul li,
ul.inline li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

ul.no-decoration,
nav.top-level ul,
.no-decoration ul,
nav.top-level ul ul {
  padding-left: 0;
  list-style: none;
}

ul.bars li:after,
.bars ul li:after {
  font-size: 0.9em;
  content: " | ";
}

ul.bars li:last-child:after,
.bars ul li:last-child:after {
  content: "";
}

ul.resource-list li,
.resource-list ul li {
  padding-bottom: 20px;
}

header {
  width: 100%;
}

.clearfix,
section header:after,
section:after,
.callout:after {
  content: "";
  display: table;
  clear: both;
}

.hidden,
.print-only {
  display: none;
}

.offscreen {
  left: -9999px;
}

.center,
nav.tab-buttons {
  text-align: center;
}

.left {
  float: left;
}

img.left {
  padding-right: 15px;
}

.right {
  float: right;
}

img.right {
  padding-left: 15px;
}

.auto-expand {
  width: 100% !important;
  height: auto !important;
}

.vertical-pad {
  padding-top: 25px;
  padding-bottom: 25px;
}

.push-down {
  padding-top: 35px;
}

.push-up,
.classroom {
  padding-bottom: 45px;
}

.no-min {
  min-height: 0 !important;
}

.icon-only {
  text-indent: -9999px;
}

.fa:before,
a.vid:before,
a.youtube:before,
a.ustream:before,
.search-form .search-box:before,
.quiz .answer-inner h2.correct:before,
.quiz .answer-inner h3.correct:before,
.quiz .answer-inner h2.wrong:before,
.quiz .answer-inner h3.wrong:before,
.lesson .lesson-summary p.clock:before,
.lesson .lesson-summary .section-content ul li.clock:before,
.section-content ul .lesson .lesson-summary li.clock:before {
  padding-right: 5px;
}

.blue-border {
  background: transparent url('//d2qtpn53ex22nh.cloudfront.net/images/layout/blue-squares.png') repeat-x 0 0;
}

.wave-border {
  background: transparent url('//d2qtpn53ex22nh.cloudfront.net/images/layout/wave-blue.png') repeat-x 0 0;
}

.triangle-border {
  background: transparent url('//d2qtpn53ex22nh.cloudfront.net/images/layout/border-triangle-yellow.png') repeat-x 0 -5px;
}

.triangle-border-blue,
.lesson-item.collapsible {
  background: transparent url('//d2qtpn53ex22nh.cloudfront.net/images/layout/border-half-triangle-blue.png') repeat-x 0 0;
}

.triangle-border-green,
.lesson-item.collapsible.Kenya {
  background: transparent url('//d2qtpn53ex22nh.cloudfront.net/images/layout/border-half-triangle-green.png') repeat-x 0 0;
}

.triangle-border-orange,
.lesson-item.collapsible.generic {
  background: transparent url('//d2qtpn53ex22nh.cloudfront.net/images/layout/border-half-triangle-orange.png') repeat-x 0 0;
}

.triangle-border-transparent,
.callout.bordered-top,
.callout.bordered,
.callout.bordered:before,
.classroom-units .unit-header,
.lesson .lesson-header,
.lesson .lesson-header:after,
.lesson .lesson-summary:after {
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/border-triangle-transparent.png');
  background-repeat: repeat-x;
}

.bottom-triangle-border-transparent,
.callout.bordered:before,
.lesson .lesson-header:after,
.lesson .lesson-summary:after {
  content: "";
  width: 100%;
  position: absolute;
  background-position: 0 0;
  bottom: 0;
  left: 0;
}

.yellow-diamond,
.blue-diamond {
  margin: 0;
}

.yellow-diamond li,
.blue-diamond li {
  padding-right: 25px;
  margin-right: 10px;
}

.yellow-diamond li:last-child,
.blue-diamond li:last-child {
  padding-right: 0;
  margin-right: 0;
  background: none;
}

.yellow-diamond li {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/gold-diamond.png') no-repeat 100% 50%;
}

@media screen and (max-width: 941px) {
  .yellow-diamond li {
    background: none;
  }
}

.blue-diamond li {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/blue-diamond.png') no-repeat 100% 50%;
}

@media screen and (max-width: 941px) {
  .blue-diamond li {
    background: none;
  }
}

.legend,
.legend-blue,
figure.overlay figcaption h2,
figure.overlay figcaption h3 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.legend:before,
.legend-blue:before,
figure.overlay figcaption h2:before,
figure.overlay figcaption h3:before,
.legend:after,
.legend-blue:after,
figure.overlay figcaption h2:after,
figure.overlay figcaption h3:after {
  content: "";
  position: absolute;
  width: 9999px;
  height: 30px;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/gray-line.png') repeat-x 0 50%;
}

.legend:before,
.legend-blue:before,
figure.overlay figcaption h2:before,
figure.overlay figcaption h3:before {
  margin-right: 10px;
  right: 100%;
}

.legend:after,
.legend-blue:after,
figure.overlay figcaption h2:after,
figure.overlay figcaption h3:after {
  margin-left: 10px;
  left: 100%;
}

.legend-blue:before,
figure.overlay figcaption h2:before,
figure.overlay figcaption h3:before,
.legend-blue:after,
figure.overlay figcaption h2:after,
figure.overlay figcaption h3:after {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/blue-squares.png') repeat-x 0 50%;
}

.banner {
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/menu-pattern.png');
  background-repeat: repeat;
}

@media (min-width: 942px), print {
  .banner {
    margin-top: 50px;
  }
}

.banner figure {
  margin: 0 auto;
  width: 1280px;
  max-width: 100%;
}

.banner figure img,
.banner figure figcaption {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

@media (min-width: 942px), print {
  .banner figure img {
    max-width: 60% !important;
  }
}

.banner figure figcaption {
  background: transparent;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 0;
}

.banner figure figcaption * {
  color: white;
}

.banner figure figcaption h1 {
  font-family: "ITC Kabel Std Demi", sans-serif;
  font-size: 2.375em;
  text-transform: uppercase;
  margin: 0;
}

.banner figure figcaption p,
.banner figure figcaption .section-content ul li,
.section-content ul .banner figure figcaption li {
  margin: 20px 0;
}

.banner figure figcaption a {
  margin-top: 30px;
  font-size: 1.5em;
  text-transform: uppercase;
}

@media (min-width: 942px), print {
  .banner figure figcaption {
    width: 250px;
    margin-left: 75px;
  }
}

.book-bg {
  margin-top: 40px;
}

@media (min-width: 942px), print {
  .book-bg {
    margin-top: 0;
    background: rgba(204, 102, 0, 0.29) url('//d2qtpn53ex22nh.cloudfront.net/images/layout/book-bg-tile.jpg') repeat 0 0;
  }
}

.arrow-left,
.arrow-right {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-left-bordered-red.png') no-repeat 0 0;
  min-width: 27px;
  min-height: 37px;
}

.arrow-right {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-right-bordered-red.png') no-repeat 0 0;
}

.arrow-left-yellow,
.arrow-right-yellow,
.arrow-left-red,
.arrow-right-red {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-left-yellow.png') no-repeat 0 0;
  min-width: 12px;
  min-height: 21px;
}

.arrow-right-yellow {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-right-yellow.png') no-repeat 0 0;
}

.arrow-left-red,
.arrow-right-red {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-left-red.png') no-repeat 0 0;
}

.arrow-right-red {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-right-red.png') no-repeat 0 0;
}

.arrow-right-blue {
  color: #0099cc;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-right-blue.png') no-repeat 100% 50%;
  padding-right: 15px;
}

.arrow-right-blue.Kenya {
  color: #669933;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-right-green.png') no-repeat 100% 50%;
}

.arrow-right-blue.generic {
  color: #d0491a;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-right-orange.png') no-repeat 100% 50%;
}

.arrow-down-blue {
  color: #0099cc;
  display: inline;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-down-blue.png') no-repeat 100% 50%;
  padding-right: 25px;
}

.arrow-down-blue.Kenya {
  color: #669933;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-down-green.png') no-repeat 100% 50%;
}

.arrow-down-blue.generic {
  color: #d0491a;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-down-orange.png') no-repeat 100% 50%;
}

.big-arrow-left,
.big-arrow-right {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-left-red-orange.png') no-repeat 0 0;
  min-width: 25px;
  min-height: 49px;
}

.big-arrow-right {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-right-red-orange.png') no-repeat 0 0;
}

.small-arrow-right,
.smaller-arrow-right {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-right-white.png') no-repeat 100% 50%;
  height: 18px;
  padding-right: 15px;
}

.small-arrow-left {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/arrow-left-white.png') no-repeat 0 50%;
  height: 18px;
  padding-left: 20px;
}

.smaller-arrow-right {
  background-size: auto 10px;
  padding-right: 10px;
}

.round-top,
.rounded,
.classroom-units .unit-header .button,
.classroom-units .unit-header .hero-header a,
.hero-header .classroom-units .unit-header a,
.lesson,
.lesson-item.collapsible .button,
.lesson-item.collapsible .hero-header a,
.hero-header .lesson-item.collapsible a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.round-bottom,
.rounded,
.classroom-units .unit-header .button,
.classroom-units .unit-header .hero-header a,
.hero-header .classroom-units .unit-header a,
.lesson,
.lesson-item.collapsible .button,
.lesson-item.collapsible .hero-header a,
.hero-header .lesson-item.collapsible a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.slight-round-top,
.slightly-rounded,
.feature figcaption.overlay,
.hero-header a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.slight-round-bottom,
.slightly-rounded,
.feature figcaption.overlay,
.hero-header a,
nav.tab-buttons ul li a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.loading {
  background: #171717 url('//d2qtpn53ex22nh.cloudfront.net/images/layout/loading.gif') no-repeat 50% 50%;
}

.section-content .section-content ul.no-decoration,
.section-content .section-content nav.top-level ul,
nav.top-level .section-content .section-content ul {
  padding-left: 1em;
}

.section-content .section-content ul.no-decoration li,
.section-content .section-content nav.top-level ul li,
nav.top-level .section-content .section-content ul li {
  margin-bottom: 10px;
}

.section-content .section-content ul.no-decoration li:last-child,
.section-content .section-content nav.top-level ul li:last-child,
nav.top-level .section-content .section-content ul li:last-child {
  margin-bottom: inherit;
}

.dropshadow {
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}

.dropshadow-top {
  box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.2);
}

.dropshadow-bottom-right {
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.dropshadow-right {
  box-shadow: 5px 0px 5px -2px rgba(0, 0, 0, 0.2);
}

.dropshadow-inner-bottom {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/dropshadow-bottom.png') no-repeat 50% 100%;
}

.blue {
  background-color: #0099cc;
}

.red,
#feature-scroller .als-item:nth-child(4n+4) figure {
  background-color: #ff2c2e;
}

.dark-red,
#feature-scroller .als-item:nth-child(4n+1) figure {
  background-color: #bc1817;
}

.light-blue,
#feature-scroller .als-item:nth-child(4n+3) figure {
  background-color: #73b6ff;
}

.orange {
  background-color: #d0491a;
}

.burnt {
  background-color: #eba103;
}

.green,
#feature-scroller .als-item:nth-child(4n+2) figure {
  background-color: #669933;
}

.gray {
  background-color: #e5e3e2;
}

.white {
  background-color: #fff;
}

.dark {
  background-color: #171717;
}

.two-cols .col p,
.two-cols .col .section-content ul li,
.section-content ul .two-cols .col li,
.three-cols .col p,
.three-cols .col .section-content ul li,
.section-content ul .three-cols .col li,
.four-cols .col p,
.four-cols .col .section-content ul li,
.section-content ul .four-cols .col li,
.five-cols .col p,
.five-cols .col .section-content ul li,
.section-content ul .five-cols .col li {
  margin-bottom: 30px;
}

.two-cols .col h2,
.two-cols .col h3,
.three-cols .col h2,
.three-cols .col h3,
.four-cols .col h2,
.four-cols .col h3,
.five-cols .col h2,
.five-cols .col h3 {
  margin: 10px 0;
}

@media (min-width: 942px), print {
  .two-cols,
  .three-cols,
  .four-cols,
  .five-cols {
    overflow: auto;
  }

  .two-cols .col,
  .three-cols .col,
  .four-cols .col,
  .five-cols .col {
    float: left;
    overflow: hidden;
  }

  .two-cols.separator .col,
  .three-cols.separator .col,
  .four-cols.separator .col,
  .five-cols.separator .col {
    border-right: 1px solid #b8b1ae;
  }

  .two-cols.separator .col:last-child,
  .three-cols.separator .col:last-child,
  .four-cols.separator .col:last-child,
  .five-cols.separator .col:last-child {
    border-right: none;
  }
}

@media (min-width: 942px), print {
  .two-cols .col {
    width: 50%;
  }
}

@media (min-width: 942px), print {
  .three-cols {
    margin-left: -20px;
  }

  .three-cols .col {
    width: 33.333%;
    padding-left: 20px;
  }
}

@media (min-width: 942px), print {
  .four-cols .col {
    width: 25%;
  }
}

@media (min-width: 942px), print {
  .five-cols {
    margin-left: -15px;
  }

  .five-cols .col {
    width: 20%;
    padding-left: 15px;
  }
}

.five-cols.short-3 {
  margin: 0 auto;
}

@media (min-width: 942px), print {
  .five-cols.short-3 {
    width: 60%;
  }

  .five-cols.short-3 .col {
    width: 33.33333%;
    padding-left: 0;
  }

  .five-cols.short-3 .col:not(:first-child) {
    padding-left: 15px;
  }
}

.five-cols.short-4 {
  margin: 0 auto;
}

@media (min-width: 942px), print {
  .five-cols.short-4 {
    width: 80%;
  }

  .five-cols.short-4 .col {
    width: 25%;
    padding-left: 0;
  }

  .five-cols.short-4 .col:not(:first-child) {
    padding-left: 15px;
  }
}

.responsive-wrapper {
  position: relative;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}

.transparent .responsive-wrapper {
  bottom: 0;
}

.responsive-wrapper.nav-open .responsive-nav {
  background: #edccae;
  box-shadow: inset 4px 0 8px -4px #666;
  z-index: 9;
}

.responsive-wrapper.nav-open .responsive-nav nav {
  display: block;
}

.responsive-nav {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  height: 100%;
  background: transparent;
  padding: 0 25px;
}

.responsive-nav nav {
  display: none;
}

@media (min-width: 942px), print {
  .responsive-nav {
    background: transparent;
    position: static;
    height: 105px;
    overflow: hidden;
    width: 1276px;
    max-width: 100%;
    margin: 0 auto -105px auto;
  }

  .responsive-nav nav {
    display: block;
  }
}

.responsive-nav a.expand-nav {
  z-index: 9;
  position: absolute;
  right: 35px;
  top: 50px;
  font-size: 2.25em;
  color: #fff;
}

@media (min-width: 481px) {
  .responsive-nav a.expand-nav {
    top: 30px;
  }
}

.responsive-nav a.expand-nav i:before {
  content: "";
}

.nav-open .responsive-nav a.expand-nav {
  color: #ffcc33;
  right: 285px;
}

.responsive-content {
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  background: #fafafa url('//d2qtpn53ex22nh.cloudfront.net/images/layout/background-tile.jpg') repeat 0 0;
  font-family: "Avenir Next Condensed Medium", sans-serif;
  font-size: 16px;
  color: #171717;
}

.nav-open .responsive-content {
  left: -250px;
}

.transparent .responsive-content {
  background: transparent;
  top: auto;
  bottom: 0;
}

.responsive-content > header {
  background: #171717;
  height: 120px;
}

.transparent .responsive-content > header {
  background: rgba(23, 23, 23, 0.8);
}

@media (min-width: 481px) {
  .responsive-content > header {
    height: 105px;
  }
}

.responsive-content > header .container,
.responsive-content > header .wide-container,
.responsive-content > header .content,
.responsive-content > header .feature-wrapper {
  overflow: visible;
  position: relative;
}

.responsive-content > footer {
  background: #171717;
  color: #fff;
  padding: 10px 0;
  width: 100%;
  position: relative;
  bottom: 0;
}

.transparent .responsive-content > footer {
  background: rgba(23, 23, 23, 0.8);
}

.responsive-content > footer .icon-only {
  margin: 0 15px 15px 15px;
}

.main,
.container,
.wide-container,
.content,
.feature-wrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.main.transparent,
.transparent.container,
.transparent.wide-container,
.transparent.content,
.transparent.feature-wrapper {
  background: transparent;
}

.container,
.wide-container,
.content,
.feature-wrapper {
  width: 1216px;
  max-width: 100%;
}

.wide-container {
  width: 1276px;
}

.sidebar-layout {
  margin-top: 20px;
}

.sidebar-layout.white {
  background: transparent;
}

.sidebar-layout.white > * {
  background: white;
  padding: 20px;
}

.sidebar-layout.padded {
  padding: 0 20px;
}

.sidebar-layout .two-cols .col:nth-child(n+2) {
  padding-top: 15px;
}

@media (min-width: 942px), print {
  .sidebar-layout .two-cols .col:nth-child(n+2) {
    padding-top: 0;
    padding-left: 20px;
  }
}

.sidebar-layout .two-cols p,
.sidebar-layout .two-cols .section-content ul li,
.section-content ul .sidebar-layout .two-cols li {
  font-size: 1em;
}

.sidebar-layout .two-cols p,
.sidebar-layout .two-cols .section-content ul li,
.section-content ul .sidebar-layout .two-cols li,
.sidebar-layout .two-cols ul {
  margin: 0;
}

.sidebar-layout .two-cols p:not(:first-child),
.sidebar-layout .two-cols .section-content ul li:not(:first-child),
.section-content ul .sidebar-layout .two-cols li:not(:first-child),
.sidebar-layout .two-cols ul:not(:first-child) {
  margin-top: 15px;
}

.sidebar-layout .two-cols p strong,
.sidebar-layout .two-cols .section-content ul li strong,
.section-content ul .sidebar-layout .two-cols li strong,
.sidebar-layout .two-cols ul strong {
  font-family: "ITC Kabel Std Demi", sans-serif;
  font-size: 1em;
}

.sidebar-layout .sidebar {
  width: 100%;
}

.sidebar-layout .sidebar iframe {
  margin-bottom: 20px;
  width: 100% !important;
  height: 500px;
}

.sidebar-layout .sidebar h2,
.sidebar-layout .sidebar h3 {
  font-size: 1.125em;
  margin-top: 0;
  margin-bottom: 10px;
}

@media (min-width: 481px) {
  .sidebar-layout + * {
    overflow: hidden;
  }

  .sidebar-layout .sidebar {
    width: 295px;
    float: right;
    margin-left: 20px;
  }
}

.content {
  width: 1024px;
}

.section-content {
  padding: 25px 50px;
}

@media screen and (max-width: 941px) {
  .section-content {
    padding: 10px;
  }
}

.section-content > .center,
.section-content > nav.tab-buttons {
  overflow: hidden;
}

.section-content h2,
.section-content h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.section-content p,
.section-content ul li {
  margin-bottom: 20px;
}

.section-content.loose-paragraphs p,
.section-content.loose-paragraphs ul li {
  margin-bottom: 35px;
}

.section-content .two-cols .col,
.section-content .three-cols .col {
  padding: 0 30px;
}

@media screen and (max-width: 941px) {
  .section-content .two-cols .col,
  .section-content .three-cols .col {
    padding: 0 10px;
  }
}

.feature-wrapper {
  width: 942px;
}

.feature-wrapper.anchor-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -471px;
}

@media screen and (max-width: 1280px) {
  .feature-wrapper.anchor-bottom {
    margin-left: 0;
    left: 0;
    width: 100%;
  }
}

section {
  position: relative;
}

@media (min-width: 942px), print {
  section {
    min-height: 300px;
  }
}

section.no-min-height {
  min-height: 0;
}

section.triangle-border {
  padding-top: 20px;
}

.callout {
  margin-bottom: 40px;
  width: 33.3333%;
  overflow: hidden;
}

.callout.right {
  margin-left: 50px;
}

.callout.left {
  margin-right: 50px;
}

.callout.orange * {
  color: #fff;
}

.callout.orange h2,
.callout.orange h3 {
  font-size: 1.3125em;
  margin-bottom: 0;
  display: inline-block;
}

.callout.bordered-top,
.callout.bordered {
  background-position: 0 -15px;
  padding-top: 20px;
}

.callout.bordered {
  background-position: 0 -10px;
  position: relative;
}

.callout.bordered:before {
  height: 10px;
}

.callout.bordered-top,
.callout.bordered,
.callout.bordered,
.callout.white {
  padding: 20px 15px;
}

.callout.gray li a {
  color: #171717;
  font-family: Arial, sans-serif;
  font-size: 1em;
}

.sidebar .callout {
  width: 100%;
  margin-bottom: 20px;
}

.sidebar .callout .inner {
  height: 100%;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/border-triangle-transparent.png') repeat-x 0 -10%, url('//d2qtpn53ex22nh.cloudfront.net/images/layout/border-triangle-transparent.png') repeat-x 0 110%;
  overflow: hidden;
  padding: 15px 10px;
}

.sidebar .callout p,
.sidebar .callout .section-content ul li,
.section-content ul .sidebar .callout li {
  font-size: 0.875em;
}

.sidebar .callout h4 {
  font-weight: bold;
}

.sidebar .callout strong {
  text-transform: uppercase;
}

.callout article {
  padding: 25px;
}

.callout article h2,
.callout article h3 {
  margin: 0;
}

.callout article p,
.callout article .section-content ul li,
.section-content ul .callout article li {
  margin-top: 0;
}

.callout img {
  width: 100%;
}

.icon .callout img,
.callout img.icon {
  width: auto;
}

@media screen and (max-width: 480px), screen and (max-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
  .callout {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
}

figure.overlay {
  width: 100%;
  position: relative;
}

figure.overlay img {
  display: block;
  width: 100%;
  height: auto;
}

figure.overlay figcaption {
  overflow: hidden;
  width: 100%;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/red-triangle-wave-bg.png') repeat 0 0;
  padding-top: 10px;
  padding-bottom: 40px;
}

@media (min-width: 942px), print {
  figure.overlay figcaption {
    position: absolute;
    bottom: 15%;
    left: 70px;
    width: 45%;
  }

  figure.overlay figcaption.no-image {
    position: static;
    width: 60%;
    margin: 20px auto;
  }
}

figure.overlay figcaption p,
figure.overlay figcaption .section-content ul li,
.section-content ul figure.overlay figcaption li,
figure.overlay figcaption a {
  color: #fff;
  font-family: "Avenir Next Condensed Medium", sans-serif;
}

figure.overlay figcaption p,
figure.overlay figcaption .section-content ul li,
.section-content ul figure.overlay figcaption li {
  font-size: 1.5em;
  margin: 0;
  padding: 0 40px;
}

figure.overlay figcaption a {
  text-decoration: underline;
}

figure.overlay figcaption h2,
figure.overlay figcaption h3 {
  color: #ffcc33;
  font-size: 1.875em;
}

figure.overlay figcaption h2:before,
figure.overlay figcaption h3:before,
figure.overlay figcaption h2:after,
figure.overlay figcaption h3:after {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/yellow-squares.png') repeat-x 0 50%;
  height: 37px;
}

.sidebar figure img,
.sidebar figure figcaption {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 45%;
}

.sidebar figure figcaption {
  padding-left: 7px;
}

.sidebar figure figcaption * {
  font-size: 0.875em;
}

.sidebar figure figcaption a {
  color: #ff2c2e;
}

div.tabs .tab {
  display: none;
}

div.tabs .tab.active {
  display: block;
}

.gallery {
  min-height: 525px;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.gallery figure {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-bottom: 20px;
  width: 46%;
}

@media (min-width: 481px) {
  .gallery figure {
    width: 24%;
  }
}

@media (min-width: 942px), print {
  .gallery figure {
    width: 177px;
  }
}

.gallery img {
  margin: 0 11px;
  border: 1px solid transparent;
}

.gallery figcaption {
  margin: 0 11px;
  padding-top: 10px;
  color: #fff;
  font-size: 0.875em;
}

.gallery figcaption .title {
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding-bottom: 3px;
}

.gallery figcaption .title.Mpala-Produced {
  padding-right: 20px;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/hippo-white.png') no-repeat 100% 0;
}

.gallery figcaption .length {
  font-family: "Avenir Next Condensed Medium", sans-serif;
}

.fg-gallery {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  overflow: hidden;
  z-index: 2;
}

.fg-gallery .loading {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/vegas-loading.gif');
  height: 16px;
  width: 16px;
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
}

.fg-gallery .fg-gallery-slideshow {
  background: rgba(0, 0, 0, 0.8);
  padding: 7px 0;
}

.fg-gallery .fg-gallery-slideshow .als-container {
  display: inline-block;
}

.fg-gallery .fg-gallery-slideshow .als-item {
  padding: 0 3px;
}

.fg-gallery .fg-gallery-slideshow .als-item img {
  border: 3px solid transparent;
}

.fg-gallery .fg-gallery-slideshow .als-item a {
  display: block;
  position: relative;
}

.fg-gallery .fg-gallery-slideshow .als-item a.active img {
  border: 3px solid white;
}

.fg-gallery .fg-gallery-slideshow .als-prev {
  left: -35px;
}

.fg-gallery .fg-gallery-slideshow .als-next {
  right: -35px;
}

.fg-gallery .fg-gallery-frame {
  position: relative;
}

.fg-gallery .collapser {
  z-index: 9;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: rgba(0, 0, 0, 0.8);
}

.fg-gallery-image {
  padding-bottom: 5px;
  max-height: 720px;
  max-width: 1280px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.fg-gallery-image figure {
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.fg-gallery-image img {
  display: block;
}

.fg-gallery-image figcaption {
  position: absolute;
  max-width: 100%;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
}

.fg-gallery-image figcaption p,
.fg-gallery-image figcaption .section-content ul li,
.section-content ul .fg-gallery-image figcaption li {
  text-align: left;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 0.875em;
  font-family: Arial, sans-serif;
}

.pager nav {
  padding-bottom: 20px;
}

.pager nav ul {
  padding-left: 5px;
  padding-right: 5px;
}

.pager nav li {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
}

.pager nav li a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 5px;
  background: #333333;
  color: #fff;
}

.pager nav li.active a {
  background: #c0c0c0;
  color: #4f4f4f;
  text-decoration: none;
}

.als-container {
  position: relative;
  margin: 0 auto;
  z-index: 0;
}

.als-viewport {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  clear: both;
}

.als-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.als-item {
  position: relative;
  display: block;
  float: left;
}

.feature {
  background: #fff;
  overflow: hidden;
  margin: 0 10px;
}

.feature > a {
  color: #fff;
}

.feature figure {
  position: relative;
  width: 100%;
}

.feature figure img {
  display: block;
}

.feature figcaption {
  overflow: hidden;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/dropshadow-bottom.png') no-repeat 50% 100%, url('//d2qtpn53ex22nh.cloudfront.net/images/layout/border-triangle-transparent.png') repeat-x 0 -15px, url('//d2qtpn53ex22nh.cloudfront.net/images/layout/border-triangle-transparent.png') repeat-x 0 58px;
  padding: 20px 0;
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
  font-size: 1.375em;
  text-transform: uppercase;
  text-align: center;
}

.feature figcaption.overlay {
  position: absolute;
  background: #ff2c2e;
  padding: 5px;
  left: 12px;
  bottom: 12px;
  font-size: 0.9375em;
}

.feature figcaption.overlay a {
  color: #fff;
}

.feature article {
  padding: 10px;
}

.feature article a {
  font-size: 1.125em;
}

.feature article p,
.feature article .section-content ul li,
.section-content ul .feature article li {
  font-size: 0.875em;
  margin: 5px 0;
}

.feature article p .byline,
.feature article .section-content ul li .byline,
.section-content ul .feature article li .byline,
.byline .feature article p,
.byline .feature article .section-content ul li,
.section-content ul .byline .feature article li {
  font-family: Arial, sans-serif;
  font-size: 0.875em;
}

.feature article p .byline.light,
.feature article .section-content ul li .byline.light,
.section-content ul .feature article li .byline.light,
.byline .feature article p.light,
.byline .feature article .section-content ul li.light,
.section-content ul .byline .feature article li.light {
  color: #333333;
}

.feature article strong {
  text-transform: uppercase;
}

.feature img {
  width: 100%;
}

#current-conditions {
  float: left;
  padding: 0 30px;
}

@media screen and (max-width: 941px) {
  #current-conditions {
    padding: 0 10px;
  }
}

#current-conditions #temp p,
#current-conditions #temp .section-content ul li,
.section-content ul #current-conditions #temp li,
#current-conditions #time p,
#current-conditions #time .section-content ul li,
.section-content ul #current-conditions #time li {
  margin: 0;
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
  font-size: 2.5em;
}

#current-conditions #temp sup,
#current-conditions #time sup {
  font-size: 0.5em;
  top: -0.65em;
}

#current-conditions #temp {
  margin-left: 5px;
}

#current-conditions #time {
  margin-left: 20px;
}

#current-conditions .attribution {
  visibility: hidden;
  margin-left: 20px;
}

#livecam-info {
  display: block;
  margin-top: -16px;
}

#livecam-info p,
#livecam-info .section-content ul li,
.section-content ul #livecam-info li {
  font-size: 0.625em;
  margin: 0;
}

#see-animals-wrapper {
  position: relative;
}

#see-animals-wrapper.day {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNiN2U3ZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjdlN2ZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(183, 231, 255, 0)), color-stop(100%, #b7e7ff));
  background: -webkit-linear-gradient(rgba(183, 231, 255, 0) 50%, #b7e7ff 100%);
  background: linear-gradient(rgba(183, 231, 255, 0) 50%, #b7e7ff 100%);
}

#see-animals-wrapper.night {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM0YTUxNmMiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGE1MTZjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(74, 81, 108, 0)), color-stop(100%, #4a516c));
  background: -webkit-linear-gradient(rgba(74, 81, 108, 0) 50%, #4a516c 100%);
  background: linear-gradient(rgba(74, 81, 108, 0) 50%, #4a516c 100%);
}

#see-animals-wrapper.night #see-animals {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/dropshadow-bottom.png') no-repeat 50% 100%, url('//d2qtpn53ex22nh.cloudfront.net/images/layout/trees-nighttime.png') no-repeat 50% 100%;
}

#see-animals-wrapper.night:after {
  background: #8b94bf;
}

#see-animals-wrapper.dusk {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjYjkyYzMiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2I5MmMzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(203, 146, 195, 0)), color-stop(100%, #cb92c3));
  background: -webkit-linear-gradient(rgba(203, 146, 195, 0) 50%, #cb92c3 100%);
  background: linear-gradient(rgba(203, 146, 195, 0) 50%, #cb92c3 100%);
}

#see-animals-wrapper.sunset {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmQzOGEiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZkMzhhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(255, 211, 138, 0)), color-stop(100%, #ffd38a));
  background: -webkit-linear-gradient(rgba(255, 211, 138, 0) 50%, #ffd38a 100%);
  background: linear-gradient(rgba(255, 211, 138, 0) 50%, #ffd38a 100%);
}

#see-animals-wrapper.day #see-animals,
#see-animals-wrapper.dusk #see-animals,
#see-animals-wrapper.sunset #see-animals {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/dropshadow-bottom.png') no-repeat 50% 100%, url('//d2qtpn53ex22nh.cloudfront.net/images/layout/trees-daytime.png') no-repeat 50% 100%;
}

#see-animals-wrapper:after {
  position: absolute;
  content: " ";
  background: #c2b873;
  width: 100%;
  bottom: 0;
  height: 82px;
  z-index: 0;
}

#see-animals {
  position: relative;
  height: 240px;
  z-index: 1;
}

#see-animals .als-container {
  width: 942px;
  max-width: 100%;
  padding-bottom: 25px;
}

#see-animals .als-viewport {
  height: 160px;
}

#see-animals .als-item {
  width: 105px;
  height: 160px;
  float: none;
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: center;
}

#see-animals .als-item a {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  color: #fff;
}

#see-animals .als-item a svg,
#see-animals .als-item a label {
  display: block;
}

#see-animals .als-item a svg {
  margin: 0 auto;
}

#see-animals .als-item a svg path {
  fill: #171717 !important;
}

#see-animals .als-item a svg label {
  visibility: visible;
}

#see-animals .als-item a label {
  color: #fff;
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
  font-size: 1em;
  visibility: hidden;
  text-align: center;
  position: relative;
  padding-top: 30px;
  text-shadow: 0px -3px 5px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  width: 500px;
  left: -195px;
}

#see-animals .als-item a label:after {
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -10px;
  margin-left-content: " ";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.animal-nav {
  top: 60%;
  margin-top: -50px;
}

.animal-nav.prev {
  left: 1px !important;
}

.animal-nav.next {
  right: 1px !important;
}

#livecam-wrapper {
  padding-top: 40px;
  max-width: 100%;
  overflow: visible;
}

@media (min-width: 942px), print {
  #livecam-wrapper .live-feeds {
    min-height: 700px;
  }
}

.video-player {
  background: #171717;
  border-top-left-radius: 10px;
}

.video-player .mini-feeds {
  position: relative;
}

.video-player .mini-feeds #alt-feeds > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 25% !important;
  overflow: hidden;
  position: relative;
}

.video-player .mini-feeds a.switch-feed {
  position: absolute;
  display: block;
  background: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.video-player .mini-feeds a.toggle-mini {
  position: absolute;
  top: -28px;
  right: 78px;
  color: #fff;
}

.video-titles .tab {
  min-height: 60px;
}

nav.tabs.video-tabs-nav .title {
  font-family: "ITC Kabel Std Demi", sans-serif;
  font-size: 1.125em;
}

nav.tabs.video-tabs-nav .info {
  font-family: "Avenir Next Condensed Italic", sans-serif;
  font-size: 0.875em;
  text-transform: none;
}

nav.tabs.video-tabs-nav .title,
nav.tabs.video-tabs-nav .info {
  text-shadow: 1px 1px 1px #171717;
}

nav.tabs.video-tabs-nav.corner-round-only ul {
  border-top-left-radius: 5px;
}

nav.tabs.video-tabs-nav.all-round ul {
  border-radius: 5px;
}

nav.tabs.video-tabs-nav ul {
  overflow: hidden;
}

nav.tabs.video-tabs-nav ul li {
  margin-bottom: 0;
  float: left;
  height: 56px;
}

nav.tabs.video-tabs-nav ul li a {
  display: block;
  padding: 10px 15px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.6);
  background: #636160;
  text-align: center;
  height: 100%;
}

nav.tabs.video-tabs-nav ul li.active a {
  background: #2c2926;
}

nav.tabs.video-tabs-nav ul li.active a .title {
  color: #ffcc33;
}

#stories-nav {
  text-align: right;
}

@media (min-width: 942px), print {
  #stories-nav {
    float: right;
  }
}

nav a,
nav input[type="text"] {
  text-transform: uppercase;
}

nav ul {
  margin: 0;
  padding: 0;
}

nav.footer {
  font-family: Arial, sans-serif;
  font-size: 0.75em;
}

nav.footer p,
nav.footer .section-content ul li,
.section-content ul nav.footer li {
  margin-right: 10px;
}

nav.footer a {
  color: #bc1817;
}

nav.footer .bars li:after {
  padding-left: 3px;
  padding-right: 3px;
}

nav.tab-buttons ul li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 5px;
}

nav.tab-buttons ul li a {
  display: block;
}

nav.top-level {
  position: relative;
}

nav.top-level ul ul {
  display: none;
}

@media (min-width: 942px), print {
  nav.top-level ul ul {
    display: block;
  }
}

.mainnav li {
  border-bottom: 1px solid #fff;
  padding: 15px 0;
}

.mainnav li.disabled a {
  color: #333333;
  pointer-events: none;
  cursor: default;
}

.mainnav a {
  color: #bc1817;
  font-family: "ITC Kabel Std Medium", sans-serif;
  font-size: 1.25em;
}

@media (min-width: 942px), print {
  .mainnav {
    z-index: 9;
    position: absolute;
    top: 50px;
    right: 0;
    text-align: right;
  }

  .mainnav li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 15px 8px;
    padding: 0;
    border-bottom: 0px solid transparent;
  }

  .mainnav li:last-child {
    margin-right: 0;
  }

  .mainnav li a {
    font-size: 1em;
    color: #fff;
  }

  .mainnav li.active a {
    color: #ffcc33;
  }
}

@media (min-width: 1080px) {
  .mainnav li {
    margin: 15px 10px;
  }

  .mainnav li a {
    font-size: 1.125em;
  }
}

@media (min-width: 1170px) {
  .mainnav li {
    margin: 15px 15px;
  }

  .mainnav li a {
    font-size: 1.25em;
  }
}

.quicklinks {
  padding-top: 10px;
}

.quicklinks li {
  padding: 12px 0;
}

.quicklinks a {
  color: #bc1817;
}

@media (min-width: 942px), print {
  .quicklinks {
    z-index: 9;
    position: absolute;
    right: 0;
    top: 20px;
    text-align: right;
    padding-top: 0;
  }

  .quicklinks li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 0;
    margin: 0 15px;
  }

  .quicklinks li.social-link {
    margin: 0 5px;
  }

  .quicklinks li:last-child {
    margin-right: 0;
  }

  .quicklinks a {
    color: #ffcc33;
    font-size: 0.875em;
  }
}

.search-form .search-box {
  position: relative;
}

.search-form .search-box:before {
  content: "";
}

.content .search-form .search-box input[type="text"] {
  text-transform: uppercase;
  font-size: 1.125em;
}

.search-form .search-box:before {
  position: absolute;
  color: #bc1817;
  height: 14px;
  width: 14px;
  top: 12px;
  left: 7px;
  font-size: 0.875em;
}

.search-form .search-box input[type="text"] {
  font-family: "Avenir Next Condensed Medium", sans-serif;
  color: #bc1817;
  padding: 8px 5px 8px 25px;
}

.search-form .search-box input[type="text"].placeholder {
  color: #bc1817;
}

.search-form .search-box input[type="text"]:-moz-placeholder {
  color: #bc1817;
}

.search-form .search-box input[type="text"]::-moz-placeholder {
  color: #bc1817;
}

.search-form .search-box input[type="text"]:-ms-input-placeholder {
  color: #bc1817;
}

.search-form .search-box input[type="text"]::-webkit-input-placeholder {
  color: #bc1817;
}

@media (min-width: 942px), print {
  .search-form .search-box:before {
    color: #ffcc33;
    left: 5px;
    top: 8px;
  }

  .search-form .search-box input[type="text"] {
    border: none;
    background: #333333;
    color: #ffcc33;
    font-size: 0.875em;
  }

  .search-form .search-box input[type="text"].placeholder {
    color: #ffcc33;
  }

  .search-form .search-box input[type="text"]:-moz-placeholder {
    color: #ffcc33;
  }

  .search-form .search-box input[type="text"]::-moz-placeholder {
    color: #ffcc33;
  }

  .search-form .search-box input[type="text"]:-ms-input-placeholder {
    color: #ffcc33;
  }

  .search-form .search-box input[type="text"]::-webkit-input-placeholder {
    color: #ffcc33;
  }
}

#logo {
  position: absolute;
  top: 5px;
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/logo.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 140px;
  height: 140px;
  z-index: 4;
  left: 0;
}

@media (min-width: 481px) {
  #logo {
    left: 25px;
  }
}

@media (min-width: 1281px) {
  #logo {
    left: 0;
    width: 145px;
    height: 145px;
  }
}

#explore-branding {
  background: transparent;
  position: absolute;
  top: 15px;
  left: 140px;
}

#explore-branding:hover {
  text-decoration: none;
}

@media (min-width: 481px) {
  #explore-branding {
    left: 172px;
  }
}

#explore-branding > p,
.section-content ul #explore-branding > li {
  margin: -5px 0;
  text-transform: uppercase;
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
  font-size: 1em;
  color: white;
  display: block;
}

#explore-branding > p strong,
.section-content ul #explore-branding > li strong {
  font-weight: normal;
  color: #ffcc33;
}

#explore-branding > p:first-child,
.section-content ul #explore-branding > li:first-child {
  color: #2684ac;
  padding-left: 0;
}

@media (min-width: 481px) {
  #explore-branding {
    top: 35px;
  }

  #explore-branding > p,
  .section-content ul #explore-branding > li {
    font-size: 1.125em;
  }
}

@media (min-width: 942px), print {
  #explore-branding {
    top: 20px;
  }
}

@media (min-width: 1281px) {
  #explore-branding {
    top: 25px;
    left: 150px;
  }

  #explore-branding > p,
  .section-content ul #explore-branding > li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding-left: 3px;
  }
}

#animated-logo {
  position: absolute;
  z-index: 19;
  height: 140px;
  width: 145px;
  top: 5px;
  left: 0px;
}

@media (min-width: 481px) {
  #animated-logo {
    left: 25px;
  }
}

@media (min-width: 1281px) {
  #animated-logo {
    left: 0;
    width: 145px;
    height: 145px;
  }
}

#animated-logo svg g > g > rect {
  fill: transparent !important;
}

#animated-logo img {
  height: 145px;
  width: 145px;
  display: block;
}

#mpala-research {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/mpala-research-logo-white.png') no-repeat 0 0;
  height: 65px;
  width: 198px;
}

#annenberg-foundation {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/annenberg-logo-white.png') no-repeat 0 0;
  height: 44px;
  width: 294px;
}

#explore {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/explore-logo-white.png') no-repeat 0 0;
  background-size: 100% 100%;
  height: 53px;
  width: 206px;
}

.comment-button {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 auto;
  background: #171717;
  padding: 10px 15px;
}

.comment-button a,
.comment-button p,
.comment-button .section-content ul li,
.section-content ul .comment-button li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-family: "Avenir Next Condensed Medium", sans-serif;
}

.comment-button a {
  overflow: hidden;
  color: #fff;
  text-transform: uppercase;
}

.comment-button p,
.comment-button .section-content ul li,
.section-content ul .comment-button li {
  margin: 0;
  padding-left: 10px;
  color: #ffcc33;
}

#disqus_thread {
  margin-top: 25px;
}

@media screen and (max-width: 941px) {
  #disqus_thread {
    margin: 10px;
  }
}

#feature-scroller .feature-nav,
#feature-scroller .animal-nav {
  display: none;
}

#feature-scroller .als-item {
  width: 100%;
  margin-bottom: 15px;
}

@media (min-width: 642px) {
  #feature-scroller {
    text-align: center;
  }

  #feature-scroller .feature-nav,
  #feature-scroller .animal-nav {
    display: block;
  }

  #feature-scroller .als-viewport {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }

  #feature-scroller .als-item {
    width: 321px;
    margin-bottom: 0;
  }
}

.feature-nav,
.animal-nav {
  display: block;
  position: absolute;
  clear: both;
  top: 50%;
  margin-top: -25px;
}

.feature-nav.als-prev,
.als-prev.animal-nav {
  left: -30px;
}

.feature-nav.als-next,
.als-next.animal-nav {
  right: -30px;
}

@media (min-width: 942px), print {
  #book-wrapper {
    overflow: visible;
  }
}

#book {
  margin: 0 auto;
  margin-top: 20px;
}

@media (min-width: 942px), print {
  #book {
    margin-top: 0;
    position: relative;
    width: 912px;
  }
}

@media (min-width: 1281px) {
  #book {
    width: 1251px;
  }
}

#book h2,
#book h3,
#book h3,
#book h4 {
  font-family: "FG Sara Elizabeth", serif;
  text-transform: none;
  font-weight: normal;
  margin: 0;
}

#book h2,
#book h3 {
  font-size: 1.375em;
}

#book h3 {
  font-size: 1.125em;
}

#book h4 {
  font-size: 1em;
}

#book #cover {
  margin: 0 auto;
}

@media (min-width: 942px), print {
  #book #cover {
    position: relative;
    background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/book-cover-tile.jpg') no-repeat 0 0;
    background-size: 100% 100%;
    height: 705px;
    border-radius: 5px;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
    width: 892px;
  }
}

@media (min-width: 1281px) {
  #book #cover {
    width: 1231px;
  }
}

#book #pages {
  top: 13px;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 942px), print {
  #book #pages {
    overflow: hidden;
    position: relative;
    background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/book-pages.jpg') no-repeat 0 0;
    background-size: 100% 100%;
    height: 678px;
    border-radius: 5px;
    width: 867px;
  }
}

@media (min-width: 1281px) {
  #book #pages {
    width: 1206px;
  }
}

#book .page-set {
  width: 100%;
}

@media (min-width: 942px), print {
  #book .page-set {
    overflow: hidden;
    white-space: nowrap;
    width: 867px;
    height: 678px;
  }

  #book .page-set:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (min-width: 1281px) {
  #book .page-set {
    width: 1206px;
  }
}

#book .page-set.placeholder {
  display: none;
}

@media (min-width: 942px), print {
  #book .page-set.placeholder {
    display: block;
  }
}

#book .page {
  text-align: center;
  white-space: normal;
  width: 100%;
}

@media (min-width: 942px), print {
  #book .page {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 433.5px;
    height: 678px;
  }
}

@media (min-width: 1281px) {
  #book .page {
    width: 603px;
  }
}

@media (min-width: 942px), print {
  #book .page:last-child:after {
    z-index: 19;
    content: "";
    position: absolute;
    width: 80px;
    height: 678px;
    left: 0;
    top: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZWVlZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZWVlZCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f1eeed), color-stop(100%, rgba(241, 238, 237, 0)));
    background-image: -webkit-linear-gradient(left, #f1eeed 0%, rgba(241, 238, 237, 0) 100%);
    background-image: linear-gradient(to right, #f1eeed 0%, rgba(241, 238, 237, 0) 100%);
  }
}

@media (min-width: 1281px) {
  #book .page:last-child:after {
    width: 120px;
  }
}

#book .page .page-inner,
#book .page:before {
  min-height: 100px;
  width: 100%;
}

@media (min-width: 942px), print {
  #book .page .page-inner,
  #book .page:before {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: auto;
    max-width: 95%;
  }
}

#book .page:before {
  content: " ";
  width: 0;
  height: 100%;
}

#book .page figure {
  margin-bottom: 40px;
  width: 100%;
}

@media (min-width: 942px), print {
  #book .page figure {
    width: auto;
    position: relative;
  }
}

#book .page figure figcaption {
  z-index: 9;
}

#book .page a {
  color: #bc1817;
  width: 100%;
  display: block;
  overflow: hidden;
}

@media (min-width: 942px), print {
  #book .page a {
    position: relative;
    width: auto;
    margin: 0 auto;
  }
}

@media (min-width: 942px), print {
  #book .page a.full figure,
  #book .page a.full img {
    max-height: 600px !important;
  }
}

@media (min-width: 942px), print {
  #book .page a.half figure,
  #book .page a.half img {
    max-height: 280px !important;
  }
}

@media (min-width: 942px), print {
  #book .page a.quarter {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

@media (min-width: 942px), print {
  #book .page a.quarter figure,
  #book .page a.quarter img {
    max-height: 280px !important;
  }
}

#book a.prev,
#book a.next {
  z-index: 101;
  position: absolute;
  top: 50%;
  margin-top: -48px;
  height: 96px;
  width: 85px;
}

#book a.prev {
  left: -5px;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/left-arrow-tab.png') no-repeat 0 0;
}

#book a.next {
  right: -5px;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/right-arrow-tab.png') no-repeat 0 0;
}

#book .watercolor-inner {
  position: relative;
  margin: 0 auto;
  max-height: 90% !important;
  width: 100%;
  overflow: hidden;
}

#book .watercolor-inner img {
  display: block;
  margin: 0 auto;
  max-height: 100% !important;
}

#book .watercolor-inner img.watercolor-hover-image {
  position: absolute;
  top: 0;
  left: 0;
}

#book .watercolor-inner img.placeholder {
  height: 100px !important;
  width: 100px !important;
}

@media (min-width: 942px), print {
  #book .watercolor-inner img.placeholder {
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    margin-left: -33px;
    margin-top: -33px;
  }
}

#book-pager {
  padding-top: 15px;
  padding-bottom: 25px;
}

#book-pager .jump li.active a {
  background: #fff;
}

.nav-chapter-active,
.no-touch nav#chapters li a:hover,
nav#chapters li.active a {
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/red-nav-tab-1.png');
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: auto 100%;
  color: #fff;
  text-decoration: none;
}

.nav-chapter-active.second,
.no-touch nav#chapters li a.second:hover,
.no-touch nav#chapters li:nth-child(3n+1) a:hover,
nav#chapters li.active a.second,
nav#chapters li:nth-child(3n+1).active a {
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/red-nav-tab-2.png');
}

.nav-chapter-active.third,
.no-touch nav#chapters li a.third:hover,
.no-touch nav#chapters li:nth-child(3n+2) a:hover,
nav#chapters li.active a.third,
nav#chapters li:nth-child(3n+2).active a {
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/red-nav-tab-3.png');
}

.nav-chapter-active svg path,
.no-touch nav#chapters li a:hover svg path,
nav#chapters li.active a svg path {
  fill: #fff !important;
}

nav#chapters {
  position: relative;
  margin-bottom: -13px;
  padding-top: 5px;
  z-index: 9;
  overflow: hidden;
}

nav#chapters svg path {
  fill: rgba(0, 0, 0, 0.8) !important;
}

nav#chapters li {
  width: 86px;
}

nav#chapters li a {
  display: block;
  position: relative;
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.8);
  padding-top: 12px;
  padding-bottom: 13px;
}

nav#chapters li a > * {
  display: block;
  margin: 0 auto;
}

nav#chapters li a p,
nav#chapters li a .section-content ul li,
.section-content ul nav#chapters li a li {
  padding-top: 5px;
  font-family: inherit;
  font-size: inherit;
}

#fg-detail {
  display: none;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/paper-bg.jpg') repeat-y 50% 0;
  background-size: 100% auto;
  width: 100%;
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
}

#fg-detail-control {
  position: absolute;
  width: 100%;
  text-align: center;
  top: -50px;
  height: 50px;
  z-index: 201;
  overflow: hidden;
}

#fg-detail-control a.button,
#fg-detail-control nav.tab-buttons ul li a,
nav.tab-buttons ul li #fg-detail-control a,
#fg-detail-control .hero-header a,
.hero-header #fg-detail-control a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
}

#fg-detail-control ul {
  position: absolute;
  right: 10px;
  top: 0;
  height: 50px;
}

#fg-detail-control ul li {
  line-height: 50px;
  padding-right: 20px;
}

#fg-detail-control ul li a {
  color: #171717;
}

#fg-detail-content header h1 {
  font-family: "Journal", serif;
  font-weight: normal;
  font-size: 4.75em;
  margin: 0;
}

#fg-detail-content header h4 {
  font-size: 1.25em;
  margin: 0;
}

#fg-detail-content .darken-right > .col:last-child {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(204, 204, 204, 0.5)), color-stop(15%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.5) 0%, rgba(255, 255, 255, 0) 15%);
  background-image: linear-gradient(to right, rgba(204, 204, 204, 0.5) 0%, rgba(255, 255, 255, 0) 15%);
}

@media screen and (max-width: 941px) {
  #fg-detail-content .darken-right > .col:last-child {
    background: none;
  }
}

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

.card-container #flip-card {
  text-align: center;
  overflow: hidden;
}

.card-container #flip-card a {
  padding-top: 0.4375em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.card-icons {
  text-align: right;
  min-height: 50px;
}

.card {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.card .side {
  overflow: hidden;
}

.card .side.back {
  position: absolute;
  left: -9999px;
}

.card .two-cols .col {
  padding: 0 20px 30px 20px;
}

.card h1 {
  margin: 0;
  padding: 10px 20px;
}

.card h2,
.card h3,
.card .col h2,
.card .col h3 {
  font-size: 1.25em;
  color: #666666;
  margin: 0;
}

.card h2.legend-blue,
.card h3.legend-blue,
.card figure.overlay figcaption h2,
figure.overlay figcaption .card h2,
.card figure.overlay figcaption h3,
figure.overlay figcaption .card h3,
.card .col h2.legend-blue,
.card .col h3.legend-blue,
.card .col figure.overlay figcaption h2,
figure.overlay figcaption .card .col h2,
.card .col figure.overlay figcaption h3,
figure.overlay figcaption .card .col h3 {
  font-size: 1.5em;
}

.card section {
  min-height: 0;
  padding: 15px 25px;
}

.card section.blue-border h2:first-child,
.card section.blue-border h3:first-child {
  margin-top: 10px;
}

.card ul {
  padding: 0;
  margin: 0;
}

.card ul li {
  margin-bottom: 15px;
}

.card ul h4 {
  font-family: "Avenir Next Condensed Medium", sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
  margin: 0;
}

.card svg {
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  height: 30px !important;
  width: 30px !important;
}

.card svg path {
  fill: rgba(0, 0, 0, 0.8) !important;
}

.card .card-bg,
.card .card-inner {
  border-radius: 10px;
}

.card .card-bg {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/card-blue-bg.png') repeat 0 0;
  padding: 15px;
}

.card .card-inner {
  background: #f7f3f2;
  overflow: hidden;
  padding: 3px;
  max-width: 500px;
  position: relative;
}

.card .card-inner p,
.card .card-inner .section-content ul li,
.section-content ul .card .card-inner li {
  margin: 1em 0;
}

.card .card-inner p:first-child,
.card .card-inner .section-content ul li:first-child,
.section-content ul .card .card-inner li:first-child {
  margin-top: 0;
}

.card .card-inner p:last-child,
.card .card-inner .section-content ul li:last-child,
.section-content ul .card .card-inner li:last-child {
  margin-bottom: 0;
}

.card .center,
.card nav.tab-buttons {
  overflow: hidden;
}

.card .col p,
.card .col .section-content ul li,
.section-content ul .card .col li {
  margin-top: 0;
  margin-bottom: 10px;
}

.card .col .button,
.card .col .hero-header a,
.hero-header .card .col a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 15px 0;
}

.card .col img {
  display: block;
  margin: 0 auto;
}

.card figure {
  margin: 0 auto;
}

.card figure * {
  text-align: center;
}

.card figure figcaption {
  font-family: "FG Sara Elizabeth", serif;
  font-size: 1em;
}

.card-main-image {
  max-width: 80%;
  overflow: hidden;
  max-height: 300px;
}

.card-main-image img {
  display: block;
  margin: 0 auto;
  max-height: 300px;
}

.card-sound {
  display: block;
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/menu-pattern.png');
  border-radius: 15px;
  margin: 10px;
  height: 140px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 96%;
}

.card-sound .inner {
  position: absolute;
  width: 75%;
  min-height: 82px;
  margin: 0 auto;
}

.cssgradients .card-sound .inner {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.no-cssgradients .card-sound .inner {
  top: 30%;
  left: 40%;
}

.no-cssgradients .card-sound .inner {
  left: 20px;
}

.card-sound .inner:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 96px;
  height: 82px;
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/play.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.card-sound .inner p,
.card-sound .inner .section-content ul li,
.section-content ul .card-sound .inner li {
  position: absolute;
  font-family: "Avenir Next Condensed Medium", sans-serif;
  font-size: 1.25em;
  color: #171717;
  margin: 0 0 0 120px;
}

.cssgradients .card-sound .inner p,
.cssgradients .card-sound .inner .section-content ul li,
.section-content ul .cssgradients .card-sound .inner li {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-cssgradients .card-sound .inner p,
.no-cssgradients .card-sound .inner .section-content ul li,
.section-content ul .no-cssgradients .card-sound .inner li {
  top: 30%;
}

.card-sound.playing .inner:after {
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/pause.png');
}

.quiz .question {
  font-family: "Avenir Next Condensed Medium", sans-serif;
  font-size: 1.5em;
}

.quiz .question p,
.quiz .question .section-content ul li,
.section-content ul .quiz .question li {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  margin: 0;
}

.quiz label {
  font-weight: bold;
  font-size: 1em;
  padding-left: 5px;
}

.quiz label p,
.quiz label .section-content ul li,
.section-content ul .quiz label li {
  display: inline;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}

.quiz .option {
  padding-bottom: 10px;
}

.quiz .two-cols {
  margin-top: 10px;
  margin-left: -10px;
}

.quiz .col {
  padding: 0 10px !important;
}

.quiz .answer {
  visibility: hidden;
}

.quiz .answer-inner h2,
.quiz .answer-inner h3 {
  font-size: 1.5em;
  text-transform: none;
  color: #171717;
}

.quiz .answer-inner h2.correct:before,
.quiz .answer-inner h3.correct:before,
.quiz .answer-inner h2.wrong:before,
.quiz .answer-inner h3.wrong:before {
  font-size: 31px;
  padding-right: 5px;
}

.quiz .answer-inner h2.correct:before,
.quiz .answer-inner h3.correct:before {
  content: "";
  color: #22c635;
}

.quiz .answer-inner h2.wrong:before,
.quiz .answer-inner h3.wrong:before {
  content: "";
  color: #bd1819;
}

.quiz .answer-inner p,
.quiz .answer-inner .section-content ul li,
.section-content ul .quiz .answer-inner li {
  display: block;
  font-family: "Avenir Next Condensed Medium", sans-serif;
  font-size: 0.875em;
}

.live-lesson {
  margin-top: 20px;
  margin-bottom: 10px;
}

.vid-popover-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 8;
  background: rgba(23, 23, 23, 0.8);
}

.vid-popover-wrapper .vid-popover-inner-wrapper {
  position: absolute;
  left: 0;
  top: 0;
}

.vid-popover-wrapper .vid-close {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 9;
}

@media (min-width: 1050px) {
  .vid-popover-wrapper .vid-close {
    top: 0;
    right: -50px;
  }
}

.vid-popover-wrapper .vid-close a {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/close-button.png') no-repeat 0 0;
  text-decoration: none;
  font-size: 2.5em;
  height: 40px;
  width: 40px;
  display: block;
}

.carousel {
  max-width: 1280px !important;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  height: 720px;
}

.carousel img {
  z-index: 1;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.carousel img:not(:first-child) {
  display: none;
}

.splash-features {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  z-index: 2;
  position: relative;
}

.hero {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3MTcxNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzE3MTciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 300, color-stop(0%, rgba(23, 23, 23, 0)), color-stop(100%, #171717));
  background: -webkit-linear-gradient(rgba(23, 23, 23, 0), #171717 300px);
  background: linear-gradient(rgba(23, 23, 23, 0), #171717 300px);
  padding-top: 130px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 3;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
  max-width: 1280px;
}

@media (min-width: 481px) {
  .hero {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3MTcxNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzE3MTciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 50% 0%, 50% 100, color-stop(0%, rgba(23, 23, 23, 0)), color-stop(100%, #171717));
    background: -webkit-linear-gradient(rgba(23, 23, 23, 0), #171717 100px);
    background: linear-gradient(rgba(23, 23, 23, 0), #171717 100px);
    padding-bottom: 25px;
    padding-top: 105px;
  }
}

.no-cssgradients .hero {
  background: #171717;
  padding-top: 30px;
}

.hero-header {
  margin: 0 auto;
  padding-bottom: 25px;
}

.hero-header > div:last-child {
  margin-top: 25px;
}

@media (min-width: 942px), print {
  .hero-header {
    padding-top: 0px;
    padding-bottom: 0px;
    display: table;
    vertical-align: middle;
  }

  .hero-header > div {
    display: table-cell;
    vertical-align: middle;
  }

  .hero-header > div:first-child {
    padding-right: 30px;
  }

  .hero-header > div:last-child {
    width: 20%;
    margin-top: 0;
  }
}

.hero-header h1 {
  text-transform: uppercase;
  font-family: "ITC Kabel Std Demi", sans-serif;
  font-size: 2.25em;
  color: white;
  margin: 0;
}

.hero-header a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 1.5em;
}

.hero-header p,
.hero-header .section-content ul li,
.section-content ul .hero-header li {
  color: white;
  font-size: 0.9375em;
  font-weight: bold;
  margin: 0;
}

.menu-blocks {
  padding-bottom: 30px;
}

.menu-blocks .col .menu-block {
  background-image: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/menu-pattern.png');
  background-repeat: repeat;
  background-color: #d0491a;
}

.menu-blocks .col:nth-child(4n+2) .menu-block {
  background-color: #669933;
}

.menu-blocks .col:nth-child(4n+3) .menu-block {
  background-color: #0099cc;
}

.menu-blocks .col:nth-child(4n+4) .menu-block {
  background-color: #bc1817;
}

.menu-blocks .col:nth-child(4n+5) .menu-block {
  background-color: #eba103;
}

.menu-blocks .menu-block {
  padding: 15px;
}

.menu-blocks .menu-block * {
  color: white;
}

.menu-blocks .menu-block a {
  font-size: 1.375em;
  text-transform: uppercase;
  font-family: "ITC Kabel Std Demi", sans-serif;
}

.menu-blocks .menu-block p,
.menu-blocks .menu-block .section-content ul li,
.section-content ul .menu-blocks .menu-block li {
  margin-bottom: 0 !important;
  margin-top: 10px !important;
  font-size: 0.875em;
}

.country-specific.kenya {
  background-color: #669933;
}

.country-specific.kenya.active {
  background-color: #334d19;
}

.country-specific.us {
  background-color: #0099cc;
}

.country-specific.us.active {
  background-color: #004d66;
}

.classroom-units {
  padding-top: 40px;
  padding-bottom: 50px;
}

@media (min-width: 942px), print {
  .classroom-units .unit-filters .content > div {
    float: right;
  }
}

.classroom-units .unit-filters a,
.classroom-units .unit-filters p,
.classroom-units .unit-filters .section-content ul li,
.section-content ul .classroom-units .unit-filters li {
  font-size: 1.5em;
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
  text-transform: uppercase;
  display: block;
}

@media (min-width: 942px), print {
  .classroom-units .unit-filters a,
  .classroom-units .unit-filters p,
  .classroom-units .unit-filters .section-content ul li,
  .section-content ul .classroom-units .unit-filters li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

.classroom-units .unit-filters p,
.classroom-units .unit-filters .section-content ul li,
.section-content ul .classroom-units .unit-filters li {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
}

@media (min-width: 942px), print {
  .classroom-units .unit-filters p,
  .classroom-units .unit-filters .section-content ul li,
  .section-content ul .classroom-units .unit-filters li {
    margin-left: 0;
  }
}

.classroom-units .unit-filters a:not(.button):not(.hero-header a) {
  margin-right: 50px;
  display: none;
}

.classroom-units .unit-filters a:not(.button):not(.hero-header a).active {
  color: #949190;
}

@media (min-width: 942px), print {
  .classroom-units .unit-filters a:not(.button):not(.hero-header a) {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

.classroom-units .unit-filters .filter-tabs {
  width: 100%;
  display: table;
}

@media (min-width: 942px), print {
  .classroom-units .unit-filters .filter-tabs {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

.classroom-units .unit-filters .button,
.classroom-units .unit-filters .hero-header a,
.hero-header .classroom-units .unit-filters a {
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 942px), print {
  .classroom-units .unit-filters .button,
  .classroom-units .unit-filters .hero-header a,
  .hero-header .classroom-units .unit-filters a {
    display: inline-block;
    vertical-align: bottom;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-left: 15px;
    width: 280px;
  }
}

.classroom-units .unit-list {
  padding-top: 30px;
}

.classroom-units .unit {
  margin-top: 20px;
}

.classroom-units .unit-header {
  overflow: hidden;
  background-position: 0 -10px;
  position: relative;
}

.classroom-units .unit-header * {
  color: white;
}

.classroom-units .unit-header .inner {
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.classroom-units .unit-header img {
  width: 33%;
  display: none;
}

@media (min-width: 481px) {
  .classroom-units .unit-header img {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

@media (min-width: 942px), print {
  .classroom-units .unit-header img {
    display: inline-block;
    vertical-align: bottom;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

.classroom-units .unit-header .inner {
  padding: 25px 20px 10px 20px;
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

@media (min-width: 481px) {
  .classroom-units .unit-header .inner {
    width: 66%;
  }
}

.classroom-units .unit-header h1 {
  font-family: "ITC Kabel Std Demi", sans-serif;
  font-size: 2em;
  text-transform: uppercase;
  margin: 0;
}

.classroom-units .unit-header h1 a {
  font-family: inherit;
}

.classroom-units .unit-header p,
.classroom-units .unit-header .section-content ul li,
.section-content ul .classroom-units .unit-header li {
  margin: 10px 0;
}

.classroom-units .unit-header .button,
.classroom-units .unit-header .hero-header a,
.hero-header .classroom-units .unit-header a {
  font-family: "ITC Kabel Std Demi", sans-serif;
  background: rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
  font-size: 0.875em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.unit-lessons {
  background: #c6c4c0;
  padding: 5px 7px;
}

.lesson hr {
  width: 100%;
  height: 20px;
  border: none;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/blue-ink-stripe.jpg') no-repeat 0 100%;
}

.Kenya .lesson hr {
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/green-ink-stripe.png') no-repeat 0 100%;
}

.lesson {
  overflow: hidden;
  background: white;
  max-width: 100%;
  margin: 10px 0;
}

@media (min-width: 942px), print {
  .lesson {
    width: 315px;
    max-width: 30.5%;
    margin: 10px 1.3%;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

.lesson .lesson-header {
  background-position: 0 -18px;
  position: relative;
  padding: 10px 15px;
}

.lesson .lesson-header:after {
  height: 5px;
}

.lesson .lesson-header a,
.lesson .lesson-header p,
.lesson .lesson-header .section-content ul li,
.section-content ul .lesson .lesson-header li {
  color: white;
  font-weight: bold;
  display: block;
  padding: 5px 0;
  margin: 0;
}

.lesson .lesson-header img {
  float: right;
}

.lesson .lesson-summary {
  padding: 15px;
  position: relative;
}

.lesson .lesson-summary:after {
  height: 12px;
}

.lesson .lesson-summary h4 {
  color: black;
  text-transform: uppercase;
  margin: 0;
  font-size: 0.875em;
  font-family: "Avenir Next Condensed Demi Bold", sans-serif;
}

.lesson .lesson-summary h2,
.lesson .lesson-summary h3 {
  margin: 0;
  font-size: 1.5em;
}

.lesson .lesson-summary p,
.lesson .lesson-summary .section-content ul li,
.section-content ul .lesson .lesson-summary li {
  font-size: 1em;
}

.lesson .lesson-summary p.clock,
.lesson .lesson-summary .section-content ul li.clock,
.section-content ul .lesson .lesson-summary li.clock {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 0.875em;
  margin: 5px 0;
}

.lesson .lesson-summary p.clock:before,
.lesson .lesson-summary .section-content ul li.clock:before,
.section-content ul .lesson .lesson-summary li.clock:before {
  content: "";
  padding-right: 10px;
  color: #0099cc;
  font-size: 1.8em;
}

.Kenya .lesson .lesson-summary p.clock:before,
.Kenya .lesson .lesson-summary .section-content ul li.clock:before,
.section-content ul .Kenya .lesson .lesson-summary li.clock:before {
  color: #669933;
}

.lesson-item.collapsible {
  padding-top: 20px;
  margin-top: 30px;
}

.lesson-item.collapsible.generic .button,
.lesson-item.collapsible.generic .hero-header a,
.hero-header .lesson-item.collapsible.generic a {
  background: rgba(208, 73, 26, 0.6);
}

.lesson-item.collapsible.Kenya a.button,
.lesson-item.collapsible.Kenya nav.tab-buttons ul li a,
nav.tab-buttons ul li .lesson-item.collapsible.Kenya a,
.lesson-item.collapsible.Kenya .hero-header a,
.hero-header .lesson-item.collapsible.Kenya a {
  background: rgba(102, 153, 51, 0.6);
}

.lesson-item.collapsible h2,
.lesson-item.collapsible h3 {
  margin: 0;
  padding-bottom: 5px;
}

.lesson-item.collapsible .button,
.lesson-item.collapsible .hero-header a,
.hero-header .lesson-item.collapsible a {
  font-family: "ITC Kabel Std Demi", sans-serif;
  padding: 7px 30px;
  font-size: 0.875em;
  background: rgba(0, 153, 204, 0.6);
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.lesson-item-content figure[style*="float: left;"] {
  margin-right: 15px;
  margin-bottom: 15px;
}

.lesson-item-content figure[style*="float: right;"] {
  margin-left: 15px;
  margin-bottom: 15px;
}

.classroom-header,
.alert {
  margin-top: 50px;
  margin-bottom: 15px;
  overflow: hidden;
  width: 100%;
  background: #0099cc url('//d2qtpn53ex22nh.cloudfront.net/images/layout/menu-pattern.png') repeat 0 0;
}

.classroom-header.Kenya,
.Kenya.alert {
  background: #669933 url('//d2qtpn53ex22nh.cloudfront.net/images/layout/menu-pattern.png') repeat 0 0;
}

.classroom-header.generic,
.alert {
  background: #d0491a url('//d2qtpn53ex22nh.cloudfront.net/images/layout/menu-pattern.png') repeat 0 0;
}

.classroom-header .inner,
.alert .inner {
  position: relative;
  overflow: hidden;
  padding: 20px;
}

@media (min-width: 481px) {
  .classroom-header .inner,
  .alert .inner {
    min-height: 170px;
  }
}

@media (min-width: 942px), print {
  .classroom-header .inner,
  .alert .inner {
    padding: 20px 80px 20px 20px;
  }
}

@media (min-width: 942px), print {
  .classroom-header .inner .centered,
  .alert .inner .centered {
    position: absolute;
  }

  .cssgradients .classroom-header .inner .centered,
  .cssgradients .alert .inner .centered {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .no-cssgradients .classroom-header .inner .centered,
  .no-cssgradients .alert .inner .centered {
    top: 30%;
  }
}

.classroom-header .inner .centered > *,
.alert .inner .centered > * {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.classroom-header .lesson-icon,
.alert .lesson-icon {
  width: 90px;
  height: 90px;
  background: url('//d2qtpn53ex22nh.cloudfront.net/images/layout/blue-circle.png') no-repeat 50% 50%;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}

@media (min-width: 942px), print {
  .classroom-header .lesson-icon,
  .alert .lesson-icon {
    margin-bottom: 0;
  }
}

.classroom-header .lesson-icon img,
.alert .lesson-icon img {
  display: block;
  position: absolute;
}

.cssgradients .classroom-header .lesson-icon img,
.cssgradients .alert .lesson-icon img {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.no-cssgradients .classroom-header .lesson-icon img,
.no-cssgradients .alert .lesson-icon img {
  top: 30%;
  left: 40%;
}

.classroom-header .lesson-image,
.alert .lesson-image {
  text-align: right;
}

@media (min-width: 481px) {
  .classroom-header .lesson-image,
  .alert .lesson-image {
    float: right;
    width: 31.25%;
  }
}

.classroom-header a,
.alert a,
.classroom-header h1,
.alert h1 {
  color: white;
  font-family: "ITC Kabel Std Demi", sans-serif;
  text-transform: uppercase;
}

.classroom-header a,
.alert a {
  font-size: 1.375em;
  line-height: 1.125em;
}

@media (min-width: 481px) {
  .classroom-header a,
  .alert a {
    display: block;
  }
}

.classroom-header h1,
.alert h1 {
  font-size: 2.375em;
  margin: 15px 0 0 0;
  line-height: 0.9em;
}

.share-links {
  position: relative;
}

.share-links > div {
  top: 0;
  padding-top: 35px;
  display: none;
  position: absolute;
  width: 300px;
  height: 50px;
}

@media (min-width: 942px), print {
  .share-links > div {
    padding-top: 25px;
  }
}

.share-links > div span {
  float: left;
}

.share-links.narrow > div {
  position: fixed;
  padding-top: 0;
  top: 170px;
  width: 50px;
  height: 200px;
  z-index: 99;
}

.share-links.narrow > div span {
  margin-bottom: 2px;
}

.share-links:hover > div {
  display: block;
}

.alert {
  display: none;
}

.alert .section-content {
  padding: 0 50px;
}

.alert h1 {
  margin: 0.7em 0;
}

.alert p,
.alert .section-content ul li,
.section-content ul .alert li {
  color: white;
  font-size: 1em;
}

.related-stories figure {
  margin-bottom: 10px;
}

.related-stories .blurb {
  font-size: 0.875em;
}

@media print {
  * {
    overflow: hidden;
  }

  .print-only {
    display: block;
  }

  .no-print,
  .vegas-background,
  .mainnav,
  .quicklinks,
  .feature-nav,
  .animal-nav,
  #feature-scroller,
  nav#chapters,
  nav#book-pager,
  #fg-detail-control,
  .unit-filters,
  .lesson-collapser,
  .item-collapser,
  .responsive-nav {
    display: none !important;
  }

  h1,
  h2,
  h3,
  h3,
  h4,
  h5,
  p,
  .section-content ul li {
    color: black !important;
  }

  a {
    color: blue !important;
  }

  .button,
  .hero-header a {
    background: transparent !important;
    border: 2px solid black;
  }

  body,
  .responsive-content,
  .triangle-border,
  .bordered-top,
  .callout.bordered,
  .wave-border,
  .lesson-item,
  .unit-header,
  .banner,
  #fg-detail-content .col {
    background: transparent !important;
  }

  .responsive-wrapper,
  .main,
  .container,
  .wide-container,
  .content,
  .feature-wrapper {
    overflow: auto;
  }

  .responsive-content {
    height: auto;
  }

  .responsive-content > header {
    height: 0px;
  }

  .responsive-content > footer nav {
    display: none !important;
  }

  .equalize-heights .fix-height {
    height: auto !important;
  }

  .hero {
    padding-top: 0;
  }

  .carousel {
    height: 500px !important;
  }

  .section-content {
    padding: 10px 15px;
  }

  #print-logo {
    height: 55px;
    width: 55px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 9;
  }

  .push-down {
    padding-top: 10px;
  }

  #book #pages {
    width: 940px !important;
    max-width: 100%;
  }

  #book > a {
    display: none !important;
  }

  .book-bg.detail #book-wrapper {
    display: none !important;
  }

  #fg-detail {
    top: 0 !important;
    overflow: hidden;
    position: static;
  }

  #fg-detail-viewport {
    height: auto !important;
    overflow: hidden;
    background: white;
  }

  .als-container {
    max-width: 100%;
  }

  .card {
    max-width: 100%;
  }

  .card .card-inner {
    width: auto !important;
    border: 3px solid black;
  }

  .fg-gallery a.collapser {
    display: none;
  }

  .classroom-header,
  .alert {
    background: transparent;
    margin-top: 0;
  }

  .classroom-header .lesson-icon,
  .alert .lesson-icon {
    display: none !important;
  }

  .classroom-header .lesson-image,
  .alert .lesson-image {
    width: 100px;
    height: auto;
  }

  .classroom-header a,
  .alert a {
    display: none;
  }

  .classroom-header .inner,
  .alert .inner {
    min-height: 0;
    overflow: visible;
  }

  .classroom-header .inner .centered,
  .alert .inner .centered {
    position: static;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .classroom-header h1,
  .alert h1 {
    color: black;
    line-height: 1.1em;
    font-size: 1.875em;
    overflow: hidden;
  }

  .banner {
    margin-top: 0;
  }

  .banner figure img {
    width: 45%;
  }

  .classroom-units {
    padding: 0;
  }

  .lesson-item-content {
    display: block !important;
  }

  .callout {
    border: 2px solid black;
    padding: 5px !important;
  }

  figure.overlay figcaption {
    position: static;
    width: 100%;
    background: transparent;
  }

  .card .side {
    position: static;
    left: 0;
    display: block !important;
  }

  .card-inner {
    height: auto !important;
  }

  .five-cols.short-3 {
    width: 100%;
  }

  .classroom a:link:after,
  .classroom a:visited:after {
    content: " [" attr(href) "] ";
  }
}