@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

sup {
  vertical-align: super;
  font-size: smaller; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 30;
  display: block;
  position: relative;
  color: #333;
  border-bottom-color: #bbb; }

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table; }

.pika-single:after {
  clear: both; }

.pika-single {
  *zoom: 1; }

.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-lendar {
  width: 240px;
  max-width: 300px;
  margin: 8px auto; }

.pika-title {
  position: relative;
  text-align: center; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 22px;
  line-height: 36px;
  font-weight: bold; }

.pika-title select {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 47px;
  font-size: 0px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: .5;
  *position: absolute;
  *top: 0; }

.pika-prev:hover,
.pika-next:hover {
  opacity: 1; }

.pika-prev,
.is-rtl .pika-next:after {
  float: left;
  background: url("../images/back-calendar.gif") no-repeat center center;
  *left: 0; }

.pika-next,
.is-rtl .pika-prev:after {
  float: right;
  background: url("../images/next-calendar.gif") no-repeat center center;
  *right: 0; }

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 1;
  border-color: #eaeaea;
  border: 1;
  font-family: "adelle-sans", Helvetica, Arial, sans-serif; }

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
  border: solid 1px #eaeaea;
  font-family: "adelle-sans", Helvetica, Arial, sans-serif; }

.pika-table th {
  color: #464646;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  border: none;
  padding-bottom: 12px; }

.pika-button {
  cursor: pointer;
  display: block;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 4px 5px 2px;
  color: #464646;
  font-size: 14px;
  text-align: right;
  background: white;
  font-family: "adelle-sans", Helvetica, Arial, sans-serif; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-today .pika-button {
  background: #eaeaea; }

.is-selected .pika-button,
.has-event .pika-button {
  background: #cdf3fd; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3; }

.has-event .pika-button {
  background: #cdf3fd; }

/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%; }

body {
  font: 400 14px/2.0 "Adelle", Helvetica, Arial, sans-serif;
  background: #fafafa;
  color: #404040;
  box-sizing: border-box;
  overflow-x: hidden; }

strong {
  font-weight: bold; }

a {
  color: #404040;
  text-decoration: none; }
  @media only screen and (min-width: 1025px) {
    a:hover {
      opacity: 0.5; } }

select::-ms-expand {
  display: none; }

#mediaQueryDetector {
  width: 320px; }
  @media only screen and (min-width: 701px) {
    #mediaQueryDetector {
      width: 640px; } }
  @media only screen and (min-width: 1025px) {
    #mediaQueryDetector {
      width: 1024px; } }

.noFlick {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.siteContainer {
  max-width: 1480px;
  margin: 0 auto;
  overflow: hidden; }

.siteOverlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 200;
  display: none;
  opacity: 0; }

.contentContainer h2 span {
  font-weight: normal; }
.contentContainer div.buttons {
  padding: 0 20px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 70px; }
  @media only screen and (min-width: 701px) {
    .contentContainer div.buttons {
      padding: 0; } }
  .contentContainer div.buttons a {
    display: block;
    font-size: 15px;
    line-height: 48px;
    height: 48px;
    border: solid 2px #737373;
    border-radius: 4px;
    width: 100%;
    max-width: 320px;
    background-color: #FFFFFF;
    font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
    color: #464646;
    margin: 20px auto 0; }
    @media only screen and (min-width: 701px) {
      .contentContainer div.buttons a {
        font-size: 16px;
        display: inline-block;
        width: 210px;
        margin-right: 8px; } }
    @media only screen and (max-width: 700px) {
      .contentContainer div.buttons a {
        max-width: 100%;
        height: 65px;
        font-size: 21px;
        line-height: 62px; } }
    .contentContainer div.buttons a.button {
      padding: 0 10px;
      text-align: center; }
      @media only screen and (min-width: 701px) {
        .contentContainer div.buttons a.button {
          width: auto;
          padding: 0 20px;
          min-width: 210px; } }
      @media only screen and (min-width: 1025px) {
        .contentContainer div.buttons a.button {
          opacity: 1; }
          .contentContainer div.buttons a.button:hover {
            background: white; } }
    .contentContainer div.buttons a.selected {
      border: solid 2px #FFFFFF;
      background-color: #7D7D7D;
      color: #FFFFFF; }
      .contentContainer div.buttons a.selected:hover {
        background-color: #404040;
        color: #FFFFFF;
        border-color: #FFFFFF; }
    .contentContainer div.buttons a.button:hover {
      background-color: #404040;
      color: #FFFFFF;
      border-color: #FFFFFF; }
    @media only screen and (min-width: 701px) {
      .contentContainer div.buttons a.selectContainer {
        float: right;
        margin-right: 0px; }
        .contentContainer div.buttons a.selectContainer select {
          line-height: 46px; } }
    @media only screen and (min-width: 1025px) {
      .contentContainer div.buttons a.selectContainer:hover {
        background-color: #d7d7d7; } }

div.videoContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 250;
  display: none;
  opacity: 0;
  top: 0px;
  left: 0px;
  -webkit-transform: translate(0px, 40px);
  -moz-transform: translate(0px, 40px);
  -ms-transform: translate(0px, 40px);
  -o-transform: translate(0px, 40px);
  transform: translate(0px, 40px);
  text-align: center; }
  div.videoContainer a.close {
    display: block;
    background: url("../images/close-x.png") no-repeat top center;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -240px;
    width: 100%;
    overflow: hidden; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.videoContainer a.close {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/close-x@2x.png");
        background-size: 24px 24px; } }
    div.videoContainer a.close:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    @media only screen and (min-width: 701px) {
      div.videoContainer a.close {
        margin-top: -210px; } }
    @media only screen and (min-width: 1025px) {
      div.videoContainer a.close {
        margin-top: -240px; } }
  div.videoContainer iframe {
    position: absolute;
    display: inline-block;
    top: 22%;
    width: 100%;
    left: 0; }
    @media only screen and (min-width: 701px) {
      div.videoContainer iframe {
        top: 50%;
        left: 50%;
        width: 600px;
        height: 337px;
        margin-top: -170px;
        margin-left: -300px; } }
    @media only screen and (min-width: 1025px) {
      div.videoContainer iframe {
        width: 680px;
        height: 382px;
        margin-top: -200px;
        margin-left: -340px; } }

div.copyContainer.styles p {
  padding: 10px 20px 10px;
  text-align: center; }
  @media only screen and (min-width: 701px) {
    div.copyContainer.styles p {
      padding: 10px 0px 10px; } }
  div.copyContainer.styles p a {
    font-weight: bold;
    text-decoration: underline; }
div.copyContainer.styles ul {
  margin: 0px 0;
  padding-left: 40px;
  list-style-type: disc; }
div.copyContainer.styles ol {
  margin: 0px 0;
  padding-left: 40px;
  list-style-type: decimal; }
div.copyContainer.styles sub {
  vertical-align: sub;
  font-size: smaller; }
div.copyContainer.styles sup {
  vertical-align: super;
  font-size: smaller; }

.responsive {
  max-width: 640px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 701px) {
    .responsive {
      max-width: 700px; } }
  @media only screen and (min-width: 1025px) {
    .responsive {
      max-width: 950px; } }
  @media only screen and (min-width: 701px) {
    .responsive.large {
      max-width: 1024px; } }
  @media only screen and (min-width: 1025px) {
    .responsive.large {
      max-width: 1480px; } }

.slider {
  overflow: hidden;
  width: 100%; }

.slider ul {
  position: relative;
  font-size: 0px;
  list-style: none;
  padding: 0;
  z-index: 2;
  overflow: hidden;
  width: 10000px; }

.slider li {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  vertical-align: top; }

.sliderNav {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 20px; }
  .sliderNav a {
    display: inline-block;
    border-radius: 50%;
    border: none;
    margin: 0 4px;
    height: 9px;
    width: 9px;
    background: white;
    border: solid 1px #bebebe;
    vertical-align: middle; }
    @media only screen and (min-width: 701px) {
      .sliderNav a {
        height: 14px;
        width: 14px; } }
  .sliderNav a.on {
    height: 9px;
    width: 9px;
    border: solid 2px #fafafa;
    background-color: #404040; }
    @media only screen and (min-width: 701px) {
      .sliderNav a.on {
        border: solid 3px #fafafa;
        height: 14px;
        width: 14px; } }

.arrowsContainer {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  display: none; }
  .arrowsContainer.home {
    max-width: none; }
  .arrowsContainer.work {
    display: block; }
  @media only screen and (min-width: 1025px) {
    .arrowsContainer {
      display: block; } }

div.arrowContainer {
  text-align: center; }
  @media only screen and (min-width: 1025px) {
    div.arrowContainer {
      height: 77px; } }
  div.arrowContainer a.arrow {
    display: inline-block;
    margin: 0 4px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: solid 2px #e8e8e8;
    overflow: hidden;
    background-position: center; }
    div.arrowContainer a.arrow:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }

div.pagination2 {
  width: 100%;
  position: relative;
  height: 50px;
  text-align: center; }
  @media only screen and (min-width: 701px) {
    div.pagination2 {
      display: none; } }
  div.pagination2 div.button {
    position: absolute;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    top: 0;
    font-size: 12px;
    background: white;
    border: solid 1px #e7e7e7;
    border-radius: 50%;
    overflow: hidden; }
    div.pagination2 div.button:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    div.pagination2 div.button.prev {
      left: 26px;
      background: url("../images/back-gallery.gif") no-repeat center center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        div.pagination2 div.button.prev {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/back-gallery@2x.gif");
          background-size: 22px 22px; } }
    div.pagination2 div.button.next {
      right: 26px;
      background: url("../images/next-gallery.gif") no-repeat center center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        div.pagination2 div.button.next {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/next-gallery@2x.gif");
          background-size: 22px 22px; } }
    div.pagination2 div.button.disabled {
      opacity: 0.5; }
  div.pagination2 div.pagenos {
    margin: 0 auto;
    width: 100px;
    text-align: center;
    font-size: 12px;
    height: 50px;
    color: #363636;
    line-height: 30px;
    padding-top: 10px; }
    div.pagination2 div.pagenos input {
      border: none;
      padding: 5px;
      display: inline-block;
      vertical-align: middle;
      width: 20px; }
    div.pagination2 div.pagenos p {
      vertical-align: middle;
      display: inline-block; }

div.pagination {
  text-align: center;
  display: none; }
  @media only screen and (min-width: 701px) {
    div.pagination {
      display: block; } }
  div.pagination ul {
    font-size: 0; }
    div.pagination ul li {
      display: inline-block;
      width: 40px;
      height: 40px;
      font-size: 16px;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif;
      line-height: 40px;
      color: #363636; }
      div.pagination ul li a {
        display: block; }
      div.pagination ul li span.current {
        display: block;
        border-radius: 50%;
        background: #e7e7e7; }

a.selectContainer {
  position: relative;
  z-index: 9;
  display: inline-block;
  line-height: 48px;
  vertical-align: top;
  height: 48px;
  width: 50%;
  background: #f5f5f5 url("../images/drop-down.png") no-repeat right center; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    a.selectContainer {
      /* on retina, use image that's scaled by 2 */
      background-image: url("../images/drop-down@2x.png");
      background-size: 35px 56px; } }
  a.selectContainer:focus {
    outline-width: 5px; }
  @media only screen and (min-width: 1025px) {
    a.selectContainer:hover {
      background-color: white; } }
  a.selectContainer:hover {
    opacity: 1; }
  a.selectContainer select {
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    box-shadow: none;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 0 40px 0 10px;
    font-size: 15px;
    line-height: 48px;
    color: #464646; }
    a.selectContainer select span {
      display: inline-block;
      width: 80%;
      overflow: hidden; }
    @media only screen and (min-width: 701px) {
      a.selectContainer select {
        font-size: 16px;
        line-height: 49px; } }

section.pagenotfound {
  padding: 80px 0;
  text-align: center; }
  @media only screen and (min-width: 701px) {
    section.pagenotfound {
      padding: 200px 0; } }
  section.pagenotfound h3 {
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle-sans", Helvetica, Arial, sans-serif;
    font-weight: bold; }
    @media only screen and (min-width: 701px) {
      section.pagenotfound h3 {
        font-size: 24px;
        line-height: 40px; } }
  section.pagenotfound p {
    font-size: 12px;
    line-height: 20px; }
    @media only screen and (min-width: 701px) {
      section.pagenotfound p {
        font-size: 16px;
        line-height: 30px; } }
  section.pagenotfound a {
    font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
    line-height: 20px;
    padding-top: 20px;
    display: block; }
    @media only screen and (min-width: 701px) {
      section.pagenotfound a {
        font-size: 16px;
        line-height: 30px; } }

nav.main {
  position: relative;
  background: white; }
  @media only screen and (min-width: 1025px) {
    nav.main {
      min-height: 70px; } }
  nav.main .navButton {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
    text-align: right;
    height: 56px;
    padding: 14px 44px 0 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    nav.main .navButton span {
      position: absolute;
      width: 15px;
      height: 12px;
      right: 22px;
      top: 24px;
      background: url("../images/burger.gif") no-repeat 93% center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        nav.main .navButton span {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/burger@2x.gif");
          background-size: 15px 12px; } }
      @media only screen and (min-width: 701px) {
        nav.main .navButton span {
          right: 12px;
          top: 34px; } }
      nav.main .navButton span.close {
        background: url("../images/close.gif") no-repeat 93% center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          nav.main .navButton span.close {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/close@2x.gif");
            background-size: 15px 12px; } }
    @media only screen and (min-width: 701px) {
      nav.main .navButton {
        height: 75px;
        padding: 24px 34px 0 0; } }
    @media only screen and (min-width: 1025px) {
      nav.main .navButton {
        display: none; } }
  nav.main .logo {
    position: absolute;
    z-index: 10;
    width: 130px;
    height: 36px;
    background: url("../images/logo-tmp.gif") no-repeat;
    background-size: 130px 36px;
    overflow: hidden;
    margin-top: 13px;
    margin-left: 16px;
    display: block;
    float: left; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      nav.main .logo {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-tmp@2x.jpg");
        background-size: 130px 35px; } }
    nav.main .logo:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
@media only screen and (min-width: 701px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 701px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 701px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 701px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 701px) and (min-resolution: 1.3dppx) {
  nav.main .logo {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/logo-tmp@2x.jpg");
    background-size: 170px 45px; } }

    nav.main .logo.fr {
      background: url("../images/logo-tmp-fr.gif") no-repeat; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        nav.main .logo.fr {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/logo-tmp-fr@2x.jpg");
          background-size: 130px 35px; } }
@media only screen and (min-width: 701px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 701px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 701px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 701px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 701px) and (min-resolution: 1.3dppx) {
  nav.main .logo.fr {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/logo-tmp-fr@2x.jpg");
    background-size: 170px 45px; } }

    @media only screen and (min-width: 701px) {
      nav.main .logo {
        width: 170px;
        height: 45px;
        background-size: 170px 45px;
        float: none;
        left: 50%;
        margin-left: -85px;
        margin-top: 16px; } }
    @media only screen and (min-width: 1025px) {
      nav.main .logo {
        width: 170px;
        height: 45px;
        margin-top: 14px;
        left: 0px;
        margin-left: 0px; } }
  @media only screen and (min-width: 1025px) {
    nav.main nav.menu {
      position: relative;
      z-index: 5; } }
  nav.main nav.menu div.navSlide {
    width: 100%;
    white-space: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
    @media only screen and (min-width: 1025px) {
      nav.main nav.menu div.navSlide {
        overflow: hidden; } }
  nav.main nav.menu li {
    display: inline-block;
    vertical-align: top; }
    nav.main nav.menu li a {
      font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
      display: inline-block; }
    @media only screen and (min-width: 1025px) {
      nav.main nav.menu li {
        height: 70px; } }
  nav.main nav.menu.first {
    position: absolute;
    z-index: 100;
    height: 50px;
    overflow: hidden;
    background: #f5f5f5;
    width: 100%;
    display: block;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    border-top: solid 1px #e8e8e8;
    font-size: 12px; }
    @media only screen and (min-width: 701px) {
      nav.main nav.menu.first {
        display: block;
        text-align: center;
        height: 70px; } }
    @media only screen and (min-width: 1025px) {
      nav.main nav.menu.first {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: static;
        display: block;
        background: transparent;
        height: 70px;
        right: 0px;
        text-align: right; } }
    nav.main nav.menu.first div.responsive {
      max-width: none; }
      @media only screen and (min-width: 1025px) {
        nav.main nav.menu.first div.responsive {
          max-width: 950px; } }
    nav.main nav.menu.first ul {
      width: auto;
      height: 65px; }
      @media only screen and (min-width: 701px) {
        nav.main nav.menu.first ul {
          height: 85px; } }
      nav.main nav.menu.first ul li a {
        color: #797979;
        font-weight: normal;
        margin: 14px 0 0 20px;
        text-transform: uppercase;
        display: table; }
        @media only screen and (min-width: 701px) {
          nav.main nav.menu.first ul li a {
            margin: 25px 0 0 17px; } }
        @media only screen and (min-width: 1025px) {
          nav.main nav.menu.first ul li a {
            margin: 25px 0 0 20px; } }
        nav.main nav.menu.first ul li a.donate {
          margin: 6px 20px 0 12px; }
          @media only screen and (min-width: 701px) {
            nav.main nav.menu.first ul li a.donate {
              margin: 20px 20px 0 12px; } }
          @media only screen and (min-width: 1025px) {
            nav.main nav.menu.first ul li a.donate {
              margin: 0 0 0 12px;
              padding-top: 19px; } }
          nav.main nav.menu.first ul li a.donate div {
            color: white;
            background: #be202e;
            border-radius: 4px;
            display: table-cell;
            height: 30px;
            padding: 5px 7px 2px;
            font-weight: bold; }
            @media only screen and (min-width: 1025px) {
              nav.main nav.menu.first ul li a.donate div {
                padding: 8px 7px 0; } }
        nav.main nav.menu.first ul li a.on {
          color: #404040; }
          nav.main nav.menu.first ul li a.on span {
            border-bottom: solid 2px #be202e;
            padding-bottom: 12px; }
        @media only screen and (min-width: 1025px) {
          nav.main nav.menu.first ul li a {
            margin: 0 8px;
            font-weight: 700;
            font-size: 14px;
            color: #404040;
            text-transform: none;
            white-space: normal;
            max-width: 152px;
            vertical-align: middle;
            line-height: 16px;
            text-align: center;
            height: 50px;
            padding-top: 20px; } }
        nav.main nav.menu.first ul li a.on {
          border-bottom: solid 2px #cfcfcf; }
          @media only screen and (min-width: 1025px) {
            nav.main nav.menu.first ul li a.on {
              border-color: #be202e;
              color: #be202e;
              padding-top: 22px; } }
          nav.main nav.menu.first ul li a.on span {
            border: none;
            padding-bottom: 4px; }
            @media only screen and (min-width: 1025px) {
              nav.main nav.menu.first ul li a.on span {
                padding-bottom: 0px; } }
        nav.main nav.menu.first ul li a span {
          display: table-cell;
          vertical-align: middle; }
        nav.main nav.menu.first ul li a.lang {
          margin: 0;
          height: 50px;
          text-align: center;
          line-height: 31px;
          font-size: 13px;
          font-weight: 400; }
          nav.main nav.menu.first ul li a.lang div {
            height: 31px;
            display: table-cell;
            vertical-align: middle; }
            nav.main nav.menu.first ul li a.lang div span {
              border: none;
              height: 31px;
              width: 31px;
              padding-bottom: 0px; }
          @media only screen and (min-width: 701px) {
            nav.main nav.menu.first ul li a.lang.en {
              margin-left: 18px; } }
          @media only screen and (min-width: 1025px) {
            nav.main nav.menu.first ul li a.lang.en {
              margin-left: 0px; } }
          @media only screen and (min-width: 701px) {
            nav.main nav.menu.first ul li a.lang {
              height: 73px; } }
          @media only screen and (min-width: 1025px) {
            nav.main nav.menu.first ul li a.lang {
              height: 71px;
              padding: 0; } }
          nav.main nav.menu.first ul li a.lang.on {
            width: 31px;
            color: #be202e;
            font-weight: 700;
            border: none; }
            nav.main nav.menu.first ul li a.lang.on.en {
              margin-left: 18px; }
              @media only screen and (min-width: 1025px) {
                nav.main nav.menu.first ul li a.lang.on.en {
                  margin-left: 10px; } }
            @media only screen and (min-width: 701px) {
              nav.main nav.menu.first ul li a.lang.on.fr {
                margin-right: 16px; } }
            @media only screen and (min-width: 1025px) {
              nav.main nav.menu.first ul li a.lang.on.fr {
                margin-right: 0px; } }
            nav.main nav.menu.first ul li a.lang.on span {
              background: #e7e7e7;
              border-radius: 50%;
              border: none;
              height: 31px;
              width: 31px;
              line-height: 29px; }
  nav.main nav.menu.second {
    height: 50px;
    z-index: 10;
    overflow: hidden;
    background: #f5f5f5;
    transform-origin: bottom center;
    font-size: 12px; }
    @media only screen and (min-width: 701px) {
      nav.main nav.menu.second {
        height: 70px; } }
    @media only screen and (min-width: 1025px) {
      nav.main nav.menu.second {
        background: #f5f5f5;
        width: 100%;
        text-align: center; } }
    nav.main nav.menu.second div.responsive {
      max-width: none; }
      @media only screen and (min-width: 1025px) {
        nav.main nav.menu.second div.responsive {
          max-width: 950px; } }
    nav.main nav.menu.second ul {
      width: auto;
      height: 65px;
      text-align: center; }
      @media only screen and (min-width: 701px) {
        nav.main nav.menu.second ul {
          height: 85px; } }
      @media only screen and (min-width: 1025px) {
        nav.main nav.menu.second ul li {
          line-height: 14px; } }
      nav.main nav.menu.second ul a {
        color: #797979;
        font-weight: 400;
        text-transform: uppercase;
        margin: 14px 0 0 20px;
        display: table; }
        @media only screen and (min-width: 701px) {
          nav.main nav.menu.second ul a {
            margin: 25px 0 0 17px; } }
        @media only screen and (min-width: 1025px) {
          nav.main nav.menu.second ul a {
            margin: 25px 0 0 20px; } }
        nav.main nav.menu.second ul a:hover {
          opacity: 1;
          color: #363636; }
        nav.main nav.menu.second ul a.on {
          color: #404040; }
          nav.main nav.menu.second ul a.on span {
            padding-bottom: 10px; }
            nav.main nav.menu.second ul a.on span em {
              border-bottom: solid 1px; }
        @media only screen and (min-width: 1025px) {
          nav.main nav.menu.second ul a {
            height: 58px;
            padding-top: 16px;
            max-width: 184px;
            white-space: normal; }
            nav.main nav.menu.second ul a span {
              display: table-cell;
              vertical-align: middle;
              line-height: 18px; }
            nav.main nav.menu.second ul a.on span {
              border: none;
              padding: 0; }
              nav.main nav.menu.second ul a.on span em {
                border-bottom: solid 1px; } }
        nav.main nav.menu.second ul a.last {
          margin-right: 20px; }
          @media only screen and (min-width: 1025px) {
            nav.main nav.menu.second ul a.last {
              margin-right: 0; } }
        @media only screen and (min-width: 1025px) {
          nav.main nav.menu.second ul a {
            margin: 0 8px;
            font-size: 12px; }
            nav.main nav.menu.second ul a.on span {
              border-color: #cfcfcf; } }

button {
  display: inline-block;
  margin: 0 1em;
  border: none;
  background: none; }
  button span {
    display: block; }

/* ====================== lines button ==================================================*/
.lines-button {
  padding: 2rem 1rem;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.5714285714rem;
  /* */ }
  .lines-button:hover {
    opacity: 1; }
  .lines-button:active {
    transition: 0; }

.lines {
  display: inline-block;
  width: 4rem;
  height: 0.5714285714rem;
  background: #ecf0f1;
  border-radius: 0.2857142857rem;
  transition: 0.3s;
  position: relative; }
  .lines:before, .lines:after {
    display: inline-block;
    width: 4rem;
    height: 0.5714285714rem;
    background: #ecf0f1;
    border-radius: 0.2857142857rem;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.2857142857rem center;
    transform-origin: 0.2857142857rem center; }
  .lines:before {
    top: 1rem; }
  .lines:after {
    top: -1rem; }

.lines-button:hover .lines:before {
  top: 1.1428571429rem; }
.lines-button:hover .lines:after {
  top: -1.1428571429rem; }

.lines-button.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8); }

.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
  top: 0;
  width: 2.2222222222rem; }
.lines-button.arrow.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg); }
.lines-button.arrow.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg); }

.lines-button.arrow-up.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
  transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg); }

.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
  -webkit-transform: none;
  transform: none;
  top: 0;
  width: 4rem; }

.lines-button.x.close .lines {
  background: transparent; }
  .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 4rem; }
  .lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }

header {
  position: relative; }
  header.home {
    height: 480px; }
  header.stories {
    height: 440px; }
  @media only screen and (min-width: 701px) {
    header {
      height: 350px; }
      header.home {
        height: 795px; } }
  @media only screen and (min-width: 1025px) {
    header {
      height: 350px; }
      header.home {
        height: 650px; }
      header.stories {
        height: 486px; } }
  header div.background {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover; }
    header div.background div.mask {
      position: absolute;
      bottom: 0px;
      z-index: 2;
      height: 73px;
      width: 100%;
      background: url("../images/header-chevron_mask.png") no-repeat center center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        header div.background div.mask {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/header-chevron_mask@2x.png");
          background-size: 1480px 73px; } }
  header a.downArrow {
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 100;
    color: white;
    overflow: hidden;
    background: url("../images/pagescroll.png") no-repeat center center;
    width: 50px;
    height: 50px;
    margin-left: -25px; }
    header a.downArrow:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      header a.downArrow {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/pagescroll@2x.png");
        background-size: 24px 15px; } }
    @media only screen and (min-width: 701px) {
      header a.downArrow {
        bottom: 50px; } }
  header div.content {
    position: relative;
    z-index: 4;
    color: white;
    display: table;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px; }
    @media only screen and (min-width: 1025px) {
      header div.content {
        padding: 0;
        max-width: 750px; } }
    @media only screen and (min-width: 701px) {
      header div.content {
        max-width: 680px; } }
    header div.content div.contentContainer {
      display: table-cell;
      vertical-align: middle; }
    header div.content h2 {
      font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
      text-align: center;
      font-size: 32px;
      line-height: 40px;
      font-weight: 700;
      margin-top: -60px;
      margin-bottom: 10px; }
      header div.content h2 strong {
        font-weight: normal; }
      @media only screen and (min-width: 701px) {
        header div.content h2 {
          margin-top: -56px;
          font-size: 55px;
          line-height: 78px;
          margin-bottom: 20px; } }
      @media only screen and (min-width: 1025px) {
        header div.content h2 {
          margin-top: -50px;
          margin-bottom: 20px; } }
    header div.content p {
      font-size: 22px;
      line-height: 30px; }
      header div.content p a {
        font-weight: bold;
        color: white;
        text-decoration: underline; }
      @media only screen and (min-width: 701px) {
        header div.content p {
          font-size: 25px;
          line-height: 40px; } }

section.social.share {
  padding-bottom: 30px;
  margin: 0; }
  @media only screen and (min-width: 701px) {
    section.social.share {
      padding-bottom: 20px; } }
  section.social.share ul {
    text-align: center; }
    section.social.share ul li {
      display: inline-block;
      padding-right: 20px;
      vertical-align: top; }
      section.social.share ul li:last-child {
        padding-right: 0px; }

section.social {
  font-size: 0;
  position: relative;
  margin: 40px 0 50px; }
  @media only screen and (min-width: 1025px) {
    section.social {
      margin: 60px 0 78px; } }
  section.social ul {
    text-align: center; }
    section.social ul li {
      display: inline-block; }
      section.social ul li a {
        display: block;
        border-radius: 50%;
        height: 54px;
        width: 54px;
        margin: 0 5px; }
        section.social ul li a:hover {
          opacity: 0.5; }
        section.social ul li a.facebook {
          background: #52578a url("../images/socialicon-facebook.gif") no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.social ul li a.facebook {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/socialicon-facebook@2x.gif");
              background-size: 37px 37px; } }
        section.social ul li a.twitter {
          background: #36aadc url("../images/socialicon-twitter.gif") no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.social ul li a.twitter {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/socialicon-twitter@2x.gif");
              background-size: 37px 37px; } }
        section.social ul li a.linkedin {
          background: #007fbb url("../images/socialicon-linkedin.gif") no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.social ul li a.linkedin {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/socialicon-linkedin@2x.gif");
              background-size: 37px 37px; } }
        section.social ul li a.instagram {
          background: #32618b url("../images/socialicon-instagram.gif") no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.social ul li a.instagram {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/socialicon-instagram@2x.gif");
              background-size: 37px 37px; } }
  section.social div.follow {
    position: absolute;
    left: 50%;
    margin-left: 135px;
    top: 38%;
    color: #4b6eae;
    padding-left: 40px;
    font-size: 14px;
    font-style: italic;
    display: none;
    height: 11px;
    overflow: hidden; }
    section.social div.follow:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    @media only screen and (min-width: 701px) {
      section.social div.follow {
        display: block; } }
    section.social div.follow.EN {
      width: 89px;
      background: url("../images/socialicon-follow_us.gif") no-repeat; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.social div.follow.EN {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/socialicon-follow_us@2x.gif");
          background-size: 89px 11px; } }
    section.social div.follow.FR {
      width: 107px;
      background: url("../images/socialicon-follow_us-FR.gif") no-repeat; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.social div.follow.FR {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/socialicon-follow_us-FR@2x.gif");
          background-size: 107px 11px; } }

div.menuOverlay {
  position: fixed;
  width: 188px;
  height: 344px;
  border-radius: 4px;
  border: solid 1px #cabfc2;
  top: 50%;
  margin-top: -250px;
  left: 50%;
  margin-left: -94px;
  background: #e7e7e7;
  display: none;
  z-index: 201;
  opacity: 0; }
  @media only screen and (min-width: 701px) {
    div.menuOverlay {
      margin-top: -300px;
      width: 217px;
      height: 386px;
      margin-left: -110px; } }
  div.menuOverlay a.close {
    display: block;
    background: url("../images/close-x.png") no-repeat top center;
    height: 30px;
    position: absolute;
    top: -50px;
    width: 100%;
    overflow: hidden; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay a.close {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/close-x@2x.png");
        background-size: 24px 24px; } }
    div.menuOverlay a.close:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
  div.menuOverlay ul {
    width: 100%; }
  div.menuOverlay li {
    width: 100%;
    display: block;
    border-bottom: solid 1px #cabfc2; }
    div.menuOverlay li:last-child {
      border-bottom: none; }
    div.menuOverlay li a {
      display: block;
      background: white;
      width: 100%;
      height: 48px;
      background-position: 12px center;
      background-repeat: no-repeat;
      overflow: hidden; }
      div.menuOverlay li a:before {
        content: "";
        display: block;
        width: 0;
        height: 100%; }
      @media only screen and (min-width: 701px) {
        div.menuOverlay li a {
          height: 54px;
          background-position: 16px center; } }
      div.menuOverlay li a:hover {
        opacity: 0.5; }
  div.menuOverlay.EN li > a.historica {
    background-image: url("../images/logo-hc.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.EN li > a.historica {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-hc@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.EN li > a.passages {
    background-image: url("../images/logo-pc.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.EN li > a.passages {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-pc@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.EN li > a.encounters {
    background-image: url("../images/logo-ewc.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.EN li > a.encounters {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-ewc@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.EN li > a.citizenship {
    background-image: url("../images/logo-cc.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.EN li > a.citizenship {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-cc@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.EN li > a.heritage {
    background-image: url("../images/logo-hm.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.EN li > a.heritage {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-hm@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.EN li > a.ourstory {
    background-image: url("../images/logo-aas.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.EN li > a.ourstory {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-aas@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.EN li > a.tce {
    background-image: url("../images/logo-tce2.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.EN li > a.tce {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-tce2@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.FR li > a.historica {
    background-image: url("../images/logo-hc.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.FR li > a.historica {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-hc@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.FR li > a.passages {
    background-image: url("../images/logo-pc.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.FR li > a.passages {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-pc@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.FR li > a.encounters {
    background-image: url("../images/logo-ewc-fr.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.FR li > a.encounters {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-ewc-fr@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.FR li > a.citizenship {
    background-image: url("../images/logo-cc-fr.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.FR li > a.citizenship {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-cc-fr@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.FR li > a.heritage {
    background-image: url("../images/logo-hm-fr.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.FR li > a.heritage {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-hm-fr@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.FR li > a.ourstory {
    background-image: url("../images/logo-aas-fr.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.FR li > a.ourstory {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-aas-fr@2x.png");
        background-size: 170px 44px; } }
  div.menuOverlay.FR li > a.tce {
    background-image: url("../images/logo-tce2-FR.png"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      div.menuOverlay.FR li > a.tce {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-tce2-FR@2x.png");
        background-size: 170px 44px; } }

footer {
  background: #e7e7e7;
  font-size: 0px;
  padding-top: 50px;
  position: relative; }
  @media only screen and (min-width: 1025px) {
    footer div.responsive {
      max-width: 815px; } }
  footer div.historicaBox {
    position: relative;
    border-radius: 4px;
    border: solid 1px #cabfc2;
    cursor: pointer;
    overflow: hidden;
    background: url("../images/logo-hc.png") no-repeat 12px center;
    width: 188px;
    height: 48px;
    margin: 0px auto; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      footer div.historicaBox {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-hc@2x.png");
        background-size: 170px 44px; } }
    @media only screen and (min-width: 701px) {
      footer div.historicaBox {
        margin: 0px auto 40px;
        background-position: 16px center; } }
    @media only screen and (min-width: 1025px) {
      footer div.historicaBox {
        width: 217px;
        height: 54px;
        background-position: 16px center;
        margin: 0px auto 40px; }
        footer div.historicaBox:hover {
          background-color: white; }
          footer div.historicaBox:hover div.button {
            background: url("../images/arrow-dropdown-roll_select.gif") no-repeat center center; } }
      @media only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1025px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1025px) and (min-resolution: 1.3dppx) {
        footer div.historicaBox:hover div.button {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/arrow-dropdown-roll_select@2x.gif");
          background-size: 12px 12px; } }

    footer div.historicaBox div.button {
      border-left: solid 1px #cabfc2;
      width: 34px;
      height: 100%;
      position: absolute;
      right: 0;
      background: url("../images/arrow-dropdown-historica.gif") no-repeat center center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        footer div.historicaBox div.button {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/arrow-dropdown-historica@2x.gif");
          background-size: 12px 12px; } }
  footer div.footerMenu ul {
    display: none;
    text-align: center; }
    @media only screen and (min-width: 701px) {
      footer div.footerMenu ul {
        display: inline-block;
        vertical-align: top;
        width: 23%; }
        footer div.footerMenu ul.thin {
          width: 7%; } }
    footer div.footerMenu ul li a.on {
      color: #be202e;
      font-weight: 700; }
    footer div.footerMenu ul li a.donate {
      color: white;
      background: #be202e;
      border-radius: 4px;
      display: table-cell;
      height: 30px;
      padding: 7px 7px 2px;
      font-weight: bold; }
    footer div.footerMenu ul li.spacer {
      height: 10px; }
    @media only screen and (min-width: 701px) {
      footer div.footerMenu ul li {
        margin-bottom: 8px;
        max-width: 150px;
        line-height: 18px;
        font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 18px; }
        footer div.footerMenu ul li a {
          max-width: 130px;
          text-align: left;
          color: #363636; } }
    @media only screen and (min-width: 1025px) {
      footer div.footerMenu ul li {
        font-size: 14px;
        line-height: 18px; } }
  footer hr {
    border: 0;
    color: #cabfc2;
    background-color: #cabfc2;
    height: 1px;
    margin-top: 40px;
    max-width: 855px;
    display: none; }
    @media only screen and (min-width: 701px) {
      footer hr {
        display: block; } }
  footer a.canada {
    margin: 50px auto 0;
    display: block;
    width: 83px;
    height: 22px;
    background: #404040;
    background: url("../images/logo-Canada.gif") no-repeat center center; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      footer a.canada {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-Canada@2x.gif");
        background-size: 83px 22px; } }
    @media only screen and (min-width: 701px) {
      footer a.canada {
        position: absolute;
        left: 0px;
        margin-top: 24px; } }
  footer p {
    font-size: 10px;
    line-height: 25px;
    padding: 22px 0 75px;
    text-align: center; }
    @media only screen and (min-width: 701px) {
      footer p {
        padding: 30px 0 65px;
        font-family: "Adelle Sans", Helvetica, Arial, sans-serif; } }
    @media only screen and (min-width: 1025px) {
      footer p {
        font-size: 12px;
        line-height: 25px;
        padding: 30px 0 95px; } }

div.arrowContainer a.arrow {
  display: none; }
  @media only screen and (min-width: 1025px) {
    div.arrowContainer a.arrow {
      margin-top: 18px;
      display: inline-block; }
      div.arrowContainer a.arrow.prev {
        background: url("../images/back-gallery.gif") no-repeat center center; } }
    @media only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1025px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1025px) and (min-resolution: 1.3dppx) {
      div.arrowContainer a.arrow.prev {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/back-gallery.gif");
        background-size: 22px 22px; } }
  @media only screen and (min-width: 1025px) {
      div.arrowContainer a.arrow.next {
        background: url("../images/next-gallery.gif") no-repeat center center; } }
    @media only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1025px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1025px) and (min-resolution: 1.3dppx) {
      div.arrowContainer a.arrow.next {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/next-gallery.gif");
        background-size: 22px 22px; } }
  @media only screen and (min-width: 1025px) {
      div.arrowContainer a.arrow:hover {
        opacity: 0.5; } }

div.sliderNav {
  bottom: 0px; }
  @media only screen and (min-width: 1025px) {
    div.sliderNav {
      display: none; } }

div.slider li div.hpssContainer div.hpssItem {
  width: 92%;
  margin: 0 auto;
  border: solid 1px #dedede;
  max-width: 380px; }
  @media only screen and (min-width: 701px) {
    div.slider li div.hpssContainer div.hpssItem {
      max-width: 688px; } }
  @media only screen and (min-width: 1025px) {
    div.slider li div.hpssContainer div.hpssItem {
      max-width: 1040px;
      font-size: 0; } }
  div.slider li div.hpssContainer div.hpssItem div.hpssImage {
    width: 100%;
    background-color: #f4f4f4;
    background-position: center center;
    background-repeat: no-repeat;
    height: 250px;
    cursor: pointer; }
    @media only screen and (min-width: 701px) {
      div.slider li div.hpssContainer div.hpssItem div.hpssImage {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        height: 406px; } }
    @media only screen and (min-width: 1025px) {
      div.slider li div.hpssContainer div.hpssItem div.hpssImage {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        height: 406px; } }
    div.slider li div.hpssContainer div.hpssItem div.hpssImage img {
      width: 100%;
      height: auto;
      opacity: 0; }
  div.slider li div.hpssContainer div.hpssItem div.hpssDetails {
    background: white;
    height: 230px;
    width: 100%;
    padding: 22px 19px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden; }
    @media only screen and (min-width: 701px) {
      div.slider li div.hpssContainer div.hpssItem div.hpssDetails {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding: 30px;
        height: 350px;
        font-size: 18px;
        line-height: 30px; } }
    @media only screen and (min-width: 1025px) {
      div.slider li div.hpssContainer div.hpssItem div.hpssDetails {
        width: 50%;
        vertical-align: top;
        height: 406px; } }
    div.slider li div.hpssContainer div.hpssItem div.hpssDetails div.detailsTable {
      height: 100%;
      display: table; }
    div.slider li div.hpssContainer div.hpssItem div.hpssDetails div.detailsCell {
      display: table-cell;
      vertical-align: middle; }
    div.slider li div.hpssContainer div.hpssItem div.hpssDetails h2 {
      font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 10px; }
      @media only screen and (min-width: 701px) {
        div.slider li div.hpssContainer div.hpssItem div.hpssDetails h2 {
          font-size: 30px;
          line-height: 40px;
          margin-bottom: 21px; } }
    div.slider li div.hpssContainer div.hpssItem div.hpssDetails p {
      margin-bottom: 10px; }
      @media only screen and (min-width: 701px) {
        div.slider li div.hpssContainer div.hpssItem div.hpssDetails p {
          font-size: 18px;
          margin-bottom: 14px; } }
      div.slider li div.hpssContainer div.hpssItem div.hpssDetails p a {
        font-weight: bold;
        text-decoration: underline; }
    div.slider li div.hpssContainer div.hpssItem div.hpssDetails em {
      display: block;
      font-style: italic; }
    div.slider li div.hpssContainer div.hpssItem div.hpssDetails a {
      text-decoration: underline;
      font-weight: bold; }

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("font/vjs.eot");
  src: url("font/vjs.eot?#iefix") format("embedded-opentype"), url("font/vjs.woff") format("woff"), url("font/vjs.ttf") format("truetype"), url("font/vjs.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
section.media {
  /* Base UI Component Classes
  --------------------------------------------------------------------------------
  */
  /* Slider - used for Volume bar and Seek bar */
  /* Control Bar
  --------------------------------------------------------------------------------
  The default control bar that is a container for most of the controls.
  */
  /* Show the control bar only once the video has started playing */
  /* Hide the control bar when the video is playing and the user is inactive  */
  /* .vjs-tmp-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
     display: block;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: visibility 1s, opacity 1s;
     -moz-transition: visibility 1s, opacity 1s;
     -o-transition: visibility 1s, opacity 1s;
     transition: visibility 1s, opacity 1s;
   }*/
  /* The control bar shouldn't show after an error */
  /* Don't hide the control bar if it's audio */
  /* IE8 is flakey with fonts, and you have to change the actual content to force
  fonts to show/hide properly.
    - "\9" IE8 hack didn't work for this
    - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
  */
  /* General styles for individual controls. */
  /* Font button icons */
  /* Replacement for focus outline */
  /* Hide control text visually, but have it available for screenreaders */
  /* Play/Pause
  --------------------------------------------------------------------------------
  */
  /* Playback toggle
  --------------------------------------------------------------------------------
  */
  /* Volume/Mute
  -------------------------------------------------------------------------------- */
  /* The volume menu button is like menu buttons (captions/subtitles) but works
      a little differently. It needs to be possible to tab to the volume slider
      without hitting space bar on the menu button. To do this we're not using
      display:none to hide the slider menu by default, and instead setting the
      width and height to zero. */
  /* Progress
  --------------------------------------------------------------------------------
  */
  /* On hover, make the progress bar grow to something that's more clickable.
      This simply changes the overall font for the progress bar, and this
      updates both the em-based widths and heights, as wells as the icon font */
  /* Box containing play and load progresses. Also acts as seek scrubber. */
  /* Progress Bars */
  /* there are child elements of the load progress bar that represent the
     specific time ranges that have been buffered */
  /* Live Mode
  --------------------------------------------------------------------------------
  */
  /* Live Display
  --------------------------------------------------------------------------------
  */
  /* Time Display
  --------------------------------------------------------------------------------
  */
  /* Remaining time is in the HTML, but not included in default design */
  /* Fullscreen
  --------------------------------------------------------------------------------
  */
  /* Switch to the exit icon when the player is in fullscreen */
  /* Big Play Button (play button at start)
  --------------------------------------------------------------------------------
  Positioning of the play button in the center or other corners can be done more
  easily in the skin designer. http://designer.videojs.com/
  */
  /* Optionally center */
  /* Hide if controls are disabled */
  /* Hide when video starts playing */
  /* Hide on mobile devices. Remove when we stop using native controls
      by default on mobile  */
  /* Error Display
  --------------------------------------------------------------------------------
  */
  /* Loading Spinner
  --------------------------------------------------------------------------------
  */
  /* Show the spinner when waiting for data and seeking to a new time */
  /* Errors are unrecoverable without user interaction so hide the spinner */
  /* Menu Buttons (Captions/Subtitles/etc.)
  --------------------------------------------------------------------------------
  */
  /* Button Pop-up Menu */
  /* prevent menus from opening while scrubbing (FF, IE) */
  /* Subtitles Button */
  /* Captions Button */
  /* Chapters Button */
  /* Replacement for focus outline */
  /*
  REQUIRED STYLES (be careful overriding)
  ================================================================================
  When loading the player, the video tag is replaced with a DIV,
  that will hold the video tag or object tag for other playback methods.
  The div contains the video playback element (Flash or HTML5) and controls,
  and sets the width and height of the video.

  ** If you want to add some kind of border/padding (e.g. a frame), or special
  positioning, use another containing element. Otherwise you risk messing up
  control positioning and full window mode. **
  */
  /* Playback technology elements expand to the width/height of the containing div
      <video> or <object> */
  /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
     checking fullScreenEnabled. */
  /* Fullscreen Styles */
  /* Poster Styles */
  /* Hide the poster after the video has started playing */
  /* Don't hide the poster if we're playing audio */
  /* Hide the poster when controls are disabled because it's clickable
      and the native poster can take over */
  /* Hide the poster when native controls are used otherwise it covers them */
  /* Text Track Styles */
  /* Overall track holder for both captions and subtitles */
  /* Captions Settings Dialog */
  /* Hide disabled or unsupported controls */
  /*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
      The .video-js classname on the video tag also isn't considered.
      This optional paragraph inside the video tag can provide a message to users
      about what's required to play video. */
  /* -----------------------------------------------------------------------------
  The original source of this file lives at
  https://github.com/videojs/video.js/blob/master/src/css/video-js.less */ }
  section.media div.player {
    width: 100%;
    max-width: 300px; }
    @media only screen and (min-width: 701px) {
      section.media div.player {
        max-width: 540px; } }
    section.media div.player .video-js {
      background: black;
      border: solid 1px #e7e7e7; }
    section.media div.player .vjs-control-bar {
      background: transparent; }
    section.media div.player .vjs-volume-bar {
      display: none; }
    section.media div.player .vjs-control {
      position: absolute; }
    section.media div.player .vjs-control:before {
      text-shadow: none;
      color: #404040; }
    section.media div.player .vjs-play-control {
      width: 58px;
      height: 39px;
      border-right: solid 1px #e7e7e7;
      font-size: 1.5em;
      left: 0px;
      line-height: 39px;
      background: url("../images/Play-audio_video_player.gif") no-repeat center center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.media div.player .vjs-play-control {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/Play-audio_video_player@2x.gif");
          background-size: 58px 35px; } }
      @media only screen and (min-width: 701px) {
        section.media div.player .vjs-play-control {
          background-size: 68px 49px; } }
      @media only screen and (min-width: 1025px) {
        section.media div.player .vjs-play-control:hover {
          opacity: 0.5; } }
      section.media div.player .vjs-play-control.vjs-playing {
        background: url("../images/Pause-audio_video_player.jpg") no-repeat center center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.media div.player .vjs-play-control.vjs-playing {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/Pause-audio_video_player@2x.jpg");
            background-size: 58px 35px; } }
        @media only screen and (min-width: 701px) {
          section.media div.player .vjs-play-control.vjs-playing {
            background-size: 68px 49px; } }
      @media only screen and (min-width: 701px) {
        section.media div.player .vjs-play-control {
          font-size: 1.8em;
          width: 98px;
          height: 79px; } }
      section.media div.player .vjs-play-control:before {
        line-height: 39px; }
        @media only screen and (min-width: 701px) {
          section.media div.player .vjs-play-control:before {
            line-height: 79px;
            padding: 0px 0px 0px 5px; } }
    section.media div.player .vjs-progress-control {
      width: 150px;
      left: 75px;
      height: 6px;
      top: 15px; }
      @media only screen and (min-width: 701px) {
        section.media div.player .vjs-progress-control {
          width: 306px;
          left: 115px;
          height: 6px;
          top: 35px; } }
      @media only screen and (min-width: 1025px) {
        section.media div.player .vjs-progress-control {
          width: 240px; } }
    section.media div.player .vjs-slider {
      background: #e7e7e7; }
    section.media div.player .vjs-play-progress {
      background: #be202e; }
    section.media div.player .vjs-load-progress {
      background: #d7d7d7; }
    section.media div.player .vjs-seek-handle {
      width: 15px;
      height: 15px;
      background: #404040;
      border: solid 2px white;
      border-radius: 50%;
      top: -4px; }
      @media only screen and (min-width: 701px) {
        section.media div.player .vjs-seek-handle {
          top: -7px;
          width: 20px;
          height: 20px; } }
      section.media div.player .vjs-seek-handle.vjs-slider-handle:before {
        content: none; }
    section.media div.player .vjs-volume-control {
      display: none; }
    section.media div.player .vjs-time-divider {
      display: none; }
    section.media div.player .vjs-duration {
      display: none; }
    section.media div.player .vjs-live-controls {
      display: none; }
    section.media div.player .vjs-current-time {
      width: 58px;
      height: 39px;
      border-left: solid 1px #e7e7e7;
      font-size: 12px;
      right: 0px; }
      section.media div.player .vjs-current-time .vjs-current-time-display {
        height: 100%;
        color: #404040;
        line-height: 39px; }
        @media only screen and (min-width: 701px) {
          section.media div.player .vjs-current-time .vjs-current-time-display {
            line-height: 79px; } }
      @media only screen and (min-width: 701px) {
        section.media div.player .vjs-current-time {
          font-size: 2em;
          width: 100px;
          height: 79px; } }
      @media only screen and (min-width: 1025px) {
        section.media div.player .vjs-current-time {
          right: 60px; } }
    section.media div.player .vjs-mute-control {
      width: 60px;
      height: 79px;
      border-left: solid 1px #e7e7e7;
      font-size: 1.55em;
      right: 0;
      display: none;
      background: url("../images/audio.png") no-repeat center center; }
      section.media div.player .vjs-mute-control.vjs-vol-0 {
        background: url("../images/audio-off.png") no-repeat center center; }
      @media only screen and (min-width: 1025px) {
        section.media div.player .vjs-mute-control {
          display: block; }
          section.media div.player .vjs-mute-control:hover {
            opacity: 0.5; } }
      section.media div.player .vjs-mute-control:before {
        padding: 15px 0px 0px 3px; }
    section.media div.player .vjs-big-play-centered .vjs-big-play-button {
      margin-left: -40px; }
    section.media div.player .vjs-big-play-button:before {
      padding: 0px 0 0 7px;
      margin-top: -2px;
      color: white; }
    section.media div.player .vjs-error-display:before {
      background: white;
      color: #404040;
      text-shadow: none; }
      @media only screen and (min-width: 701px) {
        section.media div.player .vjs-error-display:before {
          height: 78px;
          line-height: 78px;
          top: 20px; } }
    section.media div.player .vjs-error-display div {
      display: none; }
      @media only screen and (min-width: 701px) {
        section.media div.player .vjs-error-display div {
          display: block;
          height: 100%;
          bottom: 0px; } }
  section.media div.audio-player {
    height: 39px !important; }
    @media only screen and (min-width: 701px) {
      section.media div.audio-player {
        height: 80px !important; } }
    section.media div.audio-player .video-js {
      height: 39px !important; }
      @media only screen and (min-width: 701px) {
        section.media div.audio-player .video-js {
          height: 80px !important; } }
    section.media div.audio-player .vjs-big-play-button {
      display: none; }
    section.media div.audio-player .vjs-control-bar {
      display: block;
      height: 100%;
      background: white; }
    section.media div.audio-player .vjs-fullscreen-control {
      display: none; }
  section.media div.video-player {
    height: 285px; }
    @media only screen and (min-width: 701px) {
      section.media div.video-player {
        height: 485px !important; } }
    section.media div.video-player .video-js {
      height: 245px !important; }
      @media only screen and (min-width: 701px) {
        section.media div.video-player .video-js {
          height: 405px !important; } }
    section.media div.video-player .vjs-big-play-button {
      border-radius: 50%;
      border: solid 3px white;
      width: 80px;
      height: 80px;
      margin-left: -40px; }
    section.media div.video-player .vjs-control-bar {
      display: block;
      height: 39px;
      background: white;
      bottom: -39px;
      border: solid 1px #e7e7e7; }
      @media only screen and (min-width: 701px) {
        section.media div.video-player .vjs-control-bar {
          height: 79px !important;
          bottom: -79px; } }
    section.media div.video-player .vjs-fullscreen-control {
      display: none; }
  section.media .vjs-tmp-skin {
    color: #cccccc; }
  section.media .vjs-tmp-skin .vjs-slider {
    /* Replace browser focus highlight with handle highlight */
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    /* background-color-with-alpha */
    background-color: #333333;
    background-color: rgba(51, 51, 51, 0.9); }
  section.media .vjs-tmp-skin .vjs-slider:focus {
    /* box-shadow */
    -webkit-box-shadow: 0 0 2em #ffffff;
    -moz-box-shadow: 0 0 2em #ffffff;
    box-shadow: 0 0 2em #ffffff; }
  section.media .vjs-tmp-skin .vjs-slider-handle {
    position: absolute;
    /* Needed for IE6 */
    left: 0;
    top: 0; }
  section.media .vjs-tmp-skin .vjs-slider-handle:before {
    content: "\e009";
    font-family: VideoJS;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-shadow: 0em 0em 1em #fff;
    position: absolute;
    top: 0;
    left: 0;
    /* Rotate the square icon to make a diamond */
    /* transform */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  section.media .vjs-tmp-skin .vjs-control-bar {
    /* Start hidden */
    display: none;
    position: absolute;
    /* Place control bar at the bottom of the player box/video.
       If you want more margin below the control bar, add more height. */
    bottom: 0;
    /* Use left/right to stretch to 100% width of player div */
    left: 0;
    right: 0;
    /* Height includes any margin you want above or below control items */
    height: 3.0em;
    /* background-color-with-alpha */
    background-color: #07141e;
    background-color: rgba(7, 20, 30, 0.7); }
  section.media .vjs-tmp-skin.vjs-has-started .vjs-control-bar {
    display: block;
    /* Visibility needed to make sure things hide in older browsers too. */
    visibility: visible;
    opacity: 1;
    /* transition */
    -webkit-transition: visibility 0.1s, opacity 0.1s;
    -moz-transition: visibility 0.1s, opacity 0.1s;
    -o-transition: visibility 0.1s, opacity 0.1s;
    transition: visibility 0.1s, opacity 0.1s; }
  section.media .vjs-tmp-skin.vjs-controls-disabled .vjs-control-bar {
    display: none; }
  section.media .vjs-tmp-skin.vjs-using-native-controls .vjs-control-bar {
    display: none; }
  section.media .vjs-tmp-skin.vjs-error .vjs-control-bar {
    display: none; }
  section.media .vjs-audio.vjs-tmp-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible; }
  @media \0 screen {
    section.media .vjs-tmp-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
      content: ""; } }
  section.media .vjs-tmp-skin .vjs-control {
    outline: none;
    position: relative;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 3.0em;
    width: 4em; }
  section.media .vjs-tmp-skin .vjs-control:before {
    font-family: VideoJS;
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  section.media .vjs-tmp-skin .vjs-control:focus:before,
  section.media .vjs-tmp-skin .vjs-control:hover:before {
    text-shadow: 0em 0em 1em #ffffff; }
  section.media .vjs-tmp-skin .vjs-control:focus {
    /*  outline: 0; */
    /* keyboard-only users cannot see the focus on several of the UI elements when
    this is set to 0 */ }
  section.media .vjs-tmp-skin .vjs-control-text {
    /* hide-visually */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  section.media .vjs-tmp-skin .vjs-play-control {
    width: 5em;
    cursor: pointer;
    color: white; }
  section.media .vjs-tmp-skin .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  section.media .vjs-tmp-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
    width: 4em;
    left: -2em;
    list-style: none; }
  section.media .vjs-tmp-skin .vjs-mute-control,
  section.media .vjs-tmp-skin .vjs-volume-menu-button {
    cursor: pointer;
    float: right; }
  section.media .vjs-tmp-skin .vjs-mute-control.vjs-vol-1:before,
  section.media .vjs-tmp-skin .vjs-volume-menu-button.vjs-vol-1:before {
    content: "\e004"; }
  section.media .vjs-tmp-skin .vjs-mute-control.vjs-vol-2:before,
  section.media .vjs-tmp-skin .vjs-volume-menu-button.vjs-vol-2:before {
    content: "\e005"; }
  section.media .vjs-tmp-skin .vjs-volume-control {
    width: 5em;
    float: right; }
  section.media .vjs-tmp-skin .vjs-volume-bar {
    width: 5em;
    height: 0.6em;
    margin: 1.1em auto 0; }
  section.media .vjs-tmp-skin .vjs-volume-level {
    position: absolute;
    top: 0;
    left: 0;
    height: 0.5em;
    /* assuming volume starts at 1.0 */
    width: 100%;
    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }
  section.media .vjs-tmp-skin .vjs-volume-bar .vjs-volume-handle {
    width: 0.5em;
    height: 0.5em;
    /* Assumes volume starts at 1.0. If you change the size of the
       handle relative to the volume bar, you'll need to update this value
       too. */
    left: 4.5em; }
  section.media .vjs-tmp-skin .vjs-volume-handle:before {
    font-size: 0.9em;
    top: -0.2em;
    left: -0.2em;
    width: 1em;
    height: 1em; }
  section.media .vjs-tmp-skin .vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent; }
  section.media .vjs-tmp-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
    height: 0;
    width: 0; }
  section.media .vjs-tmp-skin .vjs-volume-menu-button:hover .vjs-menu,
  section.media .vjs-tmp-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
    border-top-color: rgba(7, 40, 50, 0.5);
    /* Same as ul background */ }
  section.media .vjs-tmp-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
  section.media .vjs-tmp-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 10em; }
  section.media .vjs-tmp-skin .vjs-progress-control {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    font-size: 0.3em;
    height: 2em;
    /* Set above the rest of the controls. */
    top: 0;
    /* Shrink the bar slower than it grows. */
    /* transition */
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  section.media .vjs-tmp-skin:hover .vjs-progress-control {
    /* Even though we're not changing the top/height, we need to include them in
        the transition so they're handled correctly. */
    /* transition */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  section.media .vjs-tmp-skin .vjs-progress-holder {
    height: 100%; }
  section.media .vjs-tmp-skin .vjs-progress-holder .vjs-play-progress,
  section.media .vjs-tmp-skin .vjs-progress-holder .vjs-load-progress,
  section.media .vjs-tmp-skin .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    /* updated by javascript during playback */
    width: 0;
    /* Needed for IE6 */
    left: 0;
    top: 0; }
  section.media .vjs-tmp-skin .vjs-play-progress {
    /*
      Using a data URI to create the white diagonal lines with a transparent
        background. Surprisingly works in IE8.
        Created using http://www.patternify.com
      Changing the first color value will change the bar color.
      Also using a paralax effect to make the lines move backwards.
        The -50% left position makes that happen.
    */
    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }
  section.media .vjs-tmp-skin .vjs-load-progress {
    background: #646464;
    background: rgba(255, 255, 255, 0.2); }
  section.media .vjs-tmp-skin .vjs-load-progress div {
    background: #787878;
    background: rgba(255, 255, 255, 0.1); }
  section.media .vjs-tmp-skin .vjs-seek-handle {
    width: 1.5em;
    height: 100%; }
  section.media .vjs-tmp-skin .vjs-seek-handle:before {
    padding-top: 0.1em; }
  section.media .vjs-tmp-skin.vjs-live .vjs-time-controls,
  section.media .vjs-tmp-skin.vjs-live .vjs-time-divider,
  section.media .vjs-tmp-skin.vjs-live .vjs-progress-control {
    display: none; }
  section.media .vjs-tmp-skin.vjs-live .vjs-live-display {
    display: block; }
  section.media .vjs-tmp-skin .vjs-live-display {
    display: none;
    font-size: 1em;
    line-height: 3em; }
  section.media .vjs-tmp-skin .vjs-time-controls {
    font-size: 1em;
    /* Align vertically by making the line height the same as the control bar */
    line-height: 3em; }
  section.media .vjs-tmp-skin .vjs-current-time {
    float: left; }
  section.media .vjs-tmp-skin .vjs-duration {
    float: left; }
  section.media .vjs-tmp-skin .vjs-remaining-time {
    display: none;
    float: left; }
  section.media .vjs-time-divider {
    float: left;
    line-height: 3em; }
  section.media .vjs-tmp-skin .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer;
    float: right; }
  section.media .vjs-tmp-skin .vjs-fullscreen-control:before {
    content: "\e000"; }
  section.media .vjs-tmp-skin.vjs-fullscreen .vjs-fullscreen-control:before {
    content: "\e00b"; }
  section.media .vjs-tmp-skin .vjs-big-play-button {
    left: 0.5em;
    top: 0.5em;
    font-size: 3em;
    display: block;
    z-index: 2;
    position: absolute;
    width: 4em;
    height: 2.6em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
    /* Need a slightly gray bg so it can be seen on black backgrounds */
    /* background-color-with-alpha */
    background-color: #07141e;
    background-color: rgba(7, 20, 30, 0.7);
    border: 0.1em solid #3b4249;
    /* border-radius */
    -webkit-border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    border-radius: 0.8em;
    /* box-shadow */
    -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
    -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
    /* transition */
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  section.media .vjs-tmp-skin.vjs-big-play-centered .vjs-big-play-button {
    /* Center it horizontally */
    left: 50%;
    margin-left: -2.1em;
    /* Center it vertically */
    top: 50%;
    margin-top: -1.4000000000000001em; }
  section.media .vjs-tmp-skin.vjs-controls-disabled .vjs-big-play-button {
    display: none; }
  section.media .vjs-tmp-skin.vjs-has-started .vjs-big-play-button {
    display: none; }
  section.media .vjs-tmp-skin.vjs-using-native-controls .vjs-big-play-button {
    display: none; }
  section.media .vjs-tmp-skin:hover .vjs-big-play-button,
  section.media .vjs-tmp-skin .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    /* IE8 needs a non-glow hover state */
    background-color: #505050;
    background-color: rgba(50, 50, 50, 0.75);
    /* box-shadow */
    -webkit-box-shadow: 0 0 3em #ffffff;
    -moz-box-shadow: 0 0 3em #ffffff;
    box-shadow: 0 0 3em #ffffff;
    /* transition */
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s; }
  section.media .vjs-tmp-skin .vjs-big-play-button:before {
    content: "\e001";
    font-family: VideoJS;
    /* In order to center the play icon vertically we need to set the line height
       to the same as the button height */
    line-height: 2.6em;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%; }
  section.media .vjs-error .vjs-big-play-button {
    display: none; }
  section.media .vjs-error-display {
    display: none; }
  section.media .vjs-error .vjs-error-display {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  section.media .vjs-error .vjs-error-display:before {
    content: 'X';
    font-family: Arial;
    font-size: 4em;
    color: #666666;
    /* In order to center the play icon vertically we need to set the line height
       to the same as the button height */
    line-height: 1;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5em;
    width: 100%; }
  section.media .vjs-error-display div {
    position: absolute;
    bottom: 1em;
    right: 0;
    left: 0;
    font-size: 1.4em;
    text-align: center;
    padding: 3px;
    background: #000000;
    background: rgba(0, 0, 0, 0.5); }
  section.media .vjs-error-display a,
  section.media .vjs-error-display a:visited {
    color: #F4A460; }
  section.media .vjs-loading-spinner {
    /* Should be hidden by default */
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 4em;
    line-height: 1;
    width: 1em;
    height: 1em;
    margin-left: -0.5em;
    margin-top: -0.5em;
    opacity: 0.75; }
  section.media .vjs-waiting .vjs-loading-spinner,
  section.media .vjs-seeking .vjs-loading-spinner {
    display: block;
    /* only animate when showing because it can be processor heavy */
    /* animation */
    -webkit-animation: spin 1.5s infinite linear;
    -moz-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear; }
  section.media .vjs-error .vjs-loading-spinner {
    display: none;
    /* ensure animation doesn't continue while hidden */
    /* animation */
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none; }
  section.media .vjs-tmp-skin .vjs-loading-spinner:before {
    content: "\e01e";
    font-family: VideoJS;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    text-align: center;
    text-shadow: 0em 0em 0.1em #000; }
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
  section.media .vjs-tmp-skin .vjs-menu-button {
    float: right;
    cursor: pointer; }
  section.media .vjs-tmp-skin .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0em;
    /* (Width of vjs-menu - width of button) / 2 */
    width: 0em;
    height: 0em;
    margin-bottom: 3em;
    border-left: 2em solid transparent;
    border-right: 2em solid transparent;
    border-top: 1.55em solid #000000;
    /* Same width top as ul bottom */
    border-top-color: rgba(7, 40, 50, 0.5);
    /* Same as ul background */ }
  section.media .vjs-tmp-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 10em;
    bottom: 1.5em;
    /* Same bottom as vjs-menu border-top */
    max-height: 15em;
    overflow: auto;
    left: -5em;
    /* Width of menu - width of button / 2 */
    /* background-color-with-alpha */
    background-color: #07141e;
    background-color: rgba(7, 20, 30, 0.7);
    /* box-shadow */
    -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
    -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
    box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }
  section.media .vjs-tmp-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
  section.media .vjs-tmp-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
    display: block; }
  section.media .vjs-tmp-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
    display: none; }
  section.media .vjs-tmp-skin .vjs-menu-button ul li {
    list-style: none;
    margin: 0;
    padding: 0.3em 0 0.3em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase; }
  section.media .vjs-tmp-skin .vjs-menu-button ul li.vjs-selected {
    background-color: #000; }
  section.media .vjs-tmp-skin .vjs-menu-button ul li:focus,
  section.media .vjs-tmp-skin .vjs-menu-button ul li:hover,
  section.media .vjs-tmp-skin .vjs-menu-button ul li.vjs-selected:focus,
  section.media .vjs-tmp-skin .vjs-menu-button ul li.vjs-selected:hover {
    outline: 0;
    color: #111;
    /* background-color-with-alpha */
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.75);
    /* box-shadow */
    -webkit-box-shadow: 0 0 1em #ffffff;
    -moz-box-shadow: 0 0 1em #ffffff;
    box-shadow: 0 0 1em #ffffff; }
  section.media .vjs-tmp-skin .vjs-menu-button ul li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default; }
  section.media .vjs-tmp-skin .vjs-subtitles-button:before {
    content: "\e00c"; }
  section.media .vjs-tmp-skin .vjs-captions-button:before {
    content: "\e008"; }
  section.media .vjs-tmp-skin .vjs-chapters-button:before {
    content: "\e00c"; }
  section.media .vjs-tmp-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
    width: 24em;
    left: -12em; }
  section.media .vjs-tmp-skin .vjs-captions-button:focus .vjs-control-content:before,
  section.media .vjs-tmp-skin .vjs-captions-button:hover .vjs-control-content:before {
    /* box-shadow */
    -webkit-box-shadow: 0 0 1em #ffffff;
    -moz-box-shadow: 0 0 1em #ffffff;
    box-shadow: 0 0 1em #ffffff; }
  section.media .video-js {
    background-color: #000;
    position: relative;
    padding: 0;
    /* Start with 10px for base font size so other dimensions can be em based and
       easily calculable. */
    font-size: 10px;
    /* Allow poster to be vertically aligned. */
    vertical-align: middle;
    /*  display: table-cell; */
    /*This works in Safari but not Firefox.*/
    /* Provide some basic defaults for fonts */
    font-weight: normal;
    font-style: normal;
    /* Avoiding helvetica: issue #376 */
    font-family: Arial, sans-serif;
    /* Turn off user selection (text highlighting) by default.
       The majority of player components will not be text blocks.
       Text areas will need to turn user selection back on. */
    /* user-select */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  section.media .video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  section.media .video-js:-moz-full-screen {
    position: absolute; }
  section.media body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
    overflow-y: auto; }
  section.media .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    /* IE6 full-window (underscore hack) */
    _position: absolute; }
  section.media .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }
  section.media .video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none; }
  section.media .vjs-poster {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  section.media .vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%; }
  section.media .video-js.vjs-has-started .vjs-poster {
    display: none; }
  section.media .video-js.vjs-audio.vjs-has-started .vjs-poster {
    display: block; }
  section.media .video-js.vjs-controls-disabled .vjs-poster {
    display: none; }
  section.media .video-js.vjs-using-native-controls .vjs-poster {
    display: none; }
  section.media .video-js .vjs-text-track-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 3em;
    right: 0;
    pointer-events: none; }
  section.media .vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #000;
    opacity: 0.75;
    color: #FFF;
    margin: 0 auto;
    padding: 0.5em;
    height: 15em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 40em; }
  section.media .vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 2em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto; }
  section.media .vjs-caption-settings .vjs-tracksettings-colors,
  section.media .vjs-caption-settings .vjs-tracksettings-font {
    float: left; }
  section.media .vjs-caption-settings .vjs-tracksettings-colors:after,
  section.media .vjs-caption-settings .vjs-tracksettings-font:after,
  section.media .vjs-caption-settings .vjs-tracksettings-controls:after {
    clear: both; }
  section.media .vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em; }
  section.media .vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px; }
  section.media .vjs-caption-settings .vjs-tracksetting label {
    display: block;
    width: 100px;
    margin-bottom: 5px; }
  section.media .vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px; }
  section.media .vjs-caption-settings .vjs-tracksetting > div {
    margin-bottom: 5px;
    min-height: 20px; }
  section.media .vjs-caption-settings .vjs-tracksetting > div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0; }
  section.media .vjs-caption-settings label > input {
    margin-right: 10px; }
  section.media .vjs-caption-settings input[type="button"] {
    width: 40px;
    height: 40px; }
  section.media .vjs-hidden {
    display: none !important; }
  section.media .vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible; }
  section.media .vjs-no-js {
    padding: 2em;
    color: #ccc;
    background-color: #333;
    font-size: 1.8em;
    font-family: Arial, sans-serif;
    text-align: center;
    width: 30em;
    height: 15em;
    margin: 0 auto; }
  section.media .vjs-no-js a,
  section.media .vjs-no-js a:visited {
    color: #F4A460; }

section.homeSlideShow {
  position: relative;
  padding: 20px 0 34px; }
  @media only screen and (min-width: 1025px) {
    section.homeSlideShow {
      padding: 40px 0 34px;
      opacity: 0; } }

div.slider li div.hpssContainer div.hpssItem.home {
  cursor: default; }

section.homePromos {
  padding: 30px 20px 14px; }
  @media only screen and (min-width: 701px) {
    section.homePromos {
      padding: 40px 20px 14px; } }
  @media only screen and (min-width: 1025px) {
    section.homePromos {
      padding: 30px 20px 14px; } }
  section.homePromos ul {
    font-size: 0;
    text-align: center;
    margin: 0 auto; }
    @media only screen and (min-width: 701px) {
      section.homePromos ul {
        max-width: 700px; } }
    @media only screen and (min-width: 1025px) {
      section.homePromos ul {
        max-width: 820px; } }
    section.homePromos ul a:hover {
      opacity: 0.5; }
    section.homePromos ul li {
      height: 190px;
      background: #404040;
      color: white;
      position: relative;
      max-width: 300px;
      margin: 10px auto 0; }
      @media only screen and (min-width: 1025px) {
        section.homePromos ul li {
          opacity: 0;
          -webkit-transform: translate(0px, 40px);
          -moz-transform: translate(0px, 40px);
          -ms-transform: translate(0px, 40px);
          -o-transform: translate(0px, 40px);
          transform: translate(0px, 40px); } }
      section.homePromos ul li.stories {
        background: url("../images/tile-veteran_stories-quicknav.jpg") no-repeat center center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.homePromos ul li.stories {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/tile-veteran_stories-quicknav@2x.jpg");
            background-size: 345px 195px; } }
      section.homePromos ul li.bios {
        background: url("../images/tile-speaker_bios-quicknav.jpg") no-repeat center center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.homePromos ul li.bios {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/tile-speaker_bios-quicknav@2x.jpg");
            background-size: 345px 195px; } }
      section.homePromos ul li.book {
        background: url("../images/tile-book_speaker-quicknav.jpg") no-repeat center center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.homePromos ul li.book {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/tile-book_speaker-quicknav@2x.jpg");
            background-size: 345px 195px; } }
      section.homePromos ul li.feedback {
        background: url("../images/tile-events_and_feedback-quicknav.jpg") no-repeat center center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.homePromos ul li.feedback {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/tile-events_and_feedback-quicknav@2x.jpg");
            background-size: 345px 195px; } }
      @media only screen and (min-width: 701px) {
        section.homePromos ul li {
          display: inline-block;
          width: 48%;
          margin: 1%;
          max-width: none;
          vertical-align: top; } }
      @media only screen and (min-width: 1025px) {
        section.homePromos ul li {
          width: 23%; } }
      section.homePromos ul li div.icon {
        position: absolute;
        width: 36px;
        height: 36px;
        left: 50%;
        margin-left: -18px;
        top: 37%; }
        section.homePromos ul li div.icon.mag {
          background: url("../images/icon-search.png") no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.homePromos ul li div.icon.mag {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/icon-search@2x.png");
              background-size: 34px 34px; } }
        section.homePromos ul li div.icon.list {
          background: url("../images/icon-browser.png") no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.homePromos ul li div.icon.list {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/icon-browser@2x.png");
              background-size: 34px 34px; } }
        section.homePromos ul li div.icon.cal {
          background: url("../images/icon-calendar.png") no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.homePromos ul li div.icon.cal {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/icon-calendar@2x.png");
              background-size: 34px 34px; } }
        section.homePromos ul li div.icon.quote {
          background: url("../images/icon-chat.png") no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.homePromos ul li div.icon.quote {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/icon-chat@2x.png");
              background-size: 34px 34px; } }
        section.homePromos ul li div.icon.pencil {
          background: url("../images/icon-pencil.png") no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.homePromos ul li div.icon.pencil {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/icon-pencil@2x.png");
              background-size: 34px 34px; } }
      section.homePromos ul li h3 {
        font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
        padding-top: 138px;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        width: 80%;
        margin: 0 auto; }

header.stories div.background {
  background: url("../images/header-VeteranStories.jpg") no-repeat center 20%;
  background-size: cover; }

header.stories.conflict5 div.background {
  background: url("../images/header-WW1.jpg") no-repeat center 20%;
  background-size: cover; }

header.stories.conflict1 div.background {
  background: url("../images/header-WW2.jpg") no-repeat center 20%;
  background-size: cover; }

header.stories.conflict3 div.background {
  background: url("../images/header-PeaceKeeping.jpg") no-repeat center 20%;
  background-size: cover; }

header.stories.conflict2 div.background {
  background: url("../images/header-Korea.jpg") no-repeat center 20%;
  background-size: cover; }

section.storylanding {
  padding: 20px 20px 10px 20px; }
  @media only screen and (min-width: 701px) {
    section.storylanding {
      padding: 0px 30px 10px 30px; } }
  @media only screen and (min-width: 1025px) {
    section.storylanding div.responsive {
      max-width: 820px; } }
  section.storylanding div.intro {
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    padding: 0 0 30px 0;
    max-width: 414px;
    margin: 0 auto; }
    @media only screen and (min-width: 701px) {
      section.storylanding div.intro {
        max-width: none; } }
    @media only screen and (min-width: 701px) {
      section.storylanding div.intro {
        padding: 10px 1% 40px 1%;
        line-height: 30px;
        font-size: 18px; } }
    section.storylanding div.intro h3 {
      font-size: 15px;
      line-height: 30px;
      margin-bottom: 14px;
      font-weight: bold; }
      @media only screen and (min-width: 701px) {
        section.storylanding div.intro h3 {
          font-size: 22px;
          line-height: 30px; } }
    @media only screen and (min-width: 701px) {
      section.storylanding div.intro p {
        font-size: 18px;
        line-height: 30px; } }
    section.storylanding div.intro p a {
      font-weight: bold;
      text-decoration: underline; }
  section.storylanding div.conflicts ul {
    font-size: 0;
    text-align: center; }
    section.storylanding div.conflicts ul li {
      display: block;
      max-width: 360px;
      margin: 0 auto 14px; }
      @media only screen and (min-width: 701px) {
        section.storylanding div.conflicts ul li {
          display: inline-block;
          width: 48%;
          margin: 1%;
          max-width: none; } }
      section.storylanding div.conflicts ul li div.conflictContainer {
        border: solid 1px #e7e7e7;
        background: white;
        padding: 4px; }
        section.storylanding div.conflicts ul li div.conflictContainer div.conflict {
          background: no-repeat center center;
          background-size: cover;
          position: relative;
          height: 268px;
          width: 100%;
          text-align: center; }
          @media only screen and (min-width: 701px) {
            section.storylanding div.conflicts ul li div.conflictContainer div.conflict {
              height: 320px; } }
          @media only screen and (min-width: 1025px) {
            section.storylanding div.conflicts ul li div.conflictContainer div.conflict {
              height: 390px; } }
          section.storylanding div.conflicts ul li div.conflictContainer div.conflict.ww1 {
            background-image: url("../images/Tile-veteranstories-ww1.jpg"); }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.storylanding div.conflicts ul li div.conflictContainer div.conflict.ww1 {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/Tile-veteranstories-ww1@2x.jpg");
                background-size: 390px 391px; } }
          section.storylanding div.conflicts ul li div.conflictContainer div.conflict.ww2 {
            background-image: url("../images/Tile-veteranstories-ww2.jpg"); }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.storylanding div.conflicts ul li div.conflictContainer div.conflict.ww2 {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/Tile-veteranstories-ww2@2x.jpg");
                background-size: 390px 391px; } }
          section.storylanding div.conflicts ul li div.conflictContainer div.conflict.korea {
            background-image: url("../images/Tile-veteranstories-koreanwar.jpg"); }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.storylanding div.conflicts ul li div.conflictContainer div.conflict.korea {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/Tile-veteranstories-koreanwar@2x.jpg");
                background-size: 390px 391px; } }
          section.storylanding div.conflicts ul li div.conflictContainer div.conflict.peace {
            background-image: url("../images/Tile-veteranstories-peacekeeping.jpg"); }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.storylanding div.conflicts ul li div.conflictContainer div.conflict.peace {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/Tile-veteranstories-peacekeeping@2x.jpg");
                background-size: 390px 391px; } }
          section.storylanding div.conflicts ul li div.conflictContainer div.conflict div.label {
            position: absolute;
            bottom: 14px;
            width: 90%;
            margin: 0 auto;
            padding: 20px;
            text-align: center;
            color: white;
            background-color: rgba(0, 0, 0, 0.75);
            font-size: 15px;
            line-height: 20px;
            font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
            left: 50%;
            margin-left: -45%; }
            @media only screen and (min-width: 701px) {
              section.storylanding div.conflicts ul li div.conflictContainer div.conflict div.label {
                font-size: 20px;
                line-height: 30px; } }
            section.storylanding div.conflicts ul li div.conflictContainer div.conflict div.label strong {
              display: block;
              font-weight: bold; }
            section.storylanding div.conflicts ul li div.conflictContainer div.conflict div.label em {
              display: block; }

a.imagegallery {
  width: 100%;
  height: 212px;
  max-width: 414px;
  margin: 0px auto 20px;
  color: white;
  display: block;
  text-align: center;
  background: #404040 url("../images/CTA-Image_Gallery-BG.jpg") no-repeat center center;
  background-size: cover; }
  a.imagegallery:hover {
    opacity: 1; }
    a.imagegallery:hover p em {
      opacity: 0.5; }
  @media only screen and (min-width: 701px) {
    a.imagegallery {
      max-width: 800px;
      height: 350px;
      margin: 50px auto 20px; } }
  @media only screen and (min-width: 1025px) {
    a.imagegallery {
      max-width: 1050px; } }
  a.imagegallery h2 {
    font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 26px;
    line-height: 36px;
    padding: 40px 0 20px; }
    @media only screen and (min-width: 701px) {
      a.imagegallery h2 {
        font-size: 55px;
        line-height: 70px;
        padding: 80px 0 20px; } }
  a.imagegallery p {
    font-size: 16px;
    line-height: 22px;
    max-width: 290px;
    margin: 0 auto; }
    @media only screen and (min-width: 701px) {
      a.imagegallery p {
        font-size: 25px;
        line-height: 40px;
        max-width: 600px; } }
    a.imagegallery p em {
      color: white;
      text-decoration: underline;
      font-weight: bold; }

header.stories {
  height: 440px; }
  @media only screen and (min-width: 701px) {
    header.stories {
      height: 564px; } }
  @media only screen and (min-width: 1025px) {
    header.stories {
      height: 564px; } }
  header.stories.search {
    height: 300px; }
    @media only screen and (min-width: 1025px) {
      header.stories.search {
        height: 266px; } }
    header.stories.search form {
      margin-top: -40px; }
    header.stories.search p {
      font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
      text-align: center;
      margin-top: 8px;
      font-size: 14px;
      line-height: 24px; }
      @media only screen and (min-width: 1025px) {
        header.stories.search p {
          font-size: 16px;
          line-height: 35px; } }
  header.stories div.content h2 {
    margin-top: -80px; }
  header.stories form {
    margin-top: 30px; }
    header.stories form input[type="text"] {
      width: 100%;
      height: 54px;
      margin: 0 auto;
      display: block;
      background: white;
      border-radius: 2px;
      padding: 10px 20px;
      font-size: 15px;
      line-height: 34px;
      font-weight: bold;
      vertical-align: top;
      border: none; }

section.storyHeader {
  padding: 20px 20px 30px; }
  @media only screen and (min-width: 1025px) {
    section.storyHeader {
      padding: 0px 20px 30px; } }
  section.storyHeader div.copyContainer {
    line-height: 20px;
    font-size: 14px;
    padding: 0 0 30px 0; }
    @media only screen and (min-width: 701px) {
      section.storyHeader div.copyContainer {
        padding: 0 0 40px 0;
        line-height: 30px;
        font-size: 18px; } }
    @media only screen and (min-width: 1025px) {
      section.storyHeader div.copyContainer {
        max-width: 816px;
        margin: 0 auto; } }
    section.storyHeader div.copyContainer p a {
      font-weight: bold;
      text-decoration: underline; }
  section.storyHeader div.filters {
    text-align: center; }
    section.storyHeader div.filters div.sort {
      border: solid 1px #c2c2c2;
      border-radius: 4px;
      overflow: hidden;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif;
      max-width: 400px;
      margin: 0 auto; }
      @media only screen and (min-width: 701px) {
        section.storyHeader div.filters div.sort {
          width: 343px;
          display: inline-block; } }
      @media only screen and (min-width: 1025px) {
        section.storyHeader div.filters div.sort {
          width: 411px; } }
      @media only screen and (min-width: 701px) {
        section.storyHeader div.filters div.sort.filter {
          margin-left: 10px; } }
      section.storyHeader div.filters div.sort.filter {
        font-size: 0;
        margin-top: 10px; }
        @media only screen and (min-width: 701px) {
          section.storyHeader div.filters div.sort.filter {
            margin-top: none; } }
        @media only screen and (min-width: 1025px) {
          section.storyHeader div.filters div.sort.filter {
            margin-left: 10px; } }
      section.storyHeader div.filters div.sort a.selectContainer select.conflict {
        border-right: solid 1px #c2c2c2;
        line-height: 50px; }
      section.storyHeader div.filters div.sort ul {
        font-size: 0; }
        section.storyHeader div.filters div.sort ul li {
          display: inline-block;
          box-sizing: border-box;
          line-height: 48px;
          background: #f5f5f5;
          vertical-align: top; }
          section.storyHeader div.filters div.sort ul li.on {
            background: #d6f1fe; }
          @media only screen and (min-width: 1025px) {
            section.storyHeader div.filters div.sort ul li:hover {
              background-color: white; }
              section.storyHeader div.filters div.sort ul li:hover a:hover {
                opacity: 1; } }
          section.storyHeader div.filters div.sort ul li a {
            display: block;
            width: 100%;
            height: 48px;
            position: relative;
            font-size: 15px;
            line-height: 48px;
            text-align: center;
            border-radius: 0px; }
            @media only screen and (min-width: 701px) {
              section.storyHeader div.filters div.sort ul li a {
                font-size: 16px;
                line-height: 50px;
                text-align: left; } }
            @media only screen and (min-width: 701px) {
              section.storyHeader div.filters div.sort ul li a span {
                display: inline-block; } }
            section.storyHeader div.filters div.sort ul li a div.icon {
              position: absolute;
              right: 0;
              width: 100%;
              height: 48px;
              font-size: 15px;
              top: 0; }
              @media only screen and (min-width: 701px) {
                section.storyHeader div.filters div.sort ul li a div.icon {
                  text-align: center;
                  width: 50px;
                  height: 80%;
                  border-left: solid 1px #c2c2c2;
                  top: 6px;
                  line-height: 40px;
                  font-size: 16px; } }
          section.storyHeader div.filters div.sort ul li.editorial {
            width: 50%;
            border-right: solid 1px #c2c2c2; }
            @media only screen and (min-width: 701px) {
              section.storyHeader div.filters div.sort ul li.editorial {
                width: 50%; }
                section.storyHeader div.filters div.sort ul li.editorial span {
                  text-align: center;
                  width: 100%; } }
          section.storyHeader div.filters div.sort ul li.alpha {
            width: 50%; }
            @media only screen and (min-width: 701px) {
              section.storyHeader div.filters div.sort ul li.alpha {
                width: 50%; }
                section.storyHeader div.filters div.sort ul li.alpha span {
                  text-align: center;
                  width: 120px; } }
            @media only screen and (min-width: 1025px) {
              section.storyHeader div.filters div.sort ul li.alpha span {
                width: 150px; } }
            section.storyHeader div.filters div.sort ul li.alpha a {
              font-size: 0; }
              @media only screen and (min-width: 701px) {
                section.storyHeader div.filters div.sort ul li.alpha a {
                  font-size: 16px; } }
          section.storyHeader div.filters div.sort ul li.random {
            width: 21%; }
            @media only screen and (min-width: 701px) {
              section.storyHeader div.filters div.sort ul li.random {
                width: 33%; }
                section.storyHeader div.filters div.sort ul li.random span {
                  text-align: center;
                  width: 150px; } }
            section.storyHeader div.filters div.sort ul li.random a {
              font-size: 0; }
              @media only screen and (min-width: 701px) {
                section.storyHeader div.filters div.sort ul li.random a {
                  font-size: 16px; } }

section.stories {
  padding: 0 20px 30px;
  font-size: 0;
  border-top: solid 2px #e7e7e7; }
  @media only screen and (min-width: 1025px) {
    section.stories {
      max-width: 880px;
      margin: 0 auto;
      padding: 0 0px 30px; } }
  section.stories.search {
    padding: 0px 20px; }
    @media only screen and (min-width: 701px) {
      section.stories.search {
        padding: 30px 0px; } }
    section.stories.search ul {
      border: none;
      padding: 0; }
  section.stories ul {
    padding-top: 22px;
    text-align: center;
    max-width: 450px;
    margin: 0 auto; }
    @media only screen and (min-width: 701px) {
      section.stories ul {
        max-width: none; } }
  section.stories a:hover {
    opacity: 1; }
    section.stories a:hover li img {
      opacity: 0.5; }
  @media only screen and (min-width: 1025px) {
    section.stories a:nth-child(4n+1) li {
      margin-left: 0; }
    section.stories a:nth-child(4n) li {
      margin-right: 0; } }
  section.stories p.noresults {
    font-size: 12px;
    text-align: center;
    padding: 24px 0 0 0;
    color: black;
    font-style: italic; }
    @media only screen and (min-width: 701px) {
      section.stories p.noresults {
        font-size: 16px;
        padding: 44px 0 0 0; } }
  section.stories li {
    display: inline-block;
    width: 47%;
    margin: 1.5%;
    vertical-align: top; }
    @media only screen and (min-width: 701px) {
      section.stories li {
        width: 30.3%; } }
    @media only screen and (min-width: 1025px) {
      section.stories li {
        width: 22%;
        margin: 2%; } }
    section.stories li div.storyContainer {
      border: solid 1px #e7e7e7;
      padding: 4px 4px 0 4px;
      background: white; }
      section.stories li div.storyContainer div.story {
        background-repeat: no-repeat;
        position: relative; }
        section.stories li div.storyContainer div.story div.ambassador {
          position: absolute;
          right: 6px;
          top: 6px;
          background: url("../images/ambass.png") no-repeat center center;
          width: 40px;
          height: 40px;
          background-size: 90%; }
        section.stories li div.storyContainer div.story img {
          width: 100%;
          height: auto;
          min-height: 159px; }
        section.stories li div.storyContainer div.story div.copyContainer {
          font-size: 12px;
          line-height: 20px;
          text-align: center;
          font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
          height: 70px;
          overflow: hidden;
          display: table;
          width: 100%; }
          @media only screen and (min-width: 701px) {
            section.stories li div.storyContainer div.story div.copyContainer {
              height: 80px; } }
          section.stories li div.storyContainer div.story div.copyContainer div.copyCell {
            display: table-cell;
            vertical-align: middle;
            width: 100%; }
            @media only screen and (min-width: 701px) {
              section.stories li div.storyContainer div.story div.copyContainer div.copyCell {
                font-size: 14px; } }
            section.stories li div.storyContainer div.story div.copyContainer div.copyCell p {
              font-weight: bold;
              line-height: 16px;
              vertical-align: top;
              padding-bottom: 4px; }
              @media only screen and (min-width: 701px) {
                section.stories li div.storyContainer div.story div.copyContainer div.copyCell p {
                  padding-bottom: 10px; } }
            section.stories li div.storyContainer div.story div.copyContainer div.copyCell em {
              display: block;
              color: #7d7d7d;
              line-height: 16px; }
              @media only screen and (min-width: 701px) {
                section.stories li div.storyContainer div.story div.copyContainer div.copyCell em {
                  padding-bottom: 4px; } }

a.imagegallery.listing {
  display: none; }
  @media only screen and (min-width: 1025px) {
    a.imagegallery.listing {
      display: block; } }

header.story {
  height: 220px; }
  @media only screen and (min-width: 701px) {
    header.story {
      height: 300px; } }
  @media only screen and (min-width: 1025px) {
    header.story {
      height: 300px; } }
  header.story div.content h2 {
    color: #404040;
    margin-top: 0px;
    margin-bottom: 0px; }
    @media only screen and (min-width: 701px) {
      header.story div.content h2 {
        margin-top: 0; } }
  header.story div.content h3 {
    color: #404040;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
    font-family: "Adelle Sans", Helvetica, Arial, sans-serif; }
    @media only screen and (min-width: 701px) {
      header.story div.content h3 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px; } }

section.storySlideShow {
  position: relative;
  padding: 20px 0 34px; }
  section.storySlideShow a.enlarge {
    display: none; }
    @media only screen and (min-width: 1025px) {
      section.storySlideShow a.enlarge {
        position: absolute;
        left: 50%;
        display: inline-block;
        text-decoration: underline;
        font-size: 18px;
        line-height: 30px;
        margin-left: -330px;
        top: 450px; } }

@media only screen and (min-width: 1025px) {
  section.storyContainer div.responsive {
    max-width: 860px; } }
section.storyContainer section.media {
  text-align: center;
  margin: 30px 0 30px; }
  @media only screen and (min-width: 1025px) {
    section.storyContainer section.media {
      margin: 20px 0 90px; } }
  section.storyContainer section.media a.listen {
    font-size: 14px;
    line-height: 18px;
    text-decoration: underline;
    display: block; }
    @media only screen and (min-width: 701px) {
      section.storyContainer section.media a.listen {
        font-size: 18px;
        line-height: 30px; } }
  section.storyContainer section.media div.player {
    text-align: center;
    display: inline-block; }
section.storyContainer p.quote {
  font-style: italic;
  margin: 0 auto;
  font-size: 20px;
  line-height: 28px;
  padding: 0 20px;
  margin-bottom: 40px; }
  @media only screen and (min-width: 701px) {
    section.storyContainer p.quote {
      font-size: 33px;
      line-height: 45px;
      margin-bottom: 20px;
      margin-bottom: 60px; } }
  @media only screen and (min-width: 1025px) {
    section.storyContainer p.quote {
      padding: 0 30px; } }
section.storyContainer section.related {
  border-top: solid 1px #e7e7e7;
  border-bottom: solid 1px #e7e7e7;
  font-size: 0px;
  text-align: center;
  padding: 34px 20px; }
  @media only screen and (min-width: 1025px) {
    section.storyContainer section.related {
      border-width: 2px;
      padding: 50px 30px; } }
  section.storyContainer section.related h3 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px; }
    @media only screen and (min-width: 701px) {
      section.storyContainer section.related h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px; } }
  section.storyContainer section.related div.relatedContainer {
    padding: 0 20px 20px;
    text-align: left; }
    section.storyContainer section.related div.relatedContainer:last-child {
      padding-bottom: 0; }
    @media only screen and (min-width: 701px) {
      section.storyContainer section.related div.relatedContainer {
        display: inline-block;
        vertical-align: top;
        width: 29%;
        max-width: 250px;
        margin: 0 2%;
        padding: 0; } }
    section.storyContainer section.related div.relatedContainer div.relatedHeader {
      text-align: left;
      font-size: 14px;
      line-height: 20px;
      font-weight: bold; }
      @media only screen and (min-width: 701px) {
        section.storyContainer section.related div.relatedContainer div.relatedHeader {
          font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
          font-size: 18px;
          line-height: 30px; } }
    section.storyContainer section.related div.relatedContainer p {
      font-size: 12px;
      line-height: 24px; }
      @media only screen and (min-width: 701px) {
        section.storyContainer section.related div.relatedContainer p {
          font-size: 14px;
          line-height: 24px; } }
    section.storyContainer section.related div.relatedContainer a {
      font-size: 12px;
      line-height: 24px;
      text-align: left; }
      @media only screen and (min-width: 701px) {
        section.storyContainer section.related div.relatedContainer a {
          font-size: 14px;
          line-height: 24px; } }
      section.storyContainer section.related div.relatedContainer a.link {
        text-decoration: underline;
        padding-top: 14px;
        display: block; }
      section.storyContainer section.related div.relatedContainer a.tce_logo {
        display: block;
        overflow: hidden;
        background: url("../images/logo-tce.png") no-repeat left center;
        width: 145px;
        height: 36px;
        margin-bottom: 6px; }
        section.storyContainer section.related div.relatedContainer a.tce_logo:before {
          content: "";
          display: block;
          width: 0;
          height: 100%; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.storyContainer section.related div.relatedContainer a.tce_logo {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/logo-tce@2x.png");
            background-size: 145px 36px; } }
    section.storyContainer section.related div.relatedContainer ul {
      text-align: left; }
      section.storyContainer section.related div.relatedContainer ul li {
        font-size: 12px;
        line-height: 24px; }
        @media only screen and (min-width: 701px) {
          section.storyContainer section.related div.relatedContainer ul li {
            font-size: 14px;
            line-height: 24px; } }
        section.storyContainer section.related div.relatedContainer ul li a {
          text-decoration: underline; }
section.storyContainer section.transcript {
  padding: 30px 20px 0 20px;
  position: relative; }
  @media only screen and (min-width: 701px) {
    section.storyContainer section.transcript {
      padding: 50px 30px 0 30px;
      margin: 0 auto; } }
  section.storyContainer section.transcript div.hide {
    position: absolute;
    right: 5%;
    font-size: 15px;
    line-height: 26px;
    height: 26px;
    top: 38px;
    background: url("../images/icon-transcript.gif") no-repeat left center;
    padding-left: 32px;
    white-space: nowrap; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.storyContainer section.transcript div.hide {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/icon-transcript@2x.gif");
        background-size: 24px 26px; } }
    @media only screen and (min-width: 701px) {
      section.storyContainer section.transcript div.hide {
        font-size: 18px;
        line-height: 30px;
        top: 55px;
        background-size: 32px 34px;
        line-height: 34px;
        height: 34px;
        padding-left: 42px;
        left: 67%; } }
    @media only screen and (min-width: 1025px) {
      section.storyContainer section.transcript div.hide {
        left: 67%; } }
    section.storyContainer section.transcript div.hide a {
      text-decoration: underline; }
  section.storyContainer section.transcript h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 20px; }
    @media only screen and (min-width: 701px) {
      section.storyContainer section.transcript h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px; } }
  @media only screen and (min-width: 701px) {
    section.storyContainer section.transcript div.copyContainer {
      font-size: 18px;
      line-height: 30px; } }
  section.storyContainer section.transcript div.copyContainer p {
    margin-bottom: 14px; }
    @media only screen and (min-width: 701px) {
      section.storyContainer section.transcript div.copyContainer p {
        margin-bottom: 20px; } }

div.largeImage {
  position: fixed;
  z-index: 201;
  color: white;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  top: 2.5%;
  left: 2.5%;
  width: 95%;
  height: 95%;
  display: none;
  opacity: 0; }
  div.largeImage img {
    opacity: 0; }
  div.largeImage p {
    position: absolute;
    z-index: 202;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    top: 50%;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    font-weight: bold; }
  div.largeImage a.close {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 210; }
  div.largeImage img {
    opacity: 0; }

header.stories.imagegallery div.background {
  background: url("../images/header-imagegallery.jpg") no-repeat top center;
  background-size: cover; }
@media only screen and (min-width: 701px) {
  header.stories.imagegallery div.content {
    max-width: 700px; } }
@media only screen and (min-width: 701px) {
  header.stories.imagegallery form {
    text-align: center;
    max-width: 680px;
    margin: 0 auto; } }
@media only screen and (min-width: 701px) {
  header.stories.imagegallery form div.searchContainer {
    display: inline-block;
    width: 59%;
    vertical-align: top; }
    header.stories.imagegallery form div.searchContainer input[type="text"] {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px; } }
header.stories.imagegallery form a.selectContainer {
  border-radius: 4px;
  width: 100%;
  margin-top: 6px; }
  @media only screen and (min-width: 701px) {
    header.stories.imagegallery form a.selectContainer {
      display: inline-block;
      width: 39%;
      vertical-align: top;
      margin-top: 0;
      height: 54px;
      line-height: 54px;
      margin-left: -4px;
      border-left: solid 1px #c2c2c2;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; } }
  header.stories.imagegallery form a.selectContainer select {
    padding-left: 20px; }
  @media only screen and (min-width: 1025px) {
    header.stories.imagegallery form a.selectContainer:hover {
      background-color: #d7d7d7; } }

header.stories.search.imagegallery div.contentContainer form {
  margin-top: -50px; }

section.storyHeader.imagegallery {
  text-align: center;
  padding: 20px 20px 30px; }
  @media only screen and (min-width: 701px) {
    section.storyHeader.imagegallery {
      padding: 20px 20px 0; } }
  section.storyHeader.imagegallery div.copyContainer {
    text-align: left;
    padding: 0px 0 30px; }
    @media only screen and (min-width: 701px) {
      section.storyHeader.imagegallery div.copyContainer {
        padding: 0px 0 30px; } }
  section.storyHeader.imagegallery div.tip {
    display: inline-block;
    padding: 6px 30px;
    background: #fbf8ce;
    font-size: 16px;
    margin: 0 auto; }
    section.storyHeader.imagegallery div.tip.desktop {
      display: none; }
    section.storyHeader.imagegallery div.tip.captions {
      margin-top: 4px; }
      @media only screen and (min-width: 701px) {
        section.storyHeader.imagegallery div.tip.captions {
          margin: auto; } }
      section.storyHeader.imagegallery div.tip.captions a {
        border-bottom: solid 2px; }
    @media only screen and (min-width: 1025px) {
      section.storyHeader.imagegallery div.tip.desktop {
        display: inline-block; }
      section.storyHeader.imagegallery div.tip.touch {
        display: none; } }

section.storylanding div.categoryContainer {
  margin: 0 auto; }
  @media only screen and (min-width: 701px) {
    section.storylanding div.categoryContainer {
      max-width: 1200px; } }
@media only screen and (min-width: 701px) {
  section.storylanding div.conflicts.imagegallery li {
    width: 48%;
    margin: 1%; } }
@media only screen and (min-width: 1025px) {
  section.storylanding div.conflicts.imagegallery li {
    width: 31%; } }
section.storylanding div.conflicts.imagegallery li div.conflict.all {
  background-image: url("../images/Tile-ImageGallery-all.jpg");
  background-position: center center;
  background-size: cover; }
section.storylanding a.link {
  display: block;
  margin-top: 20px;
  padding-left: 16px;
  font-family: "adelle-sans", Helvetica, Arial, sans-serif;
  background: url("../images/next-tiny.png") no-repeat 0px center;
  font-size: 15px; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    section.storylanding a.link {
      /* on retina, use image that's scaled by 2 */
      background-image: url("../images/next-tiny@2x.png");
      background-size: 11px 11px; } }
  @media only screen and (min-width: 701px) {
    section.storylanding a.link {
      font-size: 16px;
      display: inline-block;
      width: 50%;
      vertical-align: top;
      margin-top: 40px;
      background-position: 0px 9px; } }

section.stories.images {
  border-top: none; }
  @media only screen and (min-width: 1025px) {
    section.stories.images {
      max-width: 1200px;
      padding: 30px; } }
  @media only screen and (min-width: 1025px) {
    section.stories.images div.responsive {
      max-width: none; } }
  @media only screen and (min-width: 1025px) {
    section.stories.images a:nth-child(4n+1) li {
      margin-left: 1%; }
    section.stories.images a:nth-child(4n) li {
      margin-right: 1%; } }
  section.stories.images li {
    width: 100%; }
    @media only screen and (min-width: 701px) {
      section.stories.images li {
        width: 48%;
        margin: 1%; } }
    @media only screen and (min-width: 1025px) {
      section.stories.images li {
        width: 31%; } }
    section.stories.images li div.storyContainer div.story div.image {
      background-size: cover;
      background-position: center center; }
    @media only screen and (min-width: 1025px) {
      section.stories.images li div.storyContainer div.story img {
        height: 258px;
        opacity: 0; } }
    section.stories.images li div.storyContainer div.story div.copyContainer {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
      section.stories.images li div.storyContainer div.story div.copyContainer.hide {
        min-height: 0px;
        height: 4px;
        overflow: hidden;
        display: block; }
      section.stories.images li div.storyContainer div.story div.copyContainer.show {
        min-height: 101px; }
      @media only screen and (min-width: 701px) {
        section.stories.images li div.storyContainer div.story div.copyContainer {
          min-height: 101px; } }
      section.stories.images li div.storyContainer div.story div.copyContainer div.copyCell {
        padding: 8px 20px; }
        @media only screen and (min-width: 1025px) {
          section.stories.images li div.storyContainer div.story div.copyContainer div.copyCell {
            padding: 8px 20px; } }
        section.stories.images li div.storyContainer div.story div.copyContainer div.copyCell p {
          font-size: 14px;
          line-height: 20px; }
          @media only screen and (min-width: 1025px) {
            section.stories.images li div.storyContainer div.story div.copyContainer div.copyCell p {
              font-size: 14px;
              line-height: 20px; } }
        section.stories.images li div.storyContainer div.story div.copyContainer div.copyCell em {
          color: #7d7d7d;
          font-size: 14px;
          line-height: 25px; }
          @media only screen and (min-width: 1025px) {
            section.stories.images li div.storyContainer div.story div.copyContainer div.copyCell em {
              font-size: 14px;
              line-height: 25px; } }

.imagegallery_lightbox a {
  color: white; }

div.imagegallery_lightbox {
  position: fixed;
  z-index: 220;
  top: 20%;
  left: 50%;
  margin-left: -160px;
  width: 320px;
  opacity: 0;
  display: none; }
  @media only screen and (min-width: 701px) {
    div.imagegallery_lightbox {
      margin-left: -200px;
      width: 400px; } }
  @media only screen and (min-width: 1025px) {
    div.imagegallery_lightbox {
      width: 1000px;
      margin-left: -500px;
      top: 50%;
      margin-top: -300px;
      height: 600px; } }
  div.imagegallery_lightbox div.imagegallery_lb_cont {
    text-align: center;
    margin: 0 auto;
    vertical-align: top; }
    div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_imagecont {
      display: none;
      position: relative; }
      @media only screen and (min-width: 1025px) {
        div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_imagecont {
          display: inline-block; } }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_imagecont a {
        display: block;
        position: absolute;
        left: 50%;
        width: 50px;
        height: 50px;
        background: white;
        border-radius: 50%;
        margin-top: -64px; }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_imagecont a.imagegallery_lb_prev {
        margin-left: -55px;
        background: white url("../images/back-lightbox.gif") no-repeat center center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_imagecont a.imagegallery_lb_prev {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/back-lightbox@2x.gif");
            background-size: 22px 22px; } }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_imagecont a.imagegallery_lb_next {
        margin-left: 10px;
        background: white url("../images/next-lightbox.gif") no-repeat center center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_imagecont a.imagegallery_lb_next {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/next-lightbox@2x.gif");
            background-size: 22px 22px; } }
    div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy {
      display: inline-block;
      width: 85%;
      vertical-align: top;
      text-align: center;
      color: white;
      font-size: 18px;
      margin: 0 auto; }
      @media only screen and (min-width: 1025px) {
        div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy {
          margin-left: 20px;
          width: 350px; } }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy a.close {
        display: block;
        background: url("../images/close-x.png") no-repeat top center;
        height: 30px;
        position: absolute;
        top: -60px;
        width: 87%;
        overflow: hidden; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy a.close {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/close-x@2x.png");
            background-size: 24px 24px; } }
        div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy a.close:before {
          content: "";
          display: block;
          width: 0;
          height: 100%; }
        @media only screen and (min-width: 1025px) {
          div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy a.close {
            display: none; } }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy h4 {
        font-weight: normal;
        font-size: 12px;
        line-height: 12px; }
        @media only screen and (min-width: 701px) {
          div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy h4 {
            font-size: 16px;
            line-height: 25px; } }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy p {
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        margin-top: 20px; }
        @media only screen and (min-width: 701px) {
          div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy p {
            font-size: 18px;
            line-height: 25px; } }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy em {
        font-size: 12px;
        font-style: italic;
        text-align: left;
        display: block; }
        @media only screen and (min-width: 701px) {
          div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy em {
            font-size: 16px;
            line-height: 25px; } }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy a.imagegallery_lb_vetlink {
        color: white;
        text-decoration: underline;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold; }
        @media only screen and (min-width: 701px) {
          div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy a.imagegallery_lb_vetlink {
            font-size: 18px;
            line-height: 25px; } }
        div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy a.imagegallery_lb_vetlink:hover {
          text-decoration: none; }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy div.imagegallery_lb_vetimage {
        width: 84px;
        height: 84px;
        border-radius: 50%;
        border: solid 3px white;
        margin: 0 auto;
        background-position: top center;
        background-size: 84px;
        background-repeat: no-repeat;
        margin-bottom: 10px; }
      div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy div.imagegallery_lb_original {
        background: #be202e;
        border-radius: 10px;
        padding: 17px;
        margin-top: 15px;
        font-size: 14px;
        line-height: 20px; }
        @media only screen and (min-width: 701px) {
          div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy div.imagegallery_lb_original {
            font-size: 18px;
            line-height: 25px; } }
        div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy div.imagegallery_lb_original span {
          font-family: "adelle-sans", Helvetica, Arial, sans-serif; }
        div.imagegallery_lightbox div.imagegallery_lb_cont div.imagegallery_lb_copy div.imagegallery_lb_original a {
          display: block;
          color: white;
          text-decoration: underline;
          font-weight: bold; }

header.form {
  height: 320px; }
  @media only screen and (min-width: 701px) {
    header.form {
      height: 386px; } }
  @media only screen and (min-width: 1025px) {
    header.form {
      height: 386px; } }
  header.form div.background {
    background: url("../images/header-kids.jpg") no-repeat center 20%;
    background-size: cover; }
  header.form div.content h2 {
    margin-top: -40px; }

header.form.book div.background {
  background: url("../images/header-BookSpeaker.jpg") no-repeat center 20%;
  background-size: cover; }

header.form.become div.background {
  background: url("../images/header-BecomeSpeaker.jpg") no-repeat center 20%;
  background-size: cover; }

header.form.bios div.background {
  background: url("../images/header-SpeakerBios.jpg") no-repeat center 20%;
  background-size: cover; }

section.formHeader {
  font-size: 14px;
  line-height: 20px; }
  @media only screen and (min-width: 701px) {
    section.formHeader {
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 75px; }
      section.formHeader.thankyou {
        margin-bottom: 0; } }
  @media only screen and (min-width: 701px) {
    section.formHeader div.responsive {
      max-width: 720px; } }
  @media only screen and (min-width: 1025px) {
    section.formHeader div.responsive {
      max-width: 800px; } }
  section.formHeader div.copyContainer {
    padding-bottom: 30px;
    text-align: center; }
    section.formHeader div.copyContainer p {
      padding: 10px 20px 10px; }
      @media only screen and (min-width: 1025px) {
        section.formHeader div.copyContainer p {
          padding: 10px 0px 10px; } }
      section.formHeader div.copyContainer p a {
        font-weight: bold;
        text-decoration: underline; }
    section.formHeader div.copyContainer ul {
      margin: 0px 0;
      padding-left: 40px;
      list-style-type: disc; }
    section.formHeader div.copyContainer ol {
      margin: 0px 0;
      padding-left: 40px;
      list-style-type: decimal; }
    section.formHeader div.copyContainer sub {
      vertical-align: sub;
      font-size: smaller; }
    section.formHeader div.copyContainer sup {
      vertical-align: super;
      font-size: smaller; }
  section.formHeader div.questions {
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
    background: white;
    padding: 24px 20px 32px; }
    @media only screen and (min-width: 701px) {
      section.formHeader div.questions div.responsive {
        max-width: 682px; } }
    @media only screen and (min-width: 701px) {
      section.formHeader div.questions {
        padding: 40px 40px 30px 40px; } }
    @media only screen and (min-width: 1025px) {
      section.formHeader div.questions {
        max-width: 800px;
        margin: 0 auto;
        border: solid 1px #e7e7e7;
        padding: 40px 40px 30px 40px; } }
    section.formHeader div.questions h2 {
      font-size: 22px;
      line-height: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif; }
      @media only screen and (min-width: 701px) {
        section.formHeader div.questions h2 {
          font-size: 30px;
          margin-bottom: 12px; } }
    section.formHeader div.questions p {
      margin-bottom: 10px; }
      @media only screen and (min-width: 701px) {
        section.formHeader div.questions p {
          display: inline-block;
          vertical-align: top; } }
    section.formHeader div.questions a {
      text-decoration: underline;
      font-weight: bold; }
      @media only screen and (min-width: 701px) {
        section.formHeader div.questions a {
          display: inline-block;
          vertical-align: top;
          margin-left: 20px; } }

@media only screen and (min-width: 1025px) {
  section.formHeader.thankyou.thankyou {
    margin-bottom: 0; } }
section.formHeader.thankyou div.copyContainer {
  padding: 10px 20px 40px; }
  @media only screen and (min-width: 1025px) {
    section.formHeader.thankyou div.copyContainer {
      padding: 10px 0px 20px; } }
  section.formHeader.thankyou div.copyContainer p {
    padding: 0 0 20px 0; }
    @media only screen and (min-width: 1025px) {
      section.formHeader.thankyou div.copyContainer p {
        padding: 0 0 30px 0; } }
    section.formHeader.thankyou div.copyContainer p a {
      display: inline; }
  section.formHeader.thankyou div.copyContainer a {
    display: block;
    text-decoration: underline;
    font-weight: bold; }
    @media only screen and (min-width: 1025px) {
      section.formHeader.thankyou div.copyContainer a {
        padding: 0; } }

section.formContainer {
  padding: 54px 20px 32px;
  font-family: "adelle-sans", Helvetica, Arial, sans-serif; }
  @media only screen and (min-width: 701px) {
    section.formContainer {
      border-top: solid 2px #e7e7e7; } }
  @media only screen and (min-width: 1025px) {
    section.formContainer {
      max-width: 840px;
      margin: 0 auto; } }
  section.formContainer div.page1 {
    display: block; }
  section.formContainer div.page2 {
    display: none; }
  section.formContainer div.page3 {
    display: none; }
    section.formContainer div.page3.on {
      display: block; }
  section.formContainer h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    font-family: "Adelle Sans", Helvetica, Arial, sans-serif; }
    @media only screen and (min-width: 701px) {
      section.formContainer h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 24px; } }
    section.formContainer h3.second {
      margin: 20px 0 12px; }
      @media only screen and (min-width: 701px) {
        section.formContainer h3.second {
          margin-bottom: 24px; } }
  section.formContainer div.step {
    width: 110px;
    margin: 20px auto 0;
    border-top: solid 4px #e7e7e7;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 15px;
    font-family: "Adelle", Helvetica, Arial, sans-serif; }
    section.formContainer div.step.top {
      border-bottom: solid 4px #e7e7e7;
      margin-bottom: 20px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.step.top {
          margin-bottom: 40px; } }
    section.formContainer div.step.no {
      padding: 15px 0 0 0; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.step {
        font-size: 18px;
        line-height: 20px;
        padding: 30px 0;
        width: 150px; }
        section.formContainer div.step.no {
          padding: 30px 0 0 0; } }
  section.formContainer div.submitContainer {
    text-align: center; }
    section.formContainer div.submitContainer span {
      display: none;
      color: #be202e;
      font-weight: bold;
      font-style: italic;
      font-size: 12px;
      line-height: 24px;
      margin-top: 10px; }
      section.formContainer div.submitContainer span.error {
        display: block; }
    section.formContainer div.submitContainer a.submit {
      display: inline-block;
      width: 180px;
      margin: 0 auto;
      height: 50px;
      line-height: 50px;
      color: white;
      text-align: center;
      border-radius: 3px;
      vertical-align: top;
      background: #be202e url("../images/next-red.gif") no-repeat 95% center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.formContainer div.submitContainer a.submit {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/next-red@2x.gif");
          background-size: 26px 26px; } }
      @media only screen and (min-width: 701px) {
        section.formContainer div.submitContainer a.submit {
          font-size: 16px;
          height: 46px;
          width: 208px;
          background-size: 26px;
          line-height: 46px; } }
      section.formContainer div.submitContainer a.submit.final {
        background-image: none; }
      section.formContainer div.submitContainer a.submit.disable {
        cursor: default;
        opacity: 0.5; }
      section.formContainer div.submitContainer a.submit.back {
        border: solid 1px #c2c2c2;
        color: #4c4c4c;
        background: #f5f5f5 url("../images/back-grey.gif") no-repeat 5% center;
        width: 96px;
        padding-left: 16px; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.formContainer div.submitContainer a.submit.back {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/back-grey@2x.gif");
            background-size: 26px 26px; } }
        @media only screen and (min-width: 701px) {
          section.formContainer div.submitContainer a.submit.back {
            width: 208px; } }
  section.formContainer h2 {
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    padding-bottom: 24px; }
    @media only screen and (min-width: 701px) {
      section.formContainer h2 {
        font-size: 55px;
        line-height: 70px;
        padding-bottom: 38px; } }
  @media only screen and (min-width: 701px) {
    section.formContainer div.col {
      display: inline-block;
      width: 49%;
      vertical-align: top; } }
  section.formContainer div.formfield {
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 18px; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.formfield {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 28px;
        width: 90%; } }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.formfield {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 28px; } }
    section.formContainer div.formfield input, section.formContainer div.formfield select {
      font-size: 13px;
      line-height: 25px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.formfield input, section.formContainer div.formfield select {
          font-size: 13px;
          line-height: 25px; } }
    section.formContainer div.formfield label {
      display: block; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.formfield label {
          font-size: 16px;
          line-height: 28px; } }
      section.formContainer div.formfield label.small {
        font-style: italic; }
      section.formContainer div.formfield label em {
        font-style: italic;
        color: #898989;
        margin-bottom: 12px;
        display: block;
        line-height: 16px; }
        @media only screen and (min-width: 701px) {
          section.formContainer div.formfield label em {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 6px; } }
        section.formContainer div.formfield label em.notouch {
          display: none; }
          @media only screen and (min-width: 701px) {
            section.formContainer div.formfield label em.notouch {
              display: block; } }
    section.formContainer div.formfield span {
      display: none;
      color: #be202e;
      font-weight: bold;
      font-style: italic; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.formfield span {
          line-height: 38px; } }
    section.formContainer div.formfield.error span {
      display: block; }
  section.formContainer div.textContainer input[type="text"] {
    width: 100%;
    max-width: 345px;
    height: 34px;
    border: solid 1px #dadada;
    color: #404040;
    padding: 0px 10px;
    line-height: 34px;
    border-radius: 0px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.textContainer input[type="text"] {
        font-size: 18px;
        padding: 0px 15px 0px 15px;
        line-height: 44px;
        height: 45px;
        border: solid 2px #dadada; } }
    section.formContainer div.textContainer input[type="text"].small {
      width: 126px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.textContainer input[type="text"].small {
          width: 200px; } }
  section.formContainer div.textContainer.other {
    display: none; }
  section.formContainer div.textContainer.error input {
    border-color: #be202e;
    background-color: #feaeb5; }
  @media only screen and (min-width: 701px) {
    section.formContainer div.textareaContainer {
      width: 100%; } }
  section.formContainer div.textareaContainer textarea {
    width: 100%;
    max-width: 345px;
    border: solid 1px #dadada;
    color: #404040;
    padding: 0px 10px;
    line-height: 34px;
    border-radius: 0px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.textareaContainer textarea {
        font-size: 18px;
        padding: 0px 15px 0px 15px;
        line-height: 44px;
        border: solid 2px #dadada;
        max-width: none;
        margin-top: 8px; } }
  section.formContainer div.textareaContainer.error textarea {
    border-color: #be202e;
    background-color: #feaeb5; }
  section.formContainer div.selectContainer.dates {
    margin: 22px 0 0; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.selectContainer.dates {
        margin: 0; } }
  section.formContainer div.selectContainer select {
    width: 100%;
    max-width: 345px;
    height: 34px;
    border: solid 1px #dadada;
    background: #ebebeb url("../images/combo.gif") no-repeat 97% center;
    color: #404040;
    font-size: 14px;
    padding: 0px 15px;
    line-height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.formContainer div.selectContainer select {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/combo@2x.gif");
        background-size: 15px 23px; } }
    @media only screen and (min-width: 701px) {
      section.formContainer div.selectContainer select {
        font-size: 18px;
        padding: 0px 15px 0px 15px;
        line-height: 44px;
        height: 45px;
        border: solid 2px #dadada; } }
    section.formContainer div.selectContainer select.multiple {
      background: white;
      color: #404040;
      font-size: 13px;
      line-height: 30px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.selectContainer select.multiple {
          height: 100px;
          padding: 10px;
          font-size: 16px;
          line-height: 50px; } }
    section.formContainer div.selectContainer select.smalldate {
      width: 115px;
      display: inline-block;
      margin-top: 4px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.selectContainer select.smalldate span {
          line-height: 50px; } }
  section.formContainer div.selectContainer.error select {
    border-color: #be202e;
    background: #feaeb5 url("../images/combo-error.gif") no-repeat 97% center; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.formContainer div.selectContainer.error select {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/combo-error@2x.gif");
        background-size: 15px 23px; } }
  section.formContainer div.checkFieldContainer {
    padding: 30px 0; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.checkFieldContainer {
        width: 90%; } }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.checkFieldContainer {
        width: 100%;
        padding: 20px 0 30px 0; } }
    section.formContainer div.checkFieldContainer.second {
      padding-top: 0px; }
    section.formContainer div.checkFieldContainer.error input[type="checkbox"] + label span {
      background: url(../images/checkbox2.gif) -138px top no-repeat; }
  section.formContainer div.radioFieldContainer {
    padding: 15px 0; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.radioFieldContainer {
        width: 90%; } }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.radioFieldContainer {
        width: 100%;
        padding: 0px 0 30px 0; } }
    section.formContainer div.radioFieldContainer label {
      margin-bottom: 0px; }
    section.formContainer div.radioFieldContainer div.radioContainer label {
      display: inline-block;
      margin-right: 18px; }
    section.formContainer div.radioFieldContainer div.radioContainer div {
      padding-top: 4px;
      display: inline-block;
      vertical-align: middle; }
      section.formContainer div.radioFieldContainer div.radioContainer div em {
        line-height: 18px; }
    section.formContainer div.radioFieldContainer.second {
      padding-top: 0px; }
    section.formContainer div.radioFieldContainer.error input[type="radio"] + label span {
      background: url(../images/radio.png) -141px top no-repeat; }
  section.formContainer div.checkContainer {
    display: block;
    line-height: 0;
    margin-bottom: 6px; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.checkContainer {
        display: inline-block;
        margin-right: 20px;
        width: 35%; } }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.checkContainer {
        width: 47%; } }
    section.formContainer div.checkContainer input[type="checkbox"] {
      position: absolute;
      left: -100000em; }
    section.formContainer div.checkContainer input[type="checkbox"] + label span {
      display: inline-block;
      width: 46px;
      height: 46px;
      background: url(../images/checkbox2.gif) left top no-repeat;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      margin-right: 8px; }
      @media only screen and (min-width: 1025px) {
        section.formContainer div.checkContainer input[type="checkbox"] + label span {
          margin: -1px 8px 0 0; } }
    section.formContainer div.checkContainer input[type="checkbox"] + label.focus span,
    section.formContainer div.checkContainer input[type="checkbox"] + label:hover span {
      background: url(../images/checkbox2.gif) -46px top no-repeat; }
    section.formContainer div.checkContainer input[type="checkbox"] + label.active span {
      background: url(../images/checkbox2.gif) -92px top no-repeat; }
  section.formContainer div.radioContainer input[type="radio"] {
    position: absolute;
    left: -100000em; }
  section.formContainer div.radioContainer input[type="radio"] + label span {
    display: inline-block;
    width: 47px;
    height: 52px;
    background: url(../images/radio.png) left top no-repeat;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.formContainer div.radioContainer input[type="radio"] + label span {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/radio@2x.png");
        background-size: 188px 52px; } }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.radioContainer input[type="radio"] + label span {
        margin: -1px 8px 0 0; } }
  section.formContainer div.radioContainer input[type="radio"] + label.focus span,
  section.formContainer div.radioContainer input[type="radio"] + label:hover span {
    background: url(../images/radio.png) -47px top no-repeat; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.formContainer div.radioContainer input[type="radio"] + label.focus span,
      section.formContainer div.radioContainer input[type="radio"] + label:hover span {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/radio@2x.png");
        background-size: 188px 52px; } }
  section.formContainer div.radioContainer input[type="radio"] + label.active span {
    background: url(../images/radio.png) -94px top no-repeat; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.formContainer div.radioContainer input[type="radio"] + label.active span {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/radio@2x.png");
        background-size: 188px 52px; } }

header.form.build div.background {
  background: url("../images/header-CreateBio.jpg") no-repeat top center;
  background-size: cover; }

header.story.bio {
  height: auto;
  padding: 20px 0 20px 0; }
  @media only screen and (min-width: 701px) {
    header.story.bio {
      height: auto;
      padding: 60px 0 20px 0; } }
  @media only screen and (min-width: 1025px) {
    header.story.bio {
      height: auto;
      padding: 45px 0 30px 0; } }

section.biosHeader {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 30px; }
  @media only screen and (min-width: 701px) {
    section.biosHeader {
      font-size: 18px;
      line-height: 30px;
      padding-bottom: 40px; }
      section.biosHeader.thankyou {
        margin-bottom: 0; } }
  @media only screen and (min-width: 701px) {
    section.biosHeader div.responsive {
      max-width: 700px; } }
  @media only screen and (min-width: 1025px) {
    section.biosHeader div.responsive {
      max-width: 800px; } }
  section.biosHeader div.copyContainer p {
    padding: 10px 20px 0px;
    text-align: center; }
    @media only screen and (min-width: 701px) {
      section.biosHeader div.copyContainer p {
        padding: 10px 0px 40px; } }
  section.biosHeader div.copyContainer ul {
    margin: 10px 0;
    padding-left: 40px;
    list-style-type: disc; }
  section.biosHeader div.copyContainer ol {
    margin: 10px 0;
    padding-left: 40px;
    list-style-type: decimal; }
  section.biosHeader div.copyContainer sub {
    vertical-align: sub;
    font-size: smaller; }
  section.biosHeader div.copyContainer sup {
    vertical-align: super;
    font-size: smaller; }
  section.biosHeader a.link {
    text-align: center;
    display: inline-block;
    margin-top: 20px;
    padding-left: 16px;
    font-family: "adelle-sans", Helvetica, Arial, sans-serif;
    background: url("../images/next-tiny.png") no-repeat 0px center;
    font-size: 15px;
    margin-left: 20px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.biosHeader a.link {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/next-tiny@2x.png");
        background-size: 11px 11px; } }
    @media only screen and (min-width: 701px) {
      section.biosHeader a.link {
        font-size: 16px;
        display: inline-block;
        vertical-align: top;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-right: 5%;
        margin-left: 0px; } }
  section.biosHeader div.buttons {
    padding: 0 20px;
    text-align: center; }
    section.biosHeader div.buttons:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    @media only screen and (min-width: 701px) {
      section.biosHeader div.buttons {
        padding: 0; } }
    section.biosHeader div.buttons.filters {
      text-align: center; }
    section.biosHeader div.buttons a {
      display: block;
      font-size: 15px;
      line-height: 48px;
      height: 48px;
      border: solid 1px #c2c2c2;
      border-radius: 3px;
      width: 100%;
      max-width: 320px;
      background-color: #f5f5f5;
      font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
      color: #464646;
      margin: 20px auto 0; }
      @media only screen and (min-width: 701px) {
        section.biosHeader div.buttons a {
          font-size: 16px;
          display: inline-block;
          width: 210px;
          margin-right: 10px; } }
      section.biosHeader div.buttons a.button {
        padding: 0 10px;
        text-align: center; }
        @media only screen and (min-width: 701px) {
          section.biosHeader div.buttons a.button {
            width: auto;
            padding: 0 20px;
            min-width: 210px; } }
        @media only screen and (min-width: 1025px) {
          section.biosHeader div.buttons a.button {
            opacity: 1; }
            section.biosHeader div.buttons a.button:hover {
              background: white; } }
      @media only screen and (min-width: 701px) {
        section.biosHeader div.buttons a.selectContainer {
          margin-right: 0px; }
          section.biosHeader div.buttons a.selectContainer select {
            line-height: 46px; } }
      @media only screen and (min-width: 1025px) {
        section.biosHeader div.buttons a.selectContainer:hover {
          background-color: #d7d7d7; } }
      @media only screen and (min-width: 701px) {
        section.biosHeader div.buttons a.selectContainer.colright {
          margin-left: 14px; } }

section.profileDetails {
  padding: 20px;
  font-size: 14px;
  line-height: 20px; }
  @media only screen and (min-width: 701px) {
    section.profileDetails {
      padding: 0px 20px 50px;
      font-size: 18px;
      line-height: 30px; } }
  @media only screen and (min-width: 1025px) {
    section.profileDetails div.responsive {
      max-width: 800px; } }
  @media only screen and (min-width: 701px) {
    section.profileDetails div.portrait {
      display: inline-block;
      vertical-align: top;
      width: 48%;
      padding: 20px 20px 20px 0; } }
  @media only screen and (min-width: 1025px) {
    section.profileDetails div.portrait {
      width: 42%; } }
  section.profileDetails div.portrait div.portraitContainer {
    border-radius: 50%;
    width: 95%;
    height: auto;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
    position: relative; }
    section.profileDetails div.portrait div.portraitContainer div.ambassador {
      position: absolute;
      right: 0;
      top: 0;
      background: url("../images/ambass.png") no-repeat center center;
      width: 90px;
      height: 90px;
      background-size: 90%; }
    section.profileDetails div.portrait div.portraitContainer img {
      opacity: 0;
      width: 100%;
      height: auto; }
  @media only screen and (min-width: 701px) {
    section.profileDetails div.details {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 20px 0px 0 0px; } }
  section.profileDetails div.details div.detailsTable {
    display: table; }
    @media only screen and (min-width: 701px) {
      section.profileDetails div.details div.detailsTable {
        height: 290px; } }
    section.profileDetails div.details div.detailsTable div.detailsCell {
      display: table-cell;
      vertical-align: middle; }
  section.profileDetails div.details h4 {
    font-weight: bold;
    margin-top: 25px; }

@media only screen and (min-width: 701px) {
  section.storySlideShow.bio {
    padding: 20px 0 74px; } }

section.callOut {
  width: 100%;
  background: url("../images/header-women.jpg") no-repeat center center;
  background-size: cover;
  padding: 30px;
  font-family: "Adelle Sans", Helvetica, Arial, sans-serif; }
  @media only screen and (min-width: 701px) {
    section.callOut {
      max-width: 1035px;
      width: 100%;
      margin: 0 auto;
      text-align: center;
      padding: 60px 30px;
      background-position: top center; } }
  @media only screen and (min-width: 1025px) {
    section.callOut {
      width: 95%; } }
  section.callOut h3 {
    font-size: 25px;
    line-height: 30px;
    color: white;
    text-align: center;
    margin: 10px 0;
    padding-bottom: 14px; }
    @media only screen and (min-width: 701px) {
      section.callOut h3 {
        font-size: 35px;
        line-height: 50px;
        max-width: 860px;
        margin: 0 auto; } }
  section.callOut a {
    display: block;
    margin: 0 auto;
    width: 240px;
    height: 50px;
    border-radius: 2px;
    background: #be202e;
    color: white;
    text-align: center;
    line-height: 50px;
    margin-top: 20px; }
    @media only screen and (min-width: 701px) {
      section.callOut a {
        font-size: 16px;
        display: inline-block;
        vertical-align: top;
        margin: 20px 10px 0; } }

section.biography {
  font-size: 14px;
  line-height: 20px;
  padding: 30px 20px; }
  @media only screen and (min-width: 701px) {
    section.biography {
      font-size: 18px;
      line-height: 30px;
      padding: 0 20px 50px; } }
  @media only screen and (min-width: 1025px) {
    section.biography div.responsive {
      max-width: 800px; } }
  section.biography div.testContainer {
    padding: 30px 0 0; }
    section.biography div.testContainer div.test {
      padding-bottom: 20px; }
      section.biography div.testContainer div.test:last-child {
        padding-bottom: 0; }
      section.biography div.testContainer div.test h2 {
        font-size: 22px;
        line-height: 27px;
        font-style: italic; }
        @media only screen and (min-width: 701px) {
          section.biography div.testContainer div.test h2 {
            font-size: 33px;
            line-height: 45px; } }
      section.biography div.testContainer div.test em {
        font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
        display: block;
        font-size: 12px;
        line-height: 34px; }
        @media only screen and (min-width: 701px) {
          section.biography div.testContainer div.test em {
            font-size: 18px;
            line-height: 40px; } }

header.form.events div.background {
  background: url("../images/header-Anniversaries.jpg") no-repeat top center;
  background-size: cover; }
  header.form.events div.background div.mask {
    background: url("../images/header-chevron_mask-events.png") no-repeat center center; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      header.form.events div.background div.mask {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/header-chevron_mask-events@2x.png");
        background-size: 1480px 73px; } }

header.form.event div.background {
  background: url("../images/header-Anniversaries.jpg") no-repeat top center; }

section.eventsHeader {
  padding: 0 20px 44px;
  background: #f4f4f4;
  font-size: 0; }
  section.eventsHeader div.calendar {
    padding-bottom: 30px; }
    @media only screen and (min-width: 701px) {
      section.eventsHeader div.calendar {
        display: inline-block;
        vertical-align: top;
        width: 45%;
        margin-right: 5%; } }
    @media only screen and (min-width: 1025px) {
      section.eventsHeader div.calendar {
        width: 50%;
        margin-right: 0;
        padding: 30px 0; } }
  section.eventsHeader div.copyContainer {
    font-size: 14px;
    line-height: 20px; }
    @media only screen and (min-width: 701px) {
      section.eventsHeader div.copyContainer {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 18px;
        line-height: 30px;
        padding-top: 10px; } }
    @media only screen and (min-width: 1025px) {
      section.eventsHeader div.copyContainer {
        padding-top: 30px; } }
    section.eventsHeader div.copyContainer p {
      padding-bottom: 0px;
      text-align: left; }
    section.eventsHeader div.copyContainer a.link {
      display: inline-block;
      margin-top: 20px;
      padding-left: 16px;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif;
      background: url("../images/next-tiny.png") no-repeat 0px center;
      font-size: 15px; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.eventsHeader div.copyContainer a.link {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/next-tiny@2x.png");
          background-size: 11px 11px; } }
      @media only screen and (min-width: 701px) {
        section.eventsHeader div.copyContainer a.link {
          font-size: 16px; } }

section.events.single {
  padding: 10px 10px 0; }
  section.events.single div.event {
    border: none; }
    section.events.single div.event:last-child {
      border-bottom: none; }
    section.events.single div.event div.eventContainer {
      padding: 10px; }

section.events {
  padding: 50px 10px 0; }
  @media only screen and (min-width: 701px) {
    section.events {
      padding: 50px 0px 0; } }
  @media only screen and (min-width: 701px) {
    section.events div.responsive {
      max-width: none; } }
  @media only screen and (min-width: 701px) {
    section.events div.responsive {
      max-width: 950px; } }
  section.events div.event {
    border-top: solid 2px #e7e7e7; }
    section.events div.event:last-child {
      border-bottom: solid 2px #e7e7e7; }
    section.events div.event.template {
      display: none; }
    section.events div.event div.eventContainer {
      color: #353535;
      padding: 35px 10px;
      font-size: 0; }
      @media only screen and (min-width: 701px) {
        section.events div.event div.eventContainer {
          padding: 18px 30px; } }
      @media only screen and (min-width: 1025px) {
        section.events div.event div.eventContainer {
          padding: 18px 0; } }
      section.events div.event div.eventContainer div.image {
        display: none; }
        @media only screen and (min-width: 701px) {
          section.events div.event div.eventContainer div.image {
            display: inline-block;
            width: 38%;
            margin-right: 6%;
            vertical-align: top;
            background-size: cover;
            background-repeat: none;
            background-position: center center;
            max-height: 396px;
            height: 435px; } }
        @media only screen and (min-width: 1025px) {
          section.events div.event div.eventContainer div.image {
            width: 44%;
            margin-right: 6%;
            max-height: 396px;
            height: auto; } }
        section.events div.event div.eventContainer div.image img {
          width: 100%;
          height: auto;
          opacity: 0; }
      section.events div.event div.eventContainer div.details div.detailsTable {
        height: 100%;
        display: table; }
      section.events div.event div.eventContainer div.details div.detailsCell {
        display: table-cell;
        vertical-align: middle; }
      @media only screen and (min-width: 701px) {
        section.events div.event div.eventContainer div.details {
          display: inline-block;
          width: 50%;
          vertical-align: top;
          padding: 0px 0;
          min-height: 400px; } }
      section.events div.event div.eventContainer div.details h2 {
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        font-family: "adelle-sans", Helvetica, Arial, sans-serif; }
        section.events div.event div.eventContainer div.details h2 a {
          text-decoration: underline;
          display: block; }
        @media only screen and (min-width: 701px) {
          section.events div.event div.eventContainer div.details h2 {
            font-size: 30px;
            line-height: 40px; } }
      section.events div.event div.eventContainer div.details h3 {
        font-size: 12px;
        line-height: 30px;
        text-transform: uppercase;
        font-family: "adelle-sans", Helvetica, Arial, sans-serif; }
        @media only screen and (min-width: 701px) {
          section.events div.event div.eventContainer div.details h3 {
            font-size: 16px;
            line-height: 54px; } }
      section.events div.event div.eventContainer div.details a.viewshare {
        font-size: 14px;
        line-height: 20px;
        text-decoration: underline;
        display: block;
        margin-top: 8px;
        font-weight: bold;
        background: url("../images/next-tiny.png") no-repeat 0px center;
        padding-left: 16px; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.events div.event div.eventContainer div.details a.viewshare {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/next-tiny@2x.png");
            background-size: 11px 11px; } }
        @media only screen and (min-width: 701px) {
          section.events div.event div.eventContainer div.details a.viewshare {
            margin-left: -16px;
            font-size: 18px;
            line-height: 30px;
            margin-top: 12px; } }
      section.events div.event div.eventContainer div.details p {
        font-size: 14px;
        line-height: 20px; }
        @media only screen and (min-width: 701px) {
          section.events div.event div.eventContainer div.details p {
            font-size: 18px;
            line-height: 30px; } }
      section.events div.event div.eventContainer div.details div.desc p {
        padding: 8px 0; }
      section.events div.event div.eventContainer div.details div.desc a {
        font-weight: bold;
        text-decoration: underline; }
      section.events div.event div.eventContainer div.details div.social {
        padding: 0px 0 30px; }
        @media only screen and (min-width: 701px) {
          section.events div.event div.eventContainer div.details div.social {
            padding: 30px 0; } }
        section.events div.event div.eventContainer div.details div.social li {
          display: inline-block;
          padding-right: 20px; }

/* EDUCATOR RESOURECES GENERAL ********************************* */
@media only screen and (max-width: 700px) {
  header.form.resources {
    height: 680px; } }
@media only screen and (min-width: 701px) {
  header.form.resources {
    height: 550px; } }
@media only screen and (min-width: 1025px) {
  header.form.resources {
    height: 470px; } }
@media only screen and (max-width: 700px) {
  header.form.resources.primaryHeader {
    height: 320px; } }
@media only screen and (min-width: 701px) {
  header.form.resources.primaryHeader {
    height: 320px; } }
@media only screen and (min-width: 1025px) {
  header.form.resources.primaryHeader {
    height: 386px; } }
header.form.resources div.background {
  background: url("../images/header-EducatorResources.jpg") no-repeat center 20%;
  background-size: cover; }
header.form.resources div.contestBackground {
  background: url("../images/header-Contest.jpg") no-repeat center 20%;
  background-size: cover; }
header.form.resources div.contentContainer {
  margin: 0 auto; }
  header.form.resources div.contentContainer h2 {
    margin-top: 10px; }
    @media only screen and (min-width: 1025px) {
      header.form.resources div.contentContainer h2 {
        font-size: 45px;
        line-height: 70px; } }
    @media only screen and (min-width: 701px) {
      header.form.resources div.contentContainer h2 {
        font-size: 45px;
        line-height: 70px; } }
    @media only screen and (max-width: 700px) {
      header.form.resources div.contentContainer h2 {
        font-size: 45px;
        line-height: 50px; } }
    @media only screen and (max-width: 380px) {
      header.form.resources div.contentContainer h2 {
        font-size: 34px;
        line-height: 50px; } }
  @media only screen and (max-width: 700px) {
    header.form.resources div.contentContainer div.buttons {
      padding: 0; } }
  @media only screen and (max-width: 380px) {
    header.form.resources div.contentContainer div.buttons a {
      height: 60px;
      font-size: 20px; } }
  @media only screen and (max-width: 700px) {
    header.form.resources div.contentContainer div.buttons a {
      min-width: 180px;
      height: 60px;
      font-size: 20px;
      line-height: 20px;
      padding-top: 18px; } }
  @media only screen and (min-width: 701px) {
    header.form.resources div.contentContainer div.buttons a {
      min-width: 180px;
      height: 100%; } }
  @media only screen and (min-width: 1025px) {
    header.form.resources div.contentContainer div.buttons a {
      min-width: 210px;
      line-height: 48px;
      height: 48px; } }

section.erHeader {
  padding: 0 40px 20px;
  font-size: 0; }
  @media only screen and (max-width: 700px) {
    section.erHeader {
      padding: 0 40px 20px; } }
  @media only screen and (max-width: 700px) {
    section.erHeader {
      padding: 0 20px 20px; } }
  section.erHeader div.responsive {
    max-width: 820px; }
  section.erHeader div.copyContainer {
    font-size: 14px;
    line-height: 20px; }
    section.erHeader div.copyContainer h2 {
      font-size: 60px;
      line-height: 70px;
      font-family: sans-serif; }
      @media only screen and (max-width: 700px) {
        section.erHeader div.copyContainer h2 {
          padding-left: 20px;
          font-size: 48px;
          line-height: 60px; } }
    section.erHeader div.copyContainer h2.name {
      text-align: center;
      font-size: 55px; }
    section.erHeader div.copyContainer h2.title {
      text-align: center;
      font-weight: bold;
      font-size: 55px; }
    section.erHeader div.copyContainer h3 {
      font-size: 55px;
      line-height: 78px;
      text-align: center;
      margin-bottom: 20px;
      font-weight: normal;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif; }
      @media only screen and (min-width: 701px) {
        section.erHeader div.copyContainer h3 {
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 30px; } }
    @media only screen and (max-width: 700px) {
      section.erHeader div.copyContainer p {
        padding-left: 0;
        padding-right: 0;
        clear: both; } }
    section.erHeader div.copyContainer p span {
      font-size: 25px;
      font-weight: bold;
      font-family: sans-serif; }
      @media only screen and (max-width: 700px) {
        section.erHeader div.copyContainer p span {
          font-size: 20px; } }
    section.erHeader div.copyContainer p span.winners {
      font-size: 20px;
      font-weight: bold;
      font-family: sans-serif; }
    section.erHeader div.copyContainer p.meta {
      font-family: "adelle-sans", Helvetica, Arial, sans-serif;
      text-align: center;
      font-size: 30px;
      line-height: 1.4; }
      section.erHeader div.copyContainer p.meta span.placement {
        font-size: 30px;
        font-style: italic;
        font-weight: normal; }
      section.erHeader div.copyContainer p.meta svg {
        width: 9px;
        margin-bottom: 1px; }
    section.erHeader div.copyContainer a {
      display: inline-block;
      font-weight: bold;
      text-decoration: underline; }
    section.erHeader div.copyContainer div.winnerMedia {
      width: 100%;
      background-color: #F4F4F4;
      border: 1px solid #EAEAEA;
      margin-bottom: 80px; }
      section.erHeader div.copyContainer div.winnerMedia.pdf {
        width: 200px;
        background-color: #FFFFFF;
        position: relative;
        overflow: hidden;
        float: left;
        margin-right: 30px;
        margin-bottom: 20px; }
        @media only screen and (max-width: 700px) {
          section.erHeader div.copyContainer div.winnerMedia.pdf {
            float: none;
            margin: 0 auto; } }
      section.erHeader div.copyContainer div.winnerMedia.image {
        margin-bottom: 0; }
      section.erHeader div.copyContainer div.winnerMedia p {
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px; }
      section.erHeader div.copyContainer div.winnerMedia div.featureImage {
        margin: 0 auto;
        cursor: pointer; }
        section.erHeader div.copyContainer div.winnerMedia div.featureImage img {
          display: block;
          margin: 0 auto; }
          @media only screen and (max-width: 380px) {
            section.erHeader div.copyContainer div.winnerMedia div.featureImage img {
              max-width: 100%; } }
          @media only screen and (max-width: 700px) {
            section.erHeader div.copyContainer div.winnerMedia div.featureImage img {
              max-width: 100%; } }
          @media only screen and (min-width: 701px) {
            section.erHeader div.copyContainer div.winnerMedia div.featureImage img {
              max-width: 100%; } }
          @media only screen and (min-width: 1025px) {
            section.erHeader div.copyContainer div.winnerMedia div.featureImage img {
              height: 100%; } }
        @media only screen and (min-width: 1025px) {
          section.erHeader div.copyContainer div.winnerMedia div.featureImage {
            height: 550px; } }
      section.erHeader div.copyContainer div.winnerMedia div.storyContainer {
        width: 200px;
        margin: 2px;
        padding-right: 6px;
        width: 100%; }
        section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story section.media {
          text-align: center;
          margin: 30px 0 30px; }
          @media only screen and (min-width: 1025px) {
            section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story section.media {
              margin: 20px 0 90px; } }
          section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story section.media a.listen {
            font-size: 14px;
            line-height: 18px;
            text-decoration: underline;
            display: block; }
            @media only screen and (min-width: 701px) {
              section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story section.media a.listen {
                font-size: 18px;
                line-height: 30px; } }
          section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story section.media div.player {
            text-align: center;
            display: inline-block; }
        section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.image {
          background: url("../images/header-EducatorResources.jpg") no-repeat center 20%;
          position: relative;
          background-color: #be202e;
          background-blend-mode: multiply;
          background-position: center center;
          background-size: cover; }
          section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.image img {
            opacity: 0; }
          section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.image div.download {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(190, 32, 46, 0.3) url("../images/arrow-dwnlod.png") no-repeat center center;
            z-index: 100; }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.image div.download {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/arrow-dwnlod@2x.png");
                background-size: 29px 33px; } }
          section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.image div.fold {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 101;
            width: 25px;
            height: 25px; }
            section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.image div.fold.pink {
              background: url("../images/fold-pink.gif") no-repeat; }
              @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
                section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.image div.fold.pink {
                  /* on retina, use image that's scaled by 2 */
                  background-image: url("../images/fold-pink@2x.gif");
                  background-size: 25px 25px; } }
            section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.image div.fold.grey {
              background: url("../images/fold-grey.gif") no-repeat; }
              @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
                section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.image div.fold.grey {
                  /* on retina, use image that's scaled by 2 */
                  background-image: url("../images/fold-grey@2x.gif");
                  background-size: 25px 25px; } }
        section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.copyContainer {
          text-align: center;
          margin-top: 10px;
          margin-bottom: 20px; }
          section.erHeader div.copyContainer div.winnerMedia div.storyContainer div.story div.copyContainer p {
            padding-left: 8px;
            text-align: center;
            font-weight: bold;
            text-decoration: underline; }
    section.erHeader div.copyContainer div.enlargeButton {
      width: 100%;
      background-color: #FAFAFA;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 60px;
      font-size: 18px;
      line-height: 30px;
      text-decoration: underline; }
      section.erHeader div.copyContainer div.enlargeButton a {
        font-weight: normal; }
      @media only screen and (max-width: 700px) {
        section.erHeader div.copyContainer div.enlargeButton {
          display: none; } }
    section.erHeader div.copyContainer .imageButton {
      width: 100%;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 20px; }
    @media only screen and (min-width: 701px) {
      section.erHeader div.copyContainer {
        font-size: 18px;
        line-height: 30px;
        padding-top: 10px; } }

section.winningMedia div.player {
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 80px; }
  section.winningMedia div.player a {
    display: inherit;
    text-align: center;
    font-size: 17px;
    text-decoration: underline;
    margin-top: 10px; }
  section.winningMedia div.player.video-player {
    margin-bottom: 30px; }
section.winningMedia div.video-player a {
  margin-top: 85px; }

section.storyProfile {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #383833;
  padding: 0; }
  section.storyProfile div.responsive {
    margin: 0;
    max-width: 100%; }
  section.storyProfile ul {
    margin: 0;
    padding: 0;
    width: 100%; }
    section.storyProfile ul li.profilePhoto {
      display: inline-block;
      width: 30%;
      margin: 0;
      padding: 0;
      height: 400px; }
      @media only screen and (max-width: 380px) {
        section.storyProfile ul li.profilePhoto {
          display: block;
          width: 100%;
          height: 250px; } }
      @media only screen and (max-width: 700px) {
        section.storyProfile ul li.profilePhoto {
          display: block;
          width: 100%;
          height: 300px; } }
      section.storyProfile ul li.profilePhoto .photo {
        background: url("../images/grant@2x.jpg") no-repeat center 20%;
        background-size: cover;
        width: 100%;
        height: 400px; }
        @media only screen and (max-width: 380px) {
          section.storyProfile ul li.profilePhoto .photo {
            height: 250px; } }
        @media only screen and (max-width: 700px) {
          section.storyProfile ul li.profilePhoto .photo {
            height: 300px; } }
    section.storyProfile ul li.profileStory {
      display: inline-block;
      width: 70%;
      margin: 0;
      padding: 0;
      height: 400px; }
      @media only screen and (max-width: 700px) {
        section.storyProfile ul li.profileStory {
          display: block;
          width: 100%;
          height: 450px; } }
      @media only screen and (max-width: 380px) {
        section.storyProfile ul li.profileStory {
          display: block;
          width: 100%;
          height: 450px; } }
      section.storyProfile ul li.profileStory .story {
        display: table;
        height: 400px;
        padding-left: 30px;
        padding-right: 30px; }
        section.storyProfile ul li.profileStory .story .storyInnerContainer {
          display: table-cell;
          vertical-align: middle; }
          section.storyProfile ul li.profileStory .story .storyInnerContainer p {
            text-align: center;
            font-size: 25px;
            line-height: 35px;
            font-style: italic;
            color: #FFFFFF; }
            @media only screen and (max-width: 380px) {
              section.storyProfile ul li.profileStory .story .storyInnerContainer p {
                font-size: 20px;
                line-height: 30px; } }
            section.storyProfile ul li.profileStory .story .storyInnerContainer p span {
              font-size: 55px;
              line-height: 1;
              margin-bottom: 20px;
              font-weight: bold;
              font-style: normal;
              font-family: sans-serif; }
              @media only screen and (max-width: 700px) {
                section.storyProfile ul li.profileStory .story .storyInnerContainer p span {
                  font-size: 40px;
                  line-height: 60px; } }
              @media only screen and (max-width: 380px) {
                section.storyProfile ul li.profileStory .story .storyInnerContainer p span {
                  font-size: 30px;
                  line-height: 40px; } }
          section.storyProfile ul li.profileStory .story .storyInnerContainer p.title {
            margin-top: 0; }
            @media only screen and (max-width: 380px) {
              section.storyProfile ul li.profileStory .story .storyInnerContainer p.title {
                font-size: 20px; } }
            section.storyProfile ul li.profileStory .story .storyInnerContainer p.title span {
              display: block; }
          section.storyProfile ul li.profileStory .story .storyInnerContainer p.grant-call-to-action {
            margin-top: 10px;
            font-style: normal;
            text-decoration: underline; }
            @media only screen and (max-width: 380px) {
              section.storyProfile ul li.profileStory .story .storyInnerContainer p.grant-call-to-action {
                font-size: 20px; } }
  section.storyProfile a {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 70px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline; }
    @media only screen and (max-width: 700px) {
      section.storyProfile a {
        font-size: 20px;
        line-height: 60px; } }

section.grantProfile {
  position: relative;
  border: 1px solid #FAFAFA;
  margin-top: 25px; }
  section.grantProfile:hover p.grant-call-to-action {
    opacity: 0.5; }
  section.grantProfile a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

section.contestHeader {
  padding: 0 20px 20px;
  font-size: 0; }
  @media only screen and (min-width: 701px) {
    section.contestHeader {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 700px) {
    section.contestHeader {
      padding-left: 0;
      padding-right: 0; } }
  section.contestHeader div.responsive {
    max-width: 820px; }
  section.contestHeader div.copyContainer {
    font-size: 14px;
    line-height: 20px;
    border: 2px solid #AED5E7;
    background-color: #E5F7FE; }
    @media only screen and (max-width: 700px) {
      section.contestHeader div.copyContainer {
        border-left: none;
        border-right: none; } }
    section.contestHeader div.copyContainer .titleHeader h3 {
      font-weight: bold;
      font-size: 45px;
      line-height: 45px; }
      @media only screen and (max-width: 700px) {
        section.contestHeader div.copyContainer .titleHeader h3 {
          font-weight: normal;
          font-size: 40px; } }
    section.contestHeader div.copyContainer h3 {
      font-size: 45px;
      line-height: 55px;
      text-align: center;
      font-weight: bold;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif;
      margin-top: 32px; }
      @media only screen and (min-width: 701px) {
        section.contestHeader div.copyContainer h3 {
          font-weight: bold; } }
      @media only screen and (max-width: 700px) {
        section.contestHeader div.copyContainer h3 {
          font-weight: normal;
          font-size: 40px; } }
    section.contestHeader div.copyContainer p {
      text-align: center;
      font-size: 21px;
      padding: 0 16px;
      margin-top: 20px; }
      @media only screen and (max-width: 700px) {
        section.contestHeader div.copyContainer p {
          line-height: 30px; } }
    section.contestHeader div.copyContainer div.contentButtons {
      display: block;
      width: 100%; }
    section.contestHeader div.copyContainer div.buttons {
      padding: 0 20px;
      text-align: center;
      margin-top: 30px;
      margin-bottom: 70px; }
      @media only screen and (min-width: 701px) {
        section.contestHeader div.copyContainer div.buttons {
          padding: 0; } }
      section.contestHeader div.copyContainer div.buttons a {
        display: block;
        font-size: 15px;
        line-height: 48px;
        border: solid 2px #737373;
        border-radius: 4px;
        width: 100%;
        max-width: 320px;
        background-color: #FFFFFF;
        font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
        color: #464646;
        margin: 20px auto 0; }
        @media only screen and (min-width: 701px) {
          section.contestHeader div.copyContainer div.buttons a {
            display: inline-block;
            width: 210px;
            margin-right: 8px;
            height: 50px; } }
        @media only screen and (max-width: 700px) {
          section.contestHeader div.copyContainer div.buttons a {
            max-width: 100%;
            height: 60px;
            font-size: 20px;
            line-height: 60px; } }
        @media only screen and (max-width: 380px) {
          section.contestHeader div.copyContainer div.buttons a {
            max-width: 100%;
            height: 60px;
            font-size: 20px; } }
        section.contestHeader div.copyContainer div.buttons a.button {
          padding: 0 10px;
          text-align: center; }
          @media only screen and (min-width: 701px) {
            section.contestHeader div.copyContainer div.buttons a.button {
              width: auto;
              padding: 0 20px;
              min-width: 210px; } }
          @media only screen and (min-width: 1025px) {
            section.contestHeader div.copyContainer div.buttons a.button {
              opacity: 1; }
              section.contestHeader div.copyContainer div.buttons a.button:hover {
                background: white; } }
          section.contestHeader div.copyContainer div.buttons a.button:hover {
            background-color: #404040;
            color: #FFFFFF;
            border-color: #FFFFFF; }
        @media only screen and (min-width: 701px) {
          section.contestHeader div.copyContainer div.buttons a.selectContainer {
            float: right;
            margin-right: 0px; }
            section.contestHeader div.copyContainer div.buttons a.selectContainer select {
              line-height: 46px; } }
        @media only screen and (min-width: 1025px) {
          section.contestHeader div.copyContainer div.buttons a.selectContainer:hover {
            background-color: #d7d7d7; } }
    @media only screen and (min-width: 701px) {
      section.contestHeader div.copyContainer {
        font-size: 18px;
        line-height: 30px;
        padding-top: 10px; } }

section.tabsHeader .formOverlay {
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(250, 250, 250, 0.8);
  z-index: 1000; }
@media only screen and (min-width: 701px) {
  section.tabsHeader {
    padding-left: 0;
    padding-right: 0; } }
@media only screen and (max-width: 700px) {
  section.tabsHeader {
    padding-left: 0;
    padding-right: 0; } }
section.tabsHeader div.responsive {
  max-width: 820px; }
@media only screen and (max-width: 700px) {
  section.tabsHeader div.tabsContainer {
    border-left: none;
    border-right: none; } }
section.tabsHeader div.tabsContainer div.tabButtons {
  padding: 0 20px;
  text-align: center;
  border-bottom: solid 2px #e7e7e7; }
  @media only screen and (min-width: 701px) {
    section.tabsHeader div.tabsContainer div.tabButtons {
      padding: 0; } }
  @media only screen and (max-width: 700px) {
    section.tabsHeader div.tabsContainer div.tabButtons {
      display: none; } }
  section.tabsHeader div.tabsContainer div.tabButtons a {
    display: block;
    font-size: 15px;
    line-height: 48px;
    height: 48px;
    border: solid 2px #EAEAEA;
    border-bottom-color: #EAEAEA;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
    max-width: 320px;
    background-color: #EAEAEA;
    font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
    color: #464646;
    margin: 20px auto 0;
    margin-bottom: -2px; }
    section.tabsHeader div.tabsContainer div.tabButtons a.selected {
      background-color: #FBFBFB;
      border-bottom: none; }
    @media only screen and (min-width: 701px) {
      section.tabsHeader div.tabsContainer div.tabButtons a {
        font-size: 16px;
        display: inline-block;
        width: 210px;
        margin-right: 2px; } }
    @media only screen and (max-width: 700px) {
      section.tabsHeader div.tabsContainer div.tabButtons a {
        max-width: 100%;
        height: 65px;
        font-size: 21px;
        line-height: 62px; } }
    section.tabsHeader div.tabsContainer div.tabButtons a.button {
      padding: 0 10px;
      text-align: center; }
      @media only screen and (min-width: 701px) {
        section.tabsHeader div.tabsContainer div.tabButtons a.button {
          width: auto;
          padding: 0 20px;
          min-width: 210px; } }
      @media only screen and (min-width: 1025px) {
        section.tabsHeader div.tabsContainer div.tabButtons a.button {
          opacity: 1; } }
    @media only screen and (min-width: 701px) {
      section.tabsHeader div.tabsContainer div.tabButtons a.selectContainer {
        float: right;
        margin-right: 0px; }
        section.tabsHeader div.tabsContainer div.tabButtons a.selectContainer select {
          line-height: 46px; } }
  section.tabsHeader div.tabsContainer div.tabButtons a.selected {
    background-color: #FBFBFB;
    border-bottom: none; }
@media only screen and (min-width: 701px) {
  section.tabsHeader div.tabsContainer {
    font-size: 18px;
    line-height: 30px;
    padding-top: 10px; } }

section.contestQuestions {
  padding: 0 20px 20px;
  font-size: 0; }
  @media only screen and (min-width: 701px) {
    section.contestQuestions {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 700px) {
    section.contestQuestions {
      padding-left: 0;
      padding-right: 0; } }
  section.contestQuestions div.responsive {
    max-width: 820px; }
  section.contestQuestions div.copyContainer {
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #FFFFFF; }
    @media only screen and (max-width: 700px) {
      section.contestQuestions div.copyContainer {
        border-left: none;
        border-right: none; } }
    section.contestQuestions div.copyContainer p {
      text-align: left;
      font-size: 21px;
      padding: 0 16px; }
      section.contestQuestions div.copyContainer p span {
        font-size: 30px;
        font-weight: bold;
        font-family: sans-serif; }
      @media only screen and (max-width: 700px) {
        section.contestQuestions div.copyContainer p {
          line-height: 30px;
          font-size: 18px; } }

div.formOverlay {
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(250, 250, 250, 0.8);
  z-index: 1000; }
  div.formOverlay.show {
    display: block; }
  div.formOverlay .messageContainer {
    display: block;
    width: 80%;
    border: 4px solid #7D7D7D;
    margin-top: 100px;
    margin: 0 auto;
    background-color: #fff;
    padding: 70px; }
    @media only screen and (max-width: 700px) {
      div.formOverlay .messageContainer {
        padding: 10px; } }
    @media only screen and (min-width: 701px) {
      div.formOverlay .messageContainer {
        padding: 70px; } }
    div.formOverlay .messageContainer .title {
      display: block;
      margin: 0 auto; }
      div.formOverlay .messageContainer .title h2 {
        font-family: "adelle-sans", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 30px;
        text-align: center;
        padding-bottom: 20px;
        color: #404040; }
      div.formOverlay .messageContainer .title .uploadProgress {
        background: url(../images/ajax-loader.gif) left top no-repeat;
        width: 16px;
        height: 16px;
        margin-top: 25px;
        margin: 0 auto;
        margin-bottom: 20px; }
    div.formOverlay .messageContainer p {
      display: block;
      clear: both;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 16px;
      text-align: center;
      line-height: 1.5;
      color: #404040;
      margin-bottom: 20px; }

section.formContainer {
  padding: 54px 20px 32px;
  font-family: "adelle-sans", Helvetica, Arial, sans-serif;
  border-top: none;
  position: relative; }
  section.formContainer div.responsive {
    max-width: 820px; }
  @media only screen and (min-width: 1025px) {
    section.formContainer {
      max-width: 840px;
      margin: 0 auto; } }
  section.formContainer h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    font-family: "Adelle Sans", Helvetica, Arial, sans-serif; }
    @media only screen and (min-width: 701px) {
      section.formContainer h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 24px; } }
    section.formContainer h3.second {
      margin: 20px 0 12px; }
      @media only screen and (min-width: 701px) {
        section.formContainer h3.second {
          margin-bottom: 24px; } }
  section.formContainer div.step {
    width: 110px;
    margin: 20px auto 0;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 15px;
    font-family: "Adelle", Helvetica, Arial, sans-serif; }
    section.formContainer div.step.top {
      border-bottom: solid 4px #e7e7e7;
      margin-bottom: 20px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.step.top {
          margin-bottom: 40px; } }
    section.formContainer div.step.no {
      padding: 15px 0 0 0; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.step {
        font-size: 18px;
        line-height: 20px;
        padding: 30px 0;
        width: 150px; }
        section.formContainer div.step.no {
          padding: 30px 0 0 0; } }
  section.formContainer div.submitContainer {
    text-align: center; }
    section.formContainer div.submitContainer span {
      display: none;
      color: #be202e;
      font-weight: bold;
      font-style: italic;
      font-size: 12px;
      line-height: 24px;
      margin-top: 10px; }
      section.formContainer div.submitContainer span.error {
        display: block; }
    section.formContainer div.submitContainer button[type="submit"],
    section.formContainer div.submitContainer button.submit,
    section.formContainer div.submitContainer input[type="submit"],
    section.formContainer div.submitContainer a.submit {
      display: inline-block;
      width: 180px;
      margin: 0 auto;
      height: 50px;
      line-height: 50px;
      color: white;
      text-align: center;
      border-radius: 3px;
      vertical-align: top;
      background: #be202e url("../images/next-red.gif") no-repeat 95% center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.formContainer div.submitContainer button[type="submit"],
        section.formContainer div.submitContainer button.submit,
        section.formContainer div.submitContainer input[type="submit"],
        section.formContainer div.submitContainer a.submit {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/next-red@2x.gif");
          background-size: 26px 26px; } }
      @media only screen and (min-width: 701px) {
        section.formContainer div.submitContainer button[type="submit"],
        section.formContainer div.submitContainer button.submit,
        section.formContainer div.submitContainer input[type="submit"],
        section.formContainer div.submitContainer a.submit {
          font-size: 16px;
          height: 46px;
          width: 208px;
          background-size: 26px;
          line-height: 43px; } }
      section.formContainer div.submitContainer button[type="submit"].final,
      section.formContainer div.submitContainer button.submit.final,
      section.formContainer div.submitContainer input[type="submit"].final,
      section.formContainer div.submitContainer a.submit.final {
        background-image: none; }
      section.formContainer div.submitContainer button[type="submit"].disable,
      section.formContainer div.submitContainer button.submit.disable,
      section.formContainer div.submitContainer input[type="submit"].disable,
      section.formContainer div.submitContainer a.submit.disable {
        cursor: default;
        opacity: 0.5; }
      section.formContainer div.submitContainer button[type="submit"].back,
      section.formContainer div.submitContainer button.submit.back,
      section.formContainer div.submitContainer input[type="submit"].back,
      section.formContainer div.submitContainer a.submit.back {
        border: solid 1px #c2c2c2;
        color: #4c4c4c;
        background: #f5f5f5 url("../images/back-grey.gif") no-repeat 5% center;
        width: 96px;
        padding-left: 16px; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.formContainer div.submitContainer button[type="submit"].back,
          section.formContainer div.submitContainer button.submit.back,
          section.formContainer div.submitContainer input[type="submit"].back,
          section.formContainer div.submitContainer a.submit.back {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/back-grey@2x.gif");
            background-size: 26px 26px; } }
        @media only screen and (min-width: 701px) {
          section.formContainer div.submitContainer button[type="submit"].back,
          section.formContainer div.submitContainer button.submit.back,
          section.formContainer div.submitContainer input[type="submit"].back,
          section.formContainer div.submitContainer a.submit.back {
            width: 208px; } }
  section.formContainer h2 {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    padding-bottom: 24px; }
    @media only screen and (max-width: 700px) {
      section.formContainer h2 {
        font-size: 40px;
        line-height: 50px; } }
    @media only screen and (min-width: 701px) {
      section.formContainer h2 {
        font-size: 55px;
        line-height: 70px;
        padding-bottom: 38px; } }
  @media only screen and (max-width: 700px) {
    section.formContainer h3 {
      margin-bottom: 15px; } }
  @media only screen and (min-width: 701px) {
    section.formContainer div.col {
      display: inline-block;
      width: 49%;
      vertical-align: top; } }
  section.formContainer div.formfield {
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 18px; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.formfield {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 28px;
        width: 90%; } }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.formfield {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 28px; } }
    section.formContainer div.formfield input, section.formContainer div.formfield select {
      font-size: 13px;
      line-height: 25px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.formfield input, section.formContainer div.formfield select {
          font-size: 13px;
          line-height: 25px; } }
    section.formContainer div.formfield label {
      display: block;
      font-size: 15px; }
      section.formContainer div.formfield label a:link {
        text-decoration: underline; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.formfield label {
          font-size: 16px;
          line-height: 28px; } }
      section.formContainer div.formfield label.small {
        font-style: italic; }
      section.formContainer div.formfield label em {
        font-style: italic;
        color: #898989;
        margin-bottom: 12px;
        display: block;
        line-height: 16px; }
        @media only screen and (min-width: 701px) {
          section.formContainer div.formfield label em {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 6px; } }
        section.formContainer div.formfield label em.notouch {
          display: none; }
          @media only screen and (min-width: 701px) {
            section.formContainer div.formfield label em.notouch {
              display: block; } }
    section.formContainer div.formfield span {
      display: none;
      color: #be202e;
      font-weight: bold;
      font-style: italic; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.formfield span {
          line-height: 38px; } }
    section.formContainer div.formfield.error span {
      display: block; }
  section.formContainer div.textContainer input[type="text"],
  section.formContainer div.textContainer input[type="date"],
  section.formContainer div.textContainer input[type="number"] {
    width: 100%;
    max-width: 345px;
    height: 34px;
    border: solid 1px #dadada;
    color: #404040;
    padding: 0px 10px;
    line-height: 34px;
    border-radius: 0px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.textContainer input[type="text"],
      section.formContainer div.textContainer input[type="date"],
      section.formContainer div.textContainer input[type="number"] {
        font-size: 18px;
        padding: 0px 15px 0px 15px;
        line-height: 44px;
        height: 45px;
        border: solid 2px #dadada; } }
    section.formContainer div.textContainer input[type="text"].small,
    section.formContainer div.textContainer input[type="date"].small,
    section.formContainer div.textContainer input[type="number"].small {
      width: 126px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.textContainer input[type="text"].small,
        section.formContainer div.textContainer input[type="date"].small,
        section.formContainer div.textContainer input[type="number"].small {
          width: 200px; } }
  section.formContainer div.textContainer.other {
    display: none; }
  section.formContainer div.textContainer.error input {
    border-color: #be202e;
    background-color: #feaeb5; }
  section.formContainer div.checkContainer {
    display: block;
    line-height: 0;
    margin-bottom: 6px; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.checkContainer {
        display: inline-block;
        margin-right: 20px;
        width: 35%; } }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.checkContainer {
        width: 47%; } }
    section.formContainer div.checkContainer input[type="checkbox"] {
      position: absolute;
      left: -100000em; }
    section.formContainer div.checkContainer input[type="checkbox"] + label span {
      display: inline-block;
      width: 46px;
      height: 46px;
      background: url(../images/checkbox2.gif) left top no-repeat;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      margin-right: 8px; }
      @media only screen and (min-width: 1025px) {
        section.formContainer div.checkContainer input[type="checkbox"] + label span {
          margin: -1px 8px 0 0; } }
    section.formContainer div.checkContainer input[type="checkbox"] + label.focus span,
    section.formContainer div.checkContainer input[type="checkbox"] + label:hover span {
      background: url(../images/checkbox2.gif) -46px top no-repeat; }
    section.formContainer div.checkContainer input[type="checkbox"] + label.active span {
      background: url(../images/checkbox2.gif) -92px top no-repeat; }
  section.formContainer div.mobileUploadInstructions {
    font-size: 14px;
    line-height: 20px;
    border: 2px solid #AED5E7;
    background-color: #E5F7FE;
    padding: 25px;
    margin-bottom: 20px; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.mobileUploadInstructions {
        font-size: 18px;
        line-height: 30px;
        padding-top: 10px; } }
    section.formContainer div.mobileUploadInstructions p {
      font-size: 16px;
      line-height: 25px;
      padding-top: 10px;
      padding-bottom: 10px; }
    section.formContainer div.mobileUploadInstructions a.link {
      display: inline-block;
      margin-top: 20px;
      padding-left: 16px;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif;
      background: url("../images/next-tiny.png") no-repeat 0px center;
      font-size: 15px;
      width: 100%;
      max-width: 340px;
      text-align: left; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.formContainer div.mobileUploadInstructions a.link {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/next-tiny@2x.png");
          background-size: 11px 11px; } }
      @media only screen and (min-width: 701px) {
        section.formContainer div.mobileUploadInstructions a.link {
          font-size: 16px;
          display: inline-block;
          width: 50%;
          vertical-align: top;
          margin-top: 40px;
          margin-left: 5%; } }
  section.formContainer div.fileUpload {
    background-color: #EBEBEB;
    border: solid 2px #dadada;
    border-bottom: none;
    padding: 25px; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.fileUpload {
        width: 100%; } }
    section.formContainer div.fileUpload p {
      font-style: italic;
      color: #A3A3A3;
      line-height: 20px; }
    section.formContainer div.fileUpload #uploadFile.error {
      color: #be202e; }
    section.formContainer div.fileUpload .fileUploadBtn {
      position: relative;
      overflow: hidden;
      margin: 10px;
      width: 200px;
      height: 45px;
      margin-left: 2px; }
      section.formContainer div.fileUpload .fileUploadBtn span {
        display: block;
        color: #FFFFFF;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        text-align: center;
        line-height: 32px; }
      @media only screen and (max-width: 700px) {
        section.formContainer div.fileUpload .fileUploadBtn {
          width: 100%; } }
    section.formContainer div.fileUpload .fileUploadBtn input.upload {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      font-size: 20px;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0); }
    section.formContainer div.fileUpload .btn {
      display: inline-block;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.42857143;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 4px; }
    section.formContainer div.fileUpload .btn-primary {
      color: #fff;
      background-color: #C3252C; }
    section.formContainer div.fileUpload input[type="text"] {
      width: 100%;
      max-width: 345px;
      height: 34px;
      border: solid 1px #dadada;
      color: #404040;
      padding: 0px 10px;
      line-height: 34px;
      border-radius: 0px;
      font-size: 14px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.fileUpload input[type="text"] {
          font-size: 18px;
          padding: 0px 15px 0px 15px;
          line-height: 44px;
          height: 45px;
          border: solid 2px #dadada; } }
      section.formContainer div.fileUpload input[type="text"].small {
        width: 126px; }
        @media only screen and (min-width: 701px) {
          section.formContainer div.fileUpload input[type="text"].small {
            width: 200px; } }
  @media only screen and (min-width: 701px) {
    section.formContainer div.textareaContainer {
      width: 100%; } }
  section.formContainer div.textareaContainer textarea {
    width: 100%;
    max-width: 345px;
    height: 200px;
    border: solid 1px #dadada;
    color: #404040;
    padding: 0px 10px;
    line-height: 1.5;
    border-radius: 0px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.textareaContainer textarea {
        line-height: 1.5; } }
    @media only screen and (min-width: 701px) {
      section.formContainer div.textareaContainer textarea {
        font-size: 18px;
        padding: 0px 15px 0px 15px;
        line-height: 1.5;
        border: solid 2px #dadada;
        max-width: none;
        margin-top: 8px; } }
    @media only screen and (max-width: 700px) {
      section.formContainer div.textareaContainer textarea {
        line-height: 1.5; } }
    section.formContainer div.textareaContainer textarea.smaller {
      height: 45px;
      margin-top: 0; }
  section.formContainer div.textareaContainer.error textarea {
    border-color: #be202e;
    background-color: #feaeb5; }
  section.formContainer div.selectContainer.dates {
    margin: 22px 0 0; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.selectContainer.dates {
        margin: 0; } }
  section.formContainer div.selectContainer select {
    width: 100%;
    max-width: 345px;
    height: 34px;
    border: solid 1px #dadada;
    background: #ebebeb url("../images/combo.gif") no-repeat 97% center;
    color: #404040;
    font-size: 14px;
    padding: 0px 15px;
    line-height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.formContainer div.selectContainer select {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/combo@2x.gif");
        background-size: 15px 23px; } }
    @media only screen and (min-width: 701px) {
      section.formContainer div.selectContainer select {
        font-size: 18px;
        padding: 0px 15px 0px 15px;
        line-height: 44px;
        height: 45px;
        border: solid 2px #dadada; } }
    section.formContainer div.selectContainer select.multiple {
      background: white;
      color: #404040;
      font-size: 13px;
      line-height: 30px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.selectContainer select.multiple {
          height: 100px;
          padding: 10px;
          font-size: 16px;
          line-height: 50px; } }
    section.formContainer div.selectContainer select.smalldate {
      width: 115px;
      display: inline-block;
      margin-top: 4px; }
      @media only screen and (min-width: 701px) {
        section.formContainer div.selectContainer select.smalldate span {
          line-height: 50px; } }
  section.formContainer div.selectContainer.error select {
    border-color: #be202e;
    background: #feaeb5 url("../images/combo-error.gif") no-repeat 97% center; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.formContainer div.selectContainer.error select {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/combo-error@2x.gif");
        background-size: 15px 23px; } }
  section.formContainer div.checkFieldContainer {
    padding: 30px 0; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.checkFieldContainer {
        width: 90%; } }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.checkFieldContainer {
        width: 100%;
        padding: 20px 0 30px 0; } }
    section.formContainer div.checkFieldContainer.second {
      padding-top: 0px; }
    section.formContainer div.checkFieldContainer.error input[type="checkbox"] + label span {
      background: url(../images/checkbox2.gif) -138px top no-repeat; }
  section.formContainer div.rulesandregs {
    width: 100%; }
  section.formContainer div.radioFieldContainer {
    padding: 15px 0; }
    @media only screen and (min-width: 701px) {
      section.formContainer div.radioFieldContainer {
        width: 90%; } }
    @media only screen and (min-width: 1025px) {
      section.formContainer div.radioFieldContainer {
        width: 100%;
        padding: 0px 0 30px 0; } }
    section.formContainer div.radioFieldContainer label {
      margin-bottom: 0px; }
    section.formContainer div.radioFieldContainer div.radioContainer label {
      display: inline-block;
      margin-right: 18px; }
    section.formContainer div.radioFieldContainer div.radioContainer div {
      padding-top: 4px;
      display: inline-block;
      vertical-align: middle; }
      section.formContainer div.radioFieldContainer div.radioContainer div em {
        line-height: 18px; }
    section.formContainer div.radioFieldContainer.second {
      padding-top: 0px; }
    section.formContainer div.radioFieldContainer.error input[type="radio"] + label span {
      background: url(../images/radio.png) -141px top no-repeat; }

section.educatorlinks {
  padding: 20px; }
  section.educatorlinks div.responsive {
    max-width: 820px; }
  section.educatorlinks ul {
    font-size: 0;
    text-align: center; }
    section.educatorlinks ul li {
      position: relative;
      text-align: center;
      display: block;
      height: 195px;
      width: 100%;
      max-width: 380px;
      margin: 0 auto 10px; }
      @media only screen and (min-width: 701px) {
        section.educatorlinks ul li {
          display: inline-block;
          margin: 0 1% 1% 0;
          width: 24%;
          vertical-align: top; } }
      @media only screen and (min-width: 701px) {
        section.educatorlinks ul li.wide {
          width: 32.3%; } }
      section.educatorlinks ul li:last-child {
        margin-bottom: 0; }
      section.educatorlinks ul li a {
        display: block;
        background: no-repeat center center;
        background-size: cover;
        width: 100%;
        height: 100%; }
        @media only screen and (min-width: 701px) {
          section.educatorlinks ul li a:hover {
            opacity: 0.5; } }
        section.educatorlinks ul li a.learning {
          background-image: url("../images/tile-learning_tools-quicknav.jpg"); }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.educatorlinks ul li a.learning {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/tile-learning_tools-quicknav@2x.jpg");
              background-size: 345px 195px; } }
        section.educatorlinks ul li a.collections {
          background-image: url("../images/tile-focus_on-quicknav.jpg"); }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.educatorlinks ul li a.collections {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/tile-focus_on-quicknav@2x.jpg");
              background-size: 345px 195px; } }
        section.educatorlinks ul li a.tce {
          background-image: url("../images/tile-tce-quicknav.jpg"); }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.educatorlinks ul li a.tce {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/tile-tce-quicknav@2x.jpg");
              background-size: 345px 195px; } }
        section.educatorlinks ul li a.witnesses {
          background-image: url("../images/tile-dvd-quicknav.jpg"); }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.educatorlinks ul li a.witnesses {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/tile-dvd-quicknav@2x.jpg");
              background-size: 345px 195px; } }
        section.educatorlinks ul li a.heritage {
          background-image: url("../images/tile-heritage_minutes-quicknav.jpg"); }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.educatorlinks ul li a.heritage {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/tile-heritage_minutes-quicknav@2x.jpg");
              background-size: 345px 195px; } }
        section.educatorlinks ul li a.cwar {
          background-image: url("../images/tile-canada_at_war-quicknav.jpg"); }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.educatorlinks ul li a.cwar {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/tile-canada_at_war-quicknav@2x.jpg");
              background-size: 345px 195px; } }
        section.educatorlinks ul li a.gallery {
          background-image: url("../images/tile-image_gallery-quicknav.jpg"); }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.educatorlinks ul li a.gallery {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/tile-image_gallery-quicknav@2x.jpg");
              background-size: 345px 195px; } }
        section.educatorlinks ul li a.events {
          background-image: url("../images/tile-events_and_feedback-quicknav.jpg"); }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.educatorlinks ul li a.events {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/tile-events_and_feedback-quicknav@2x.jpg");
              background-size: 345px 195px; } }
        section.educatorlinks ul li a div.logo {
          position: absolute;
          top: 72px;
          width: 100%;
          height: 50px; }
          section.educatorlinks ul li a div.logo.en.heritage {
            background: url("../images/logo-hm-white.png") no-repeat center center; }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.educatorlinks ul li a div.logo.en.heritage {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/logo-hm-white@2x.png");
                background-size: 103px 44px; } }
          section.educatorlinks ul li a div.logo.en.tce {
            background: url("../images/logo-tce-white.png") no-repeat center center; }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.educatorlinks ul li a div.logo.en.tce {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/logo-tce-white@2x.png");
                background-size: 144px 44px; } }
          section.educatorlinks ul li a div.logo.en.cwar {
            background: url("../images/logo-canada_at_war.png") no-repeat center center; }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.educatorlinks ul li a div.logo.en.cwar {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/logo-canada_at_war@2x.png");
                background-size: 144px 36px; } }
          section.educatorlinks ul li a div.logo.fr.heritage {
            background: url("../images/logo-hm-white-fr.png") no-repeat center center; }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.educatorlinks ul li a div.logo.fr.heritage {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/logo-hm-white-fr@2x.png");
                background-size: 114px 44px; } }
          section.educatorlinks ul li a div.logo.fr.tce {
            background: url("../images/logo-tce-white-fr.png") no-repeat center center; }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.educatorlinks ul li a div.logo.fr.tce {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/logo-tce-white-fr@2x.png");
                background-size: 144px 44px; } }
          section.educatorlinks ul li a div.logo.fr.cwar {
            background: url("../images/logo-canada_at_war-FR.png") no-repeat center center; }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              section.educatorlinks ul li a div.logo.fr.cwar {
                /* on retina, use image that's scaled by 2 */
                background-image: url("../images/logo-canada_at_war-FR@2x.png");
                background-size: 144px 36px; } }
        section.educatorlinks ul li a span {
          display: block;
          position: absolute;
          top: 120px;
          font-size: 14px;
          line-height: 20px;
          color: white;
          text-align: center;
          width: 70%;
          left: 50%;
          margin-left: -35%;
          font-family: "adelle-sans", Helvetica, Arial, sans-serif; }

/* LEARNING TOOLS ********************************* */
header.form.learning div.background {
  background: url("../images/header-EducatorResources-LearningTools.jpg") no-repeat center 20%;
  background-size: cover; }

section.erHeader.learning {
  padding: 0 20px 30px;
  text-align: center; }
  @media only screen and (min-width: 701px) {
    section.erHeader.learning {
      padding: 0 20px 40px; } }
  section.erHeader.learning div.copyContainer {
    text-align: left; }
    section.erHeader.learning div.copyContainer p {
      padding: 8px 0; }
    section.erHeader.learning div.copyContainer ul {
      margin: 10px 0;
      padding-left: 40px;
      list-style-type: disc; }
    section.erHeader.learning div.copyContainer ol {
      margin: 10px 0;
      padding-left: 40px;
      list-style-type: decimal; }
    section.erHeader.learning div.copyContainer sub {
      vertical-align: sub;
      font-size: smaller; }
    section.erHeader.learning div.copyContainer sup {
      vertical-align: super;
      font-size: smaller; }
    @media only screen and (min-width: 701px) {
      section.erHeader.learning div.copyContainer {
        padding-top: 0px; }
        section.erHeader.learning div.copyContainer p {
          padding: 10px 0; } }
  section.erHeader.learning div.buttons {
    padding: 30px 0 0 0;
    text-align: center; }
    section.erHeader.learning div.buttons a.selectContainer {
      width: 100%;
      border: solid 1px #c2c2c2;
      border-radius: 3px;
      text-align: left; }
      @media only screen and (min-width: 701px) {
        section.erHeader.learning div.buttons a.selectContainer {
          width: 210px; } }
    section.erHeader.learning div.buttons a.button {
      display: inline-block;
      font-size: 15px;
      line-height: 48px;
      border: solid 1px #c2c2c2;
      border-radius: 3px;
      width: 100%;
      max-width: 320px;
      background-color: #f5f5f5;
      font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
      color: #464646;
      padding: 0 10px;
      text-align: center; }
      section.erHeader.learning div.buttons a.button.red {
        background: #be202e;
        color: white;
        margin-bottom: 10px;
        border-color: #be202e; }
        @media only screen and (min-width: 701px) {
          section.erHeader.learning div.buttons a.button.red {
            margin-bottom: 0px;
            margin-right: 10px; } }
      @media only screen and (min-width: 701px) {
        section.erHeader.learning div.buttons a.button {
          font-size: 16px;
          display: inline-block;
          width: 210px;
          width: auto;
          padding: 0 20px;
          min-width: 210px; } }
    @media only screen and (min-width: 701px) {
      section.erHeader.learning div.buttons {
        display: inline-block;
        width: auto;
        vertical-align: top; } }
  section.erHeader.learning a.link {
    text-align: center;
    display: inline-block;
    margin-top: 20px;
    padding-left: 16px;
    font-family: "adelle-sans", Helvetica, Arial, sans-serif;
    background: url("../images/next-tiny.png") no-repeat 0px center;
    font-size: 15px;
    max-width: 340px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.erHeader.learning a.link {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/next-tiny@2x.png");
        background-size: 11px 11px; } }
    @media only screen and (min-width: 701px) {
      section.erHeader.learning a.link {
        font-size: 16px;
        display: inline-block;
        vertical-align: top;
        margin-top: 40px;
        margin-left: 5%; } }

section.medalContainer .first {
  background: url("../images/medal-1@2x.png") no-repeat top center; }
section.medalContainer .second {
  background: url("../images/medal-2@2x.png") no-repeat top center; }
section.medalContainer .third {
  background: url("../images/medal-3@2x.png") no-repeat top center; }
section.medalContainer .medal {
  background-size: cover;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  margin-bottom: 10px; }

section.winners {
  margin-bottom: 40px; }
  @media only screen and (min-width: 701px) {
    section.winners div.responsive {
      max-width: 550px; } }
  @media only screen and (min-width: 1025px) {
    section.winners div.responsive {
      max-width: 100%; } }
  section.winners.groupWinners {
    margin-bottom: 80px; }
  section.winners h2 {
    font-family: "adelle-sans", Helvetica, Arial, sans-serif;
    font-size: 55px;
    line-height: 70px;
    text-align: center;
    padding-top: 50px; }
    @media only screen and (max-width: 380px) {
      section.winners h2 {
        font-size: 34px;
        line-height: 1.0; } }
  @media only screen and (max-width: 380px) {
    section.winners ul {
      padding-top: 0; } }
  section.winners li {
    position: relative;
    display: inline-block; }
    @media only screen and (max-width: 700px) {
      section.winners li {
        width: 90%;
        margin: 0;
        margin-top: 40px; } }
    @media only screen and (min-width: 701px) {
      section.winners li {
        width: 90%;
        margin: 0;
        margin-top: 40px; } }
    @media only screen and (min-width: 1025px) {
      section.winners li {
        width: 29%;
        margin: 0;
        padding: 0;
        margin-right: 6%;
        height: 380px;
        vertical-align: top; }
        section.winners li:last-child {
          margin-right: 0; } }
    section.winners li .winnerLink {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2000; }
    section.winners li .winnerContainer {
      position: relative;
      border: 1px solid #e7e7e7; }
      section.winners li .winnerContainer.hovered {
        background-color: #E5F7FD; }
      section.winners li .winnerContainer.notHovered {
        background-color: #FFFFFF; }
      @media only screen and (min-width: 701px) {
        section.winners li .winnerContainer {
          width: 100%;
          margin: 0 auto; } }
      @media only screen and (min-width: 1025px) {
        section.winners li .winnerContainer {
          width: 100%;
          margin: 0 auto; } }
      section.winners li .winnerContainer .imageContainer {
        position: relative; }
        section.winners li .winnerContainer .imageContainer:before {
          content: "";
          display: block;
          padding-top: 100%;
          /* initial ratio of 1:1*/ }
        section.winners li .winnerContainer .imageContainer .image {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background: url("../images/noThumb@2x.jpg") no-repeat center 20%;
          background-size: cover;
          margin: 1%;
          overflow: hidden; }
          section.winners li .winnerContainer .imageContainer .image.portrait img {
            margin: 0;
            padding: 0;
            width: 102%;
            height: auto; }
          section.winners li .winnerContainer .imageContainer .image.landscape img {
            margin: 0;
            padding: 0;
            height: 102%;
            width: auto; }
          section.winners li .winnerContainer .imageContainer .image.square img {
            margin: 0;
            padding: 0;
            height: 102%;
            width: 102%; }
        section.winners li .winnerContainer .imageContainer .first {
          background: url("../images/medal-1.png") no-repeat top center; }
        section.winners li .winnerContainer .imageContainer .second {
          background: url("../images/medal-2.png") no-repeat top center; }
        section.winners li .winnerContainer .imageContainer .third {
          background: url("../images/medal-3.png") no-repeat top center; }
        section.winners li .winnerContainer .imageContainer .medal {
          position: absolute;
          background-size: cover;
          width: 110px;
          height: 110px;
          right: -24px;
          bottom: -24px;
          z-index: 1000; }
      section.winners li .winnerContainer .copyContainer {
        display: block;
        width: 100%;
        height: 140px;
        margin-bottom: 20px; }
        section.winners li .winnerContainer .copyContainer .placeContainer {
          display: inline-block;
          margin: 0 auto;
          border-bottom: 1px dotted #000;
          padding: 0;
          margin-top: 20px;
          margin-bottom: 10px; }
          section.winners li .winnerContainer .copyContainer .placeContainer p {
            margin: 0;
            padding: 0;
            font-size: 16px;
            line-height: 20px;
            text-align: center;
            font-weight: normal;
            font-weight: bold;
            font-family: "Adelle", Helvetica, Arial, sans-serif; }
        section.winners li .winnerContainer .copyContainer h4 {
          font-size: 16px;
          line-height: 20px;
          text-align: center;
          margin-top: 20px;
          margin-bottom: 10px;
          font-weight: bold;
          font-family: "Adelle", Helvetica, Arial, sans-serif; }
        section.winners li .winnerContainer .copyContainer span {
          font-size: 16px;
          line-height: 20px;
          text-align: center;
          margin-bottom: 20px;
          font-weight: bold;
          font-family: "adelle-sans", Helvetica, Arial, sans-serif;
          text-align: center; }
        section.winners li .winnerContainer .copyContainer p {
          font-size: 14px;
          line-height: 20px;
          text-align: center;
          font-weight: normal;
          font-family: "adelle-sans", Helvetica, Arial, sans-serif;
          font-weight: bold;
          padding-left: 20px;
          padding-right: 20px;
          margin-bottom: 10px; }
        section.winners li .winnerContainer .copyContainer p.title {
          color: #8A8A8A;
          font-size: 20px;
          line-height: 25px;
          font-weight: normal; }

section.stories.learningtools li div.story div.image {
  position: relative;
  background-color: #be202e;
  background-blend-mode: multiply;
  background-position: center center;
  background-size: cover; }
  section.stories.learningtools li div.story div.image img {
    opacity: 0; }
  section.stories.learningtools li div.story div.image div.download {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(190, 32, 46, 0.3) url("../images/arrow-dwnlod.png") no-repeat center center;
    z-index: 100; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.stories.learningtools li div.story div.image div.download {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/arrow-dwnlod@2x.png");
        background-size: 29px 33px; } }
    section.stories.learningtools li div.story div.image div.download.no_arrow {
      background-image: none; }
  section.stories.learningtools li div.story div.image div.fold {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 101;
    width: 25px;
    height: 25px; }
    section.stories.learningtools li div.story div.image div.fold.pink {
      background: url("../images/fold-pink.gif") no-repeat; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.stories.learningtools li div.story div.image div.fold.pink {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/fold-pink@2x.gif");
          background-size: 25px 25px; } }
    section.stories.learningtools li div.story div.image div.fold.grey {
      background: url("../images/fold-grey.gif") no-repeat; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.stories.learningtools li div.story div.image div.fold.grey {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/fold-grey@2x.gif");
          background-size: 25px 25px; } }

/* DVD ********************************* */
header.form.dvd div.background {
  background: url("../images/header-dudes.jpg") no-repeat top center;
  background-size: cover; }

@media only screen and (min-width: 1025px) {
  section.erHeader.dvd div.responsive {
    max-width: 825px; } }
@media only screen and (min-width: 1025px) {
  section.erHeader.dvd a.link {
    margin-left: 1%; } }

section.dvdbanner {
  max-height: 500px;
  margin: 30px 0 80px;
  background: url("../images/ROSDVDHeader.jpg") no-repeat center center;
  background-size: contain; }
  section.dvdbanner img {
    opacity: 0;
    width: 100%;
    height: auto; }

@media only screen and (min-width: 1025px) {
  section.dvdvideos div.responsive {
    max-width: 1040px; } }
section.dvdvideos ul li {
  padding: 30px 0;
  border-bottom: solid 2px #e7e7e7; }
  @media only screen and (min-width: 701px) {
    section.dvdvideos ul li {
      padding: 40px 0; }
      section.dvdvideos ul li:first-child {
        border-top: solid 2px #e7e7e7; } }
  section.dvdvideos ul li div.container {
    padding: 0 20px; }
    @media only screen and (min-width: 701px) {
      section.dvdvideos ul li div.container {
        padding: 0 100px; } }
    section.dvdvideos ul li div.container h2 {
      font-size: 15px;
      line-height: 22px;
      font-weight: bold;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif; }
      @media only screen and (min-width: 701px) {
        section.dvdvideos ul li div.container h2 {
          font-size: 20px;
          line-height: 30px; } }
    section.dvdvideos ul li div.container h3 {
      color: #be202e;
      font-weight: bold;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif;
      font-size: 12px;
      line-height: 48px; }
      @media only screen and (min-width: 701px) {
        section.dvdvideos ul li div.container h3 {
          font-size: 16px;
          line-height: 56px; } }
    section.dvdvideos ul li div.container p {
      font-size: 12px;
      line-height: 22px;
      margin-bottom: 14px; }
      @media only screen and (min-width: 701px) {
        section.dvdvideos ul li div.container p {
          font-size: 16px;
          line-height: 30px; } }
      section.dvdvideos ul li div.container p a {
        font-weight: bold;
        text-decoration: underline; }
    section.dvdvideos ul li div.container em {
      display: block;
      font-style: italic;
      font-size: 9px;
      line-height: 22px;
      margin-bottom: 14px; }
      @media only screen and (min-width: 701px) {
        section.dvdvideos ul li div.container em {
          font-size: 12px;
          line-height: 30px; } }
    section.dvdvideos ul li div.container div.buttons a {
      display: inline-block;
      padding-left: 30px;
      font-size: 12px;
      line-height: 26px;
      text-decoration: underline;
      font-weight: bold; }
      @media only screen and (min-width: 701px) {
        section.dvdvideos ul li div.container div.buttons a {
          font-size: 16px;
          line-height: 30px;
          padding-left: 40px;
          line-height: 34px; } }
      section.dvdvideos ul li div.container div.buttons a.play {
        background: url("../images/icon-play.gif") no-repeat left center;
        background-size: 26px;
        margin-right: 26px; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.dvdvideos ul li div.container div.buttons a.play {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/icon-play@2x.gif");
            background-size: 26px 26px; } }
        @media only screen and (min-width: 701px) {
          section.dvdvideos ul li div.container div.buttons a.play {
            background-size: 34px; } }
      section.dvdvideos ul li div.container div.buttons a.download {
        background: url("../images/icon-transcript.gif") no-repeat left center;
        background-size: 24px 26px; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.dvdvideos ul li div.container div.buttons a.download {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/icon-transcript@2x.gif");
            background-size: 24px 26px; } }
        @media only screen and (min-width: 701px) {
          section.dvdvideos ul li div.container div.buttons a.download {
            background-size: 32px 34px; } }

/* HERITAGE MINUTES ********************************* */
header.form.heritage div.background {
  background: url("../images/header-heritage_minutes.jpg") no-repeat top center;
  background-size: cover; }

section.heritageminutes {
  padding: 30px 0 0;
  border-top: solid 2px #e7e7e7;
  width: 100%;
  margin: 0px auto; }
  @media only screen and (min-width: 701px) {
    section.heritageminutes {
      padding: 20px; } }
  @media only screen and (min-width: 1025px) {
    section.heritageminutes {
      max-width: 880px;
      padding: 20px; } }
  section.heritageminutes div.responsive {
    padding: 0 10px; }
    @media only screen and (min-width: 701px) {
      section.heritageminutes div.responsive {
        padding: 0; } }
  section.heritageminutes ul {
    font-size: 0; }
    section.heritageminutes ul a:hover {
      opacity: 0.5; }
    section.heritageminutes ul li {
      font-size: 14px;
      line-height: 20px;
      display: inline-block;
      width: 100%;
      border: solid 1px #e7e7e7;
      background: white;
      padding: 5px;
      margin-bottom: 10px; }
      @media only screen and (min-width: 701px) {
        section.heritageminutes ul li {
          font-size: 14px;
          line-height: 20px;
          width: 48%;
          margin: 1%;
          max-width: none; } }
      section.heritageminutes ul li div.image {
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        width: 29%;
        height: 50px;
        vertical-align: top; }
        @media only screen and (min-width: 701px) {
          section.heritageminutes ul li div.image {
            height: 70px; } }
        section.heritageminutes ul li div.image.secord {
          background-image: url("../images/HM-LauraSecord.jpg"); }
        section.heritageminutes ul li div.image.pierpoint {
          background-image: url("../images/HM-RichardP.jpg"); }
        section.heritageminutes ul li div.image.queenston {
          background-image: url("../images/HM-Queenstown.jpg"); }
        section.heritageminutes ul li div.image.mynarski {
          background-image: url("../images/HM-AndrewM.jpg"); }
        section.heritageminutes ul li div.image.dextraze {
          background-image: url("../images/HM-DextrazeCongo.jpg"); }
        section.heritageminutes ul li div.image.homewars {
          background-image: url("../images/HM-HomeFrom.jpg"); }
        section.heritageminutes ul li div.image.mcrae {
          background-image: url("../images/HM-JohnM.jpg"); }
        section.heritageminutes ul li div.image.juno {
          background-image: url("../images/HM-Juno.jpg"); }
        section.heritageminutes ul li div.image.marion {
          background-image: url("../images/HM-MarionO.jpg"); }
        section.heritageminutes ul li div.image.parsons {
          background-image: url("../images/HM-MonaP.jpg"); }
        section.heritageminutes ul li div.image.osborn {
          background-image: url("../images/HM-Osborn.jpg"); }
        section.heritageminutes ul li div.image.tommyprince {
          background-image: url("../images/HM-TommyP.jpg"); }
        section.heritageminutes ul li div.image.valourroad {
          background-image: url("../images/HM-Valour.jpg"); }
        section.heritageminutes ul li div.image.vimy {
          background-image: url("../images/HM-Vimmy.jpg"); }
        section.heritageminutes ul li div.image.falcons {
          background-image: url("../images/HM-Winnipeg.jpg"); }
        section.heritageminutes ul li div.image.falconsx {
          background-image: url("../images/HM-Winnipeg-Extended.jpg"); }
      section.heritageminutes ul li div.copyContainer {
        display: inline-block;
        vertical-align: top;
        height: 50px;
        padding: 0px 35px 0 5px;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        font-family: "adelle-sans", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 69%; }
        @media only screen and (min-width: 701px) {
          section.heritageminutes ul li div.copyContainer {
            font-size: 14px;
            line-height: 20px;
            height: 70px; } }
        section.heritageminutes ul li div.copyContainer.play {
          background: url("../images/icon-play.gif") no-repeat 98% center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.heritageminutes ul li div.copyContainer.play {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/icon-play@2x.gif");
              background-size: 26px 26px; } }
          @media only screen and (min-width: 701px) {
            section.heritageminutes ul li div.copyContainer.play {
              background-size: 26px 26px; } }
        section.heritageminutes ul li div.copyContainer div.copyTable {
          height: 100%;
          display: table; }
        section.heritageminutes ul li div.copyContainer div.copyCell {
          display: table-cell;
          vertical-align: middle;
          text-align: left; }
          section.heritageminutes ul li div.copyContainer div.copyCell p {
            padding-left: 8px;
            text-align: center;
            font-weight: bold;
            text-decoration: underline; }

/* COLLECTIONS ********************************* */
header.form.collections div.background {
  background: url("../images/header-EducatorResources-CollectionsHighlights.jpg") no-repeat center 20%;
  background-size: cover; }

section.biography.focuson {
  font-size: 14px;
  line-height: 20px;
  padding: 0px 20px 30px; }
  @media only screen and (min-width: 701px) {
    section.biography.focuson {
      font-size: 18px;
      line-height: 30px;
      padding: 0px 20px 30px; } }

section.erHeader.individualWinner {
  padding-bottom: 30px; }

section.erHeader.collections a.link {
  display: block;
  margin-top: 20px;
  padding-left: 16px;
  font-family: "adelle-sans", Helvetica, Arial, sans-serif;
  background: url("../images/next-tiny.png") no-repeat 0px center;
  font-size: 15px; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    section.erHeader.collections a.link {
      /* on retina, use image that's scaled by 2 */
      background-image: url("../images/next-tiny@2x.png");
      background-size: 11px 11px; } }
  @media only screen and (min-width: 701px) {
    section.erHeader.collections a.link {
      font-size: 16px;
      display: inline-block;
      vertical-align: top;
      margin: 0px;
      background-position: 0px 10px; } }

section.listenlearn {
  padding: 30px 0;
  border-top: solid 2px #e7e7e7;
  border-bottom: solid 2px #e7e7e7;
  width: 90%;
  margin: 40px auto 0; }
  @media only screen and (min-width: 701px) {
    section.listenlearn {
      padding: 46px 26px 66px 26px;
      margin: 20px auto 0; } }
  @media only screen and (min-width: 1025px) {
    section.listenlearn {
      max-width: 880px; } }
  section.listenlearn h2 {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold; }
    @media only screen and (min-width: 701px) {
      section.listenlearn h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 14px; } }
  section.listenlearn h3 {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
    font-family: "adelle-sans", Helvetica, Arial, sans-serif; }
    @media only screen and (min-width: 701px) {
      section.listenlearn h3 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px; } }
  section.listenlearn ul {
    font-size: 0; }
    section.listenlearn ul a:hover {
      opacity: 0.5; }
    section.listenlearn ul li {
      display: block;
      margin: 0 auto;
      max-width: 236px;
      border: solid 1px #e7e7e7;
      background: white;
      padding: 5px;
      margin-bottom: 10px; }
      section.listenlearn ul li:last-child {
        margin-bottom: none; }
      @media only screen and (min-width: 701px) {
        section.listenlearn ul li {
          font-size: 14px;
          line-height: 20px;
          display: inline-block;
          width: 48%;
          margin: 1%;
          max-width: none; } }
      section.listenlearn ul li div.image {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 112px; }
        @media only screen and (min-width: 701px) {
          section.listenlearn ul li div.image {
            display: inline-block;
            width: 30%;
            height: 70px;
            vertical-align: top; } }
      section.listenlearn ul li div.copyContainer {
        display: block;
        height: 70px;
        padding: 5px;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        font-family: "adelle-sans", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 100%; }
        @media only screen and (min-width: 701px) {
          section.listenlearn ul li div.copyContainer {
            display: inline-block;
            height: 70px;
            vertical-align: top;
            width: 69%;
            font-size: 14px;
            line-height: 20px; } }
        section.listenlearn ul li div.copyContainer.audio {
          background: url("../images/audio.png") no-repeat center right;
          background-size: 18px 18px; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.listenlearn ul li div.copyContainer.audio {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/audio@2x.png");
              background-size: 18px 18px; } }
          @media only screen and (min-width: 701px) {
            section.listenlearn ul li div.copyContainer.audio {
              background-size: 34px 34px; } }
        section.listenlearn ul li div.copyContainer.video {
          background: url("../images/video.png") no-repeat center right; }
          @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            section.listenlearn ul li div.copyContainer.video {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/video@2x.png");
              background-size: 34px 34px; } }
        section.listenlearn ul li div.copyContainer div.copyTable {
          height: 100%;
          display: table; }
        section.listenlearn ul li div.copyContainer div.copyCell {
          display: table-cell;
          vertical-align: middle; }
          section.listenlearn ul li div.copyContainer div.copyCell em {
            font-weight: normal;
            display: block;
            margin-top: 4px;
            text-align: left;
            color: #7d7d7d; }

header.form.resources.feedback div.background {
  background: url("../images/header-kids.jpg") no-repeat top center;
  background-size: cover; }

@media only screen and (min-width: 1025px) {
  section.erHeader.learning.feedback {
    padding: 0 20px 0px; } }
section.erHeader.learning.feedback div.feebackButtons {
  padding: 20px;
  font-size: 0; }
  @media only screen and (min-width: 701px) {
    section.erHeader.learning.feedback div.feebackButtons {
      padding: 20px; } }
  @media only screen and (min-width: 1025px) {
    section.erHeader.learning.feedback div.feebackButtons {
      padding: 40px 0 0 0; } }
  section.erHeader.learning.feedback div.feebackButtons a {
    display: inline-block;
    width: 100%;
    height: 140px; }
    @media only screen and (min-width: 701px) {
      section.erHeader.learning.feedback div.feebackButtons a {
        width: 49%;
        margin-right: 1%;
        height: 195px; }
        section.erHeader.learning.feedback div.feebackButtons a:last-child {
          margin-right: 0; } }
    section.erHeader.learning.feedback div.feebackButtons a span {
      font-family: "Adelle Sans", Helvetica, Arial, sans-serif;
      padding-top: 100px;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      width: 80%;
      margin: 0 auto;
      display: block;
      color: white; }
      @media only screen and (min-width: 701px) {
        section.erHeader.learning.feedback div.feebackButtons a span {
          padding-top: 140px; } }
    section.erHeader.learning.feedback div.feebackButtons a.speaker {
      background: url("../images/tile-givefeedback-1.jpg") no-repeat top center;
      background-size: cover;
      margin-top: 10px; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.erHeader.learning.feedback div.feebackButtons a.speaker {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/tile-givefeedback-1@2x.jpg");
          background-size: 402px 195px; } }
      @media only screen and (min-width: 701px) {
        section.erHeader.learning.feedback div.feebackButtons a.speaker {
          margin-top: 0; } }
    section.erHeader.learning.feedback div.feebackButtons a.organizer {
      background: url("../images/tile-givefeedback-2.jpg") no-repeat top center;
      background-size: cover; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        section.erHeader.learning.feedback div.feebackButtons a.organizer {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/tile-givefeedback-2@2x.jpg");
          background-size: 402px 195px; } }

section.stories.speakerresources {
  padding: 0 0 10px 0; }
  section.stories.speakerresources ul {
    text-align: center;
    padding-top: 0; }
    section.stories.speakerresources ul li {
      border-bottom: solid 2px #e7e7e7;
      width: 100%;
      max-width: 320px;
      margin: 0 auto; }
      @media only screen and (min-width: 701px) {
        section.stories.speakerresources ul li {
          width: 100%;
          max-width: none; } }
      section.stories.speakerresources ul li div.resourceContainer {
        padding: 35px 20px 25px; }
        @media only screen and (min-width: 701px) {
          section.stories.speakerresources ul li div.resourceContainer {
            padding: 45px 20px 45px; } }
        section.stories.speakerresources ul li div.resourceContainer a:hover {
          opacity: 0.5; }
      @media only screen and (min-width: 701px) {
        section.stories.speakerresources ul li div.storyContainer {
          display: inline-block;
          width: 22%;
          margin-right: 4%;
          vertical-align: top; } }
      section.stories.speakerresources ul li div.storyContainer div.copyContainer {
        font-size: 18px;
        line-height: 24px;
        height: 120px; }
        @media only screen and (min-width: 701px) {
          section.stories.speakerresources ul li div.storyContainer div.copyContainer {
            font-size: 12px;
            line-height: 20px;
            height: 90px; } }
        section.stories.speakerresources ul li div.storyContainer div.copyContainer div.copyCell p, section.stories.speakerresources ul li div.storyContainer div.copyContainer div.copyCell em {
          line-height: 28px; }
          @media only screen and (min-width: 701px) {
            section.stories.speakerresources ul li div.storyContainer div.copyContainer div.copyCell p, section.stories.speakerresources ul li div.storyContainer div.copyContainer div.copyCell em {
              line-height: 20px; } }
      section.stories.speakerresources ul li div.details {
        padding: 26px 0 0 0; }
        @media only screen and (min-width: 701px) {
          section.stories.speakerresources ul li div.details {
            display: inline-block;
            vertical-align: top;
            width: 70%;
            padding: 0; } }
        section.stories.speakerresources ul li div.details div.copyTable {
          display: table; }
          @media only screen and (min-width: 701px) {
            section.stories.speakerresources ul li div.details div.copyTable {
              height: 275px; } }
          @media only screen and (min-width: 1025px) {
            section.stories.speakerresources ul li div.details div.copyTable {
              height: 327px; } }
          section.stories.speakerresources ul li div.details div.copyTable div.copyCell {
            vertical-align: middle;
            display: table-cell; }
        section.stories.speakerresources ul li div.details h2 {
          font-size: 22px;
          line-height: 30px;
          margin-bottom: 10px;
          text-align: left;
          font-weight: bold; }
          @media only screen and (min-width: 701px) {
            section.stories.speakerresources ul li div.details h2 {
              font-size: 24px;
              line-height: 30px; } }
        section.stories.speakerresources ul li div.details p {
          padding: 8px 0;
          font-size: 14px;
          line-height: 20px;
          text-align: left; }
          section.stories.speakerresources ul li div.details p a {
            font-weight: bold;
            text-decoration: underline; }
          @media only screen and (min-width: 701px) {
            section.stories.speakerresources ul li div.details p {
              font-size: 18px;
              line-height: 30px; } }

header.form.whoweare div.background {
  background: url("../images/header-Anniversaries.jpg") no-repeat center 30%;
  background-size: cover; }

header.form.contact div.background {
  background: url("../images/header-kids.jpg") no-repeat center center;
  background-size: cover; }

header.form.faq div.background {
  background: url("../images/header-heysailor.jpg") no-repeat center center;
  background-size: cover; }

header.form.media div.background {
  background: url("../images/header-canadafury.jpg") no-repeat center center;
  background-size: cover; }

header.form.newsletter div.background {
  background: url("../images/header-EducatorResources-LearningTools.jpg") no-repeat center center;
  background-size: cover; }

@media only screen and (min-width: 701px) {
  section.formHeader.newsletter {
    margin-bottom: 20px; } }
section.formHeader.newsletter div.copyContainer {
  text-align: center; }
  @media only screen and (min-width: 701px) {
    section.formHeader.newsletter div.copyContainer {
      padding-bottom: 0; } }
  section.formHeader.newsletter div.copyContainer p {
    max-width: 400px;
    margin: 0 auto; }
section.formHeader.newsletter form {
  padding: 0px 20px 40px;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  text-align: center; }
  @media only screen and (min-width: 701px) {
    section.formHeader.newsletter form {
      padding: 14px 20px 14px; } }
  @media only screen and (min-width: 1025px) {
    section.formHeader.newsletter form {
      padding: 14px 0px; } }
  section.formHeader.newsletter form div.submitContainer {
    text-align: center;
    display: inline-block;
    font-family: "adelle-sans", Helvetica, Arial, sans-serif;
    text-align: center; }
    section.formHeader.newsletter form div.submitContainer span {
      display: none;
      color: #be202e;
      font-weight: bold;
      font-style: italic;
      font-size: 12px;
      line-height: 24px;
      margin-top: 10px;
      text-align: left; }
      section.formHeader.newsletter form div.submitContainer span.error {
        display: block; }
    section.formHeader.newsletter form div.submitContainer a.submit {
      display: inline-block;
      width: 180px;
      margin: 0 auto;
      height: 50px;
      line-height: 50px;
      color: white;
      text-align: center;
      border-radius: 3px;
      vertical-align: top;
      background: #be202e; }
      @media only screen and (min-width: 701px) {
        section.formHeader.newsletter form div.submitContainer a.submit {
          font-size: 16px;
          height: 46px;
          width: 208px;
          background-size: 26px;
          line-height: 46px; } }
      section.formHeader.newsletter form div.submitContainer a.submit.disable {
        cursor: default;
        opacity: 0.5; }
  section.formHeader.newsletter form div.formfield {
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 18px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: "adelle-sans", Helvetica, Arial, sans-serif; }
    @media only screen and (min-width: 701px) {
      section.formHeader.newsletter form div.formfield {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 28px;
        width: 43%; } }
    @media only screen and (min-width: 1025px) {
      section.formHeader.newsletter form div.formfield {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 28px; } }
    section.formHeader.newsletter form div.formfield input, section.formHeader.newsletter form div.formfield select {
      font-size: 13px;
      line-height: 25px; }
      @media only screen and (min-width: 701px) {
        section.formHeader.newsletter form div.formfield input, section.formHeader.newsletter form div.formfield select {
          font-size: 13px;
          line-height: 25px; } }
    section.formHeader.newsletter form div.formfield label {
      display: block;
      text-align: left; }
      @media only screen and (min-width: 701px) {
        section.formHeader.newsletter form div.formfield label {
          font-size: 16px;
          line-height: 28px; } }
      section.formHeader.newsletter form div.formfield label.small {
        font-style: italic; }
      section.formHeader.newsletter form div.formfield label em {
        font-style: italic;
        color: #898989;
        margin-bottom: 12px;
        display: block;
        line-height: 16px; }
        @media only screen and (min-width: 701px) {
          section.formHeader.newsletter form div.formfield label em {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 6px; } }
        section.formHeader.newsletter form div.formfield label em.notouch {
          display: none; }
          @media only screen and (min-width: 701px) {
            section.formHeader.newsletter form div.formfield label em.notouch {
              display: block; } }
    section.formHeader.newsletter form div.formfield span {
      display: none;
      color: #be202e;
      font-weight: bold;
      font-style: italic; }
      @media only screen and (min-width: 701px) {
        section.formHeader.newsletter form div.formfield span {
          line-height: 38px; } }
    section.formHeader.newsletter form div.formfield.error span {
      display: block; }
  section.formHeader.newsletter form div.textContainer input[type="text"] {
    width: 100%;
    max-width: 345px;
    height: 34px;
    border: solid 1px #dadada;
    color: #404040;
    padding: 0px 10px;
    line-height: 34px;
    border-radius: 0px;
    font-size: 14px; }
    @media only screen and (min-width: 701px) {
      section.formHeader.newsletter form div.textContainer input[type="text"] {
        font-size: 18px;
        padding: 0px 15px 0px 15px;
        line-height: 44px;
        height: 46px;
        border: solid 2px #dadada; } }
    section.formHeader.newsletter form div.textContainer input[type="text"].small {
      width: 126px; }
      @media only screen and (min-width: 701px) {
        section.formHeader.newsletter form div.textContainer input[type="text"].small {
          width: 200px; } }
  section.formHeader.newsletter form div.textContainer.other {
    display: none; }
  section.formHeader.newsletter form div.textContainer.error input {
    border-color: #be202e;
    background-color: #feaeb5; }

@media only screen and (min-width: 701px) {
  section.formHeader.whoweare {
    margin-bottom: 60px; } }
@media only screen and (min-width: 701px) {
  section.formHeader.whoweare div.copyContainer {
    padding-bottom: 0; } }

@media only screen and (min-width: 701px) {
  section.formHeader.contact {
    margin-bottom: 60px; } }
section.formHeader.contact div.copyContainer {
  padding-bottom: 0; }

@media only screen and (min-width: 701px) {
  section.formHeader.faq div.responsive {
    max-width: 700px; } }
@media only screen and (min-width: 1025px) {
  section.formHeader.faq div.responsive {
    max-width: 815px; } }
@media only screen and (min-width: 701px) {
  section.formHeader.faq {
    margin-bottom: 30px; } }
@media only screen and (min-width: 1025px) {
  section.formHeader.faq {
    margin-bottom: 0px; } }
section.formHeader.faq div.copyContainer {
  padding-bottom: 0; }

section.stories.learningtools li div.story div.image.about {
  background-color: transparent;
  background-blend-mode: none;
  background: url("../images/pdf-download-tmp@2x.gif") no-repeat;
  background-size: cover; }
  section.stories.learningtools li div.story div.image.about div.fold {
    display: none; }
  section.stories.learningtools li div.story div.image.about div.download {
    background: transparent; }

section.aboutLinks.partners {
  padding: 0px 20px 0px;
  border-bottom: none; }
  @media only screen and (min-width: 701px) {
    section.aboutLinks.partners {
      border-top: solid 2px #e7e7e7;
      padding-top: 70px; } }
  section.aboutLinks.partners > hr {
    border: 0;
    background: #e7e7e7;
    width: 200px;
    height: 4px;
    margin-bottom: 50px; }
    @media only screen and (min-width: 701px) {
      section.aboutLinks.partners > hr {
        display: none; } }
  section.aboutLinks.partners ul li hr.second {
    display: none; }

@media only screen and (min-width: 701px) {
  section.stories.partners ul {
    padding-top: 60px; } }
@media only screen and (min-width: 1025px) {
  section.stories.partners li {
    width: 27.3%;
    margin: 3%; } }
section.stories.partners li div.storyContainer div.story div.copyContainer div.copyCell p {
  line-height: 14px; }
section.stories.partners li div.storyContainer div.story div.copyContainer div.copyCell em {
  padding-top: 4px;
  line-height: 14px; }
section.stories.partners div.grand {
  text-align: center;
  padding-top: 40px; }
  @media only screen and (min-width: 701px) {
    section.stories.partners div.grand {
      padding-top: 60px; } }
  section.stories.partners div.grand div.logo {
    overflow: hidden;
    background: url("../images/logo-GRAND.gif") no-repeat center center;
    margin: 0 auto;
    height: 36px; }
    section.stories.partners div.grand div.logo:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      section.stories.partners div.grand div.logo {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/logo-GRAND@2x.gif");
        background-size: 100px 25px; } }
    @media only screen and (min-width: 701px) {
      section.stories.partners div.grand div.logo {
        background-size: 142px 36px; } }
  section.stories.partners div.grand em {
    display: block;
    font-size: 12px;
    line-height: 24px;
    color: #7d7d7d; }
    @media only screen and (min-width: 701px) {
      section.stories.partners div.grand em {
        font-size: 16px;
        line-height: 40px; } }
  section.stories.partners div.grand a {
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    text-decoration: underline; }
    @media only screen and (min-width: 701px) {
      section.stories.partners div.grand a {
        font-size: 16px;
        line-height: 30px; } }

section.aboutLinks {
  padding: 50px 20px 0px; }
  @media only screen and (min-width: 701px) {
    section.aboutLinks {
      border-bottom: solid 2px #e7e7e7;
      max-width: 875px;
      margin: 0 auto;
      padding: 70px 20px 0px; } }
  section.aboutLinks ul {
    font-size: 0; }
    @media only screen and (min-width: 701px) {
      section.aboutLinks ul li {
        display: inline-block;
        width: 45%;
        vertical-align: top;
        margin: 0 2.5%; } }
    section.aboutLinks ul li.second {
      margin-top: 50px; }
      @media only screen and (min-width: 701px) {
        section.aboutLinks ul li.second {
          margin-top: 0; } }
    section.aboutLinks ul li div.logo {
      overflow: hidden;
      height: 30px;
      margin-bottom: 20px; }
      section.aboutLinks ul li div.logo:before {
        content: "";
        display: block;
        width: 0;
        height: 100%; }
      section.aboutLinks ul li div.logo.canheritage {
        background: url("../images/logo-cdn_heritage.jpg") no-repeat left center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.aboutLinks ul li div.logo.canheritage {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/logo-cdn_heritage@2x.jpg");
            background-size: 210px 27px; } }
      section.aboutLinks ul li div.logo.vetaffairs {
        background: url("../images/logo-vet_affairs.jpg") no-repeat left center; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          section.aboutLinks ul li div.logo.vetaffairs {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/logo-vet_affairs@2x.jpg");
            background-size: 275px 27px; } }
    section.aboutLinks ul li p {
      font-size: 12px;
      line-height: 21px;
      margin-bottom: 16px; }
      @media only screen and (min-width: 701px) {
        section.aboutLinks ul li p {
          font-size: 16px;
          line-height: 28px; } }
    section.aboutLinks ul li a {
      font-size: 12px;
      line-height: 21px;
      display: block;
      text-decoration: underline;
      font-weight: bold;
      margin-bottom: 50px; }
      @media only screen and (min-width: 701px) {
        section.aboutLinks ul li a {
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 70px; } }
    section.aboutLinks ul li hr {
      border: 0;
      background: #e7e7e7;
      width: 200px;
      height: 4px; }
      @media only screen and (min-width: 701px) {
        section.aboutLinks ul li hr {
          display: none; } }

@media only screen and (min-width: 701px) {
  section.faqContainer div.responsive {
    max-width: 740px; } }
@media only screen and (min-width: 1025px) {
  section.faqContainer div.responsive {
    max-width: 915px; } }
section.faqContainer ul {
  padding: 0 20px; }
  section.faqContainer ul li {
    border-bottom: solid 2px #e7e7e7;
    padding: 20px 0px; }
    @media only screen and (min-width: 701px) {
      section.faqContainer ul li {
        padding: 20px;
        max-width: 740px; } }
    @media only screen and (min-width: 1025px) {
      section.faqContainer ul li {
        padding: 40px 30px;
        max-width: none; } }
    section.faqContainer ul li:last-child {
      border: none; }
    section.faqContainer ul li h2 {
      font-size: 22px;
      line-height: 26px;
      font-weight: bold;
      font-family: "adelle-sans", Helvetica, Arial, sans-serif;
      margin-bottom: 8px; }
      @media only screen and (min-width: 701px) {
        section.faqContainer ul li h2 {
          font-size: 30px;
          line-height: 40px;
          margin-bottom: 12px; } }
    section.faqContainer ul li p {
      font-size: 14px;
      line-height: 22px; }
      @media only screen and (min-width: 701px) {
        section.faqContainer ul li p {
          font-size: 18px;
          line-height: 30px; } }

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