/* --- Grid Sizing --- */
/* --- Breakpoints --- */
/* --- Fonts, Colors, and Spacing --- */
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=cd3eef30-2267-4f91-abfd-d90805bf0fec");
@font-face {
  font-family: "ClarendonTextW01-Regula 1097411";
  src: url("_fonts/67afcd17-0ace-4406-8bd2-5b43e46d7a33.woff2") format("woff2"), url("_fonts/f7b495e9-5f7d-48e3-9a28-99e607e424df.woff") format("woff"); }

@font-face {
  font-family: "ClarendonTextW01-Italic 1097342";
  src: url("_fonts/6a448b68-06f5-4c12-a8c2-750483226566.woff2") format("woff2"), url("_fonts/2db3fd21-0f51-48ab-bf77-abb8aff69a52.woff") format("woff"); }

@font-face {
  font-family: "ClarendonTextW01-BdItal";
  src: url("_fonts/eef8dc76-4413-4b7f-ab09-a4f567cefd25.woff2") format("woff2"), url("_fonts/9651d0ce-4f48-4a28-8e60-e8442b753d8a.woff") format("woff"); }

@font-face {
  font-family: "Latin Wide W01 D";
  src: url("_fonts/310ad085-a60e-4168-9f14-41fb07cccc20.woff2") format("woff2"), url("_fonts/f8b55f45-8b09-4441-9e2d-e9bd65904976.woff") format("woff"); }

@font-face {
  font-family: "Trade Gothic W01 Roman";
  src: url("_fonts/7b555e94-d57a-415e-a36e-1b0c5d3b90d2.woff2") format("woff2"), url("_fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"); }

@font-face {
  font-family: "Trade Gothic W01 Obl";
  src: url("_fonts/402df645-4a32-4a66-9584-257f7972c133.woff2") format("woff2"), url("_fonts/1c164451-034c-41f5-9542-390709016510.woff") format("woff"); }

@font-face {
  font-family: "Trade Gothic W01 Bold";
  src: url("_fonts/d2e623ca-efc6-4557-ae55-ebb786065dcf.woff2") format("woff2"), url("_fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"); }

@font-face {
  font-family: "TradeGothicW01-BoldObl";
  src: url("_fonts/28713fce-3c78-4ec7-86bd-fc6da65d2b1c.woff2") format("woff2"), url("_fonts/746f551e-eccf-461a-93a8-b885802a32a5.woff") format("woff"); }

@font-face {
  font-family: "TradeGothicW01-BoldCn20 675334";
  src: url("_fonts/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2") format("woff2"), url("_fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"); }

* {
  margin: 0;
  padding: 0;
  border: 0; }

/* --- Body Styles --- */
.lucy-wrapper {
  font-family: "Trade Gothic W01 Roman";
  /* --- Form Styles --- */ }
  .lucy-wrapper h1 {
    margin-bottom: 1em;
    font-family: "Trade Gothic W01 Bold";
    color: #000;
    line-height: 1.1;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 2em; }
    .lucy-wrapper h1 a {
      text-decoration: none; }
      .lucy-wrapper h1 a:hover {
        text-decoration: underline; }
  .lucy-wrapper h2 {
    margin-bottom: 1em;
    font-family: "Trade Gothic W01 Bold";
    color: #000;
    line-height: 1.1;
    font-weight: normal;
    text-transform: uppercase;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 1.308em;
    text-transform: none; }
    .lucy-wrapper h2 a {
      text-decoration: none; }
      .lucy-wrapper h2 a:hover {
        text-decoration: underline; }
  .lucy-wrapper h3 {
    margin-bottom: 1em;
    font-family: "Trade Gothic W01 Bold";
    color: #000;
    line-height: 1.1;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.25em; }
    .lucy-wrapper h3 a {
      text-decoration: none; }
      .lucy-wrapper h3 a:hover {
        text-decoration: underline; }
  .lucy-wrapper h4 {
    margin-bottom: 1em;
    font-family: "Trade Gothic W01 Bold";
    color: #000;
    line-height: 1.1;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.125em; }
    .lucy-wrapper h4 a {
      text-decoration: none; }
      .lucy-wrapper h4 a:hover {
        text-decoration: underline; }
  .lucy-wrapper h5 {
    margin-bottom: 1em;
    font-family: "Trade Gothic W01 Bold";
    color: #000;
    line-height: 1.1;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1em; }
    .lucy-wrapper h5 a {
      text-decoration: none; }
      .lucy-wrapper h5 a:hover {
        text-decoration: underline; }
  .lucy-wrapper h6 {
    margin-bottom: 1em;
    font-family: "Trade Gothic W01 Bold";
    color: #000;
    line-height: 1.1;
    font-weight: normal;
    text-transform: uppercase;
    font-size: .9em; }
    .lucy-wrapper h6 a {
      text-decoration: none; }
      .lucy-wrapper h6 a:hover {
        text-decoration: underline; }
  .lucy-wrapper p {
    margin-bottom: 1.5em; }
    .lucy-wrapper p.intro {
      margin-bottom: 2em;
      font-size: 1.538em;
      line-height: 1.4;
      color: #888; }
      .lucy-wrapper p.intro b, .lucy-wrapper p.intro strong {
        font-family: "Trade Gothic W01 Roman"; }
    .lucy-wrapper p.photo-caption {
      margin-top: -.5em;
      font-size: .8em;
      font-style: italic;
      color: #999; }
  .lucy-wrapper sup {
    font-size: .7em; }
  .lucy-wrapper ul {
    margin-bottom: 2em;
    padding-left: 2em; }
  .lucy-wrapper hr {
    margin: 2em 0;
    border-bottom: 1px solid #CCC; }
  .lucy-wrapper img {
    max-width: 100%; }
  .lucy-wrapper .page-image {
    margin-bottom: 2em; }
  .lucy-wrapper blockquote {
    margin-bottom: 2em;
    font-size: 1.5em;
    line-height: 1.5;
    font-style: italic; }
  .lucy-wrapper b, .lucy-wrapper strong {
    font-family: "Trade Gothic W01 Bold";
    font-weight: normal;
    font-size: 110%;
    color: #000; }
  .lucy-wrapper i, .lucy-wrapper em {
    font-family: "Trade Gothic W01 Obl" !important;
    font-style: normal; }
  .lucy-wrapper a strong, .lucy-wrapper a:active strong, .lucy-wrapper a:visited strong {
    color: #85B09A; }
  .lucy-wrapper p strong em, .lucy-wrapper p em strong {
    font-family: "TradeGothicW01-BoldObl" !important; }
  .lucy-wrapper .date-group, .lucy-wrapper .check-group {
    margin-bottom: 1em; }
  .lucy-wrapper input, .lucy-wrapper select, .lucy-wrapper textarea {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1em;
    padding: .385em .231em;
    font-family: "Trade Gothic W01 Roman";
    font-size: 13px;
    line-height: 1;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    .lucy-wrapper input[readonly], .lucy-wrapper select[readonly], .lucy-wrapper textarea[readonly] {
      color: #AAA; }
  .lucy-wrapper select {
    padding: 0;
    height: 2em; }
  .lucy-wrapper label {
    display: block;
    margin-bottom: .4em;
    line-height: 1.846;
    font-size: .769em;
    color: #666;
    text-transform: uppercase;
    font-family: "Trade Gothic W01 Bold"; }
    @media only screen and (max-width: 1100px) {
      .lucy-wrapper label span {
        display: none; } }
  .lucy-wrapper input[type="checkbox"], .lucy-wrapper input[type="radio"] {
    position: relative;
    top: 5px; }
    .lucy-wrapper input[type="checkbox"]:first-child, .lucy-wrapper input[type="radio"]:first-child {
      margin-left: 0; }

/* --- Wrap video and Preserve Ratio --- */
.video-wrapper {
  position: relative;
  margin-bottom: 5.385em;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* --- Overlay --- */
#overlay {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  background: rgba(255, 255, 255, 0.92); }

#overlay-close {
  display: none;
  position: fixed;
  z-index: 102;
  top: 20px;
  right: 20px;
  font-size: 1.4em;
  font-family: "Trade Gothic W01 Bold";
  color: #000;
  cursor: pointer; }

#overlay-image {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

#overlay-content {
  position: fixed;
  z-index: 101;
  top: 200%;
  left: 50%;
  width: 974px; }

/* --- Error Reporting --- */
.error-message {
  float: left;
  width: 100%;
  padding: 0 0 0 45px;
  margin-bottom: 0 !important;
  font-size: 1em;
  line-height: 50px;
  color: #F00;
  font-family: "Trade Gothic W01 Bold";
  background: transparent url(../images/alert.gif) no-repeat 0 9px;
  border-top: 1px solid #CCC;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }

/* --- Social Networking --- */
.social {
  padding-left: 0 !important;
  list-style-type: none; }
  .social li {
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: 0 2px; }
    .social li img {
      width: 100%; }
    .social li.facebook {
      padding-left: 30px;
      background-image: url(/images/social/facebook.png); }
    .social li.twitter {
      padding-left: 30px;
      background-image: url(/images/social/twitter.png); }

/* --- Page Filters --- */
.page-filters {
  float: left;
  width: 100%;
  margin-bottom: 1.176em;
  padding-left: 0 !important;
  padding-bottom: 1.176em;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 1.308em;
  color: #000;
  border-bottom: 1px solid #CCC; }
  .page-filters .check-group {
    margin-top: 5px;
    font-size: .8em;
    font-family: "Trade Gothic W01 Roman"; }
    .page-filters .check-group input {
      position: relative;
      top: -4px; }
  .page-filters li {
    float: left;
    display: inline;
    padding: .294em 20px .294em 0;
    margin-right: 20px;
    border-right: 1px solid #CCC; }
    .page-filters li.last {
      padding-right: 0;
      margin-right: 0;
      border-right: none; }
  .page-filters select, .page-filters input {
    margin-bottom: 0; }
  @media only screen and (max-width: 736px) {
    .page-filters {
      margin-bottom: 0 !important; }
      .page-filters li {
        margin-bottom: .5em;
        padding: 0;
        border-right: none; } }
/* --- Pagination Styles --- */
.pagination {
  position: relative;
  float: left;
  width: 100%;
  margin: 2.083em 0 4.167em 0;
  font-size: 1.846em;
  font-family: "Trade Gothic W01 Bold";
  color: #000; }
  .pagination a {
    text-transform: uppercase;
    text-decoration: none;
    color: #000 !important; }
    .pagination a span {
      font-family: "Latin Wide W01 D" !important;
      font-size: 1.083em;
      line-height: .923;
      color: #85B09A; }
  @media only screen and (max-width: 736px) {
    .pagination .previous {
      width: 50% !important;
      margin-bottom: .5em; } }
  .pagination .next {
    float: right;
    text-align: right; }
    @media only screen and (max-width: 736px) {
      .pagination .next {
        width: 50% !important;
        margin-bottom: .5em; } }
  .pagination .pages {
    text-align: center; }
    .pagination .pages a {
      margin: 0 1px; }
      .pagination .pages a.selected {
        color: #85B09A !important; }

/* --- Buttons and Links --- */
.exclaim {
  float: none !important;
  width: auto !important;
  display: inline-block;
  margin-top: .5em;
  padding: .5em;
  font-size: .95em;
  font-family: "Trade Gothic W01 Bold" !important;
  text-transform: uppercase;
  line-height: 1;
  color: #FFF;
  background: #000; }
  .exclaim a, .exclaim a:active, .exclaim a:visited {
    color: #FFF;
    text-decoration: underline; }
    .exclaim a:hover, .exclaim a:active:hover, .exclaim a:visited:hover {
      text-decoration: none; }

a, a:active, a:visited {
  color: #5b8d74;
  text-decoration: none;
  outline: none; }
  a b, a strong, a:active b, a:active strong, a:visited b, a:visited strong {
    color: #5b8d74; }
  a img, a:active img, a:visited img {
    border: 0; }
  a:hover, a:active:hover, a:visited:hover {
    text-decoration: underline; }

a.expand, .button, .button:active, .button:visited, button {
  float: left;
  display: block;
  width: auto;
  height: 18px;
  padding: 0 25px 0 9px;
  line-height: 18px;
  font-size: 10px;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase;
  color: #FFF !important;
  background: #000 url(../images/cart-button-arrow.png) no-repeat 95% 7px; }

a.expand.external {
  padding: 0 9px;
  background-image: none; }

a.expand.error {
  background-color: #F00 !important; }

a.expand:hover, a.expand.selected {
  text-decoration: none;
  background-color: #85B09A !important; }

.black-button {
  display: inline-block;
  padding: .5em 1em;
  color: #FFF !important;
  font-size: 1.1em;
  font-family: "ClarendonTextW01-Italic 1097342";
  background: #000; }

.italic-button, .italic-button:active, .italic-button:visited {
  float: left;
  display: block;
  height: 30px;
  margin-right: 3px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 13px;
  color: #FFF;
  text-decoration: none;
  font-family: "ClarendonTextW01-Italic 1097342";
  background-color: #000; }
  .italic-button:hover, .italic-button.selected, .italic-button:active:hover, .italic-button:active.selected, .italic-button:visited:hover, .italic-button:visited.selected {
    background-color: #85B09A;
    text-decoration: none; }
    .italic-button:hover span, .italic-button.selected span, .italic-button:active:hover span, .italic-button:active.selected span, .italic-button:visited:hover span, .italic-button:visited.selected span {
      color: #000; }
  .italic-button span, .italic-button:active span, .italic-button:visited span {
    text-transform: uppercase;
    color: #85B09A;
    font-family: "Trade Gothic W01 Bold"; }

a.schedule, a.schedule:active, a.schedule:visited, a.schedule-remove, a.schedule-remove:active, a.schedule-remove:visited {
  float: left;
  margin-top: 5px;
  padding-left: 17px;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Trade Gothic W01 Bold";
  color: #999;
  line-height: 12px;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent url(../images/plus.png) no-repeat 0 0; }
  a.schedule.schedule:hover, a.schedule.schedule-remove:hover, a.schedule:active.schedule:hover, a.schedule:active.schedule-remove:hover, a.schedule:visited.schedule:hover, a.schedule:visited.schedule-remove:hover, a.schedule-remove.schedule:hover, a.schedule-remove.schedule-remove:hover, a.schedule-remove:active.schedule:hover, a.schedule-remove:active.schedule-remove:hover, a.schedule-remove:visited.schedule:hover, a.schedule-remove:visited.schedule-remove:hover {
    text-decoration: underline; }

a.schedule-remove, a.schedule-remove:active, a.schedule-remove:visited {
  background: transparent url(../images/minus.png) no-repeat 0 0; }

a.styled-button, a.styled-button:active, a.styled-button:visited {
  display: inline-block;
  padding: 8px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 16px;
  line-height: 16px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  background-color: #85B09A; }
  a.styled-button:hover, a.styled-button:active:hover, a.styled-button:visited:hover {
    color: #FFF;
    background-color: #000;
    text-decoration: none; }
  @media only screen and (max-width: 736px) {
    a.styled-button, a.styled-button:active, a.styled-button:visited {
      float: none;
      display: block; }
      a.styled-button.half, a.styled-button:active.half, a.styled-button:visited.half {
        float: left;
        width: 48%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; }
        a.styled-button.half.last, a.styled-button:active.half.last, a.styled-button:visited.half.last {
          float: right; } }
/* --- Custom Dropdowns --- */
.lucy-dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2em;
  margin-bottom: 1em;
  padding: 0 0 0 10px;
  line-height: 2em;
  text-align: left;
  color: #000;
  text-transform: none;
  border: 1px solid #CCC;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  .lucy-dropdown span {
    position: relative;
    z-index: 1;
    display: block;
    padding-right: 46px;
    text-align: left;
    overflow: hidden; }
  .lucy-dropdown ul {
    position: absolute;
    top: 100%;
    left: -1px;
    width: 100%;
    height: auto !important;
    max-height: 15em;
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    line-height: 150%;
    background: #FFF;
    overflow: auto;
    visibility: hidden;
    border: 1px solid #CCC; }
    .lucy-dropdown ul li {
      padding: 0 10px;
      color: #000;
      text-transform: none !important; }
      .lucy-dropdown ul li.selected {
        color: #FFF !important;
        background: #000 !important; }
      .lucy-dropdown ul li:hover {
        background: #EEE; }
  .lucy-dropdown.active ul {
    visibility: visible; }
  .lucy-dropdown:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -1px;
    right: 0;
    width: 2em;
    height: 2em;
    background: #000; }
  .lucy-dropdown:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 50%;
    right: .5em;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-style: solid;
    border-width: 5px 6px 0 6px;
    border-color: #FFF transparent transparent transparent; }

/* --- Custom Radio Buttons --- */
div.lucy-radio, div.lucy-check {
  position: relative;
  left: 5px;
  display: inline-block;
  width: .75em;
  height: .75em;
  margin-right: 1em;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box; }
  div.lucy-radio.checked, div.checked.lucy-check {
    background: #000; }
  div.lucy-radio:after, div.lucy-check:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5em;
    height: 1.5em;
    margin: -.75em 0 0 -.75em;
    border: 1px solid #000;
    content: '';
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box; }

/* --- Custom Check Box --- */
div.lucy-check {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box; }
  div.lucy-check:after {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box; }

/* --- Miscellaneous --- */
.inline-sponsor {
  display: inline-block;
  margin: 0 30px 1.54em 0;
  vertical-align: middle;
  line-height: 2.7em; }
  .inline-sponsor.top {
    vertical-align: top; }

.tooltip {
  position: absolute;
  left: 50%;
  padding: 3px 6px;
  font-family: "TradeGothicW01-BoldCn20 675334";
  text-transform: uppercase;
  color: #FFF;
  font-size: 11px;
  line-height: 9px;
  background-color: #666;
  border: 1px solid #CCC; }

.clear {
  float: left;
  width: 100%;
  height: 1px;
  overflow: hidden; }

.no-margin {
  margin-bottom: 0 !important; }

.success {
  float: left;
  width: 974px;
  font-size: 13px;
  line-height: 50px;
  font-family: "Trade Gothic W01 Bold";
  border-top: 1px solid #CCC; }

.note {
  float: left;
  width: 100%;
  margin-top: -20px;
  font-family: "ClarendonTextW01-Italic 1097342"; }

#recaptcha_widget_div {
  margin-bottom: 10px; }

a img {
  border: none; }

.separator {
  margin: 2em 0;
  border-bottom: 1px solid #CCC; }

.top-space {
  margin-top: 2em; }

.bottom-space {
  margin-bottom: 2em; }

@media only screen and (max-width: 736px) {
  .smarty-tag {
    display: none; } }

/* --- Grid Structure --- */
.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.row {
  margin-left: -10px;
  *zoom: 1; }
  @media only screen and (max-width: 736px) {
    .row {
      margin-left: 0; } }
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0; }

.row:after {
  clear: both; }

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 10px; }

[class*="span"].border-left {
  margin-left: 9px;
  border-left: 1px solid #CCC; }

[class*="span"].border-right {
  margin-left: 9px;
  border-right: 1px solid #CCC; }

[class*="span"].right {
  text-align: right; }

.span1 {
  width: 31px; }
  @media only screen and (max-width: 1100px) {
    .span1 {
      width: 19px; } }
.offset1 {
  margin-left: 51px; }
  @media only screen and (max-width: 1100px) {
    .offset1 {
      margin-left: 39px; } }
  .offset1.border-left, .offset1.border-right {
    margin-left: 50px; }
    @media only screen and (max-width: 1100px) {
      .offset1.border-left, .offset1.border-right {
        margin-left: 38px; } }
.inset-l1 {
  padding-left: 41px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l1 {
      padding-left: 29px !important; } }
.inset-r1 {
  padding-right: 41px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r1 {
      padding-right: 29px !important; } }
.span2 {
  width: 72px; }
  @media only screen and (max-width: 1100px) {
    .span2 {
      width: 48px; } }
.offset2 {
  margin-left: 92px; }
  @media only screen and (max-width: 1100px) {
    .offset2 {
      margin-left: 68px; } }
  .offset2.border-left, .offset2.border-right {
    margin-left: 91px; }
    @media only screen and (max-width: 1100px) {
      .offset2.border-left, .offset2.border-right {
        margin-left: 67px; } }
.inset-l2 {
  padding-left: 82px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l2 {
      padding-left: 58px !important; } }
.inset-r2 {
  padding-right: 82px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r2 {
      padding-right: 58px !important; } }
.span3 {
  width: 113px; }
  @media only screen and (max-width: 1100px) {
    .span3 {
      width: 77px; } }
.offset3 {
  margin-left: 133px; }
  @media only screen and (max-width: 1100px) {
    .offset3 {
      margin-left: 97px; } }
  .offset3.border-left, .offset3.border-right {
    margin-left: 132px; }
    @media only screen and (max-width: 1100px) {
      .offset3.border-left, .offset3.border-right {
        margin-left: 96px; } }
.inset-l3 {
  padding-left: 123px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l3 {
      padding-left: 87px !important; } }
.inset-r3 {
  padding-right: 123px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r3 {
      padding-right: 87px !important; } }
.span4 {
  width: 154px; }
  @media only screen and (max-width: 1100px) {
    .span4 {
      width: 106px; } }
.offset4 {
  margin-left: 174px; }
  @media only screen and (max-width: 1100px) {
    .offset4 {
      margin-left: 126px; } }
  .offset4.border-left, .offset4.border-right {
    margin-left: 173px; }
    @media only screen and (max-width: 1100px) {
      .offset4.border-left, .offset4.border-right {
        margin-left: 125px; } }
.inset-l4 {
  padding-left: 164px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l4 {
      padding-left: 116px !important; } }
.inset-r4 {
  padding-right: 164px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r4 {
      padding-right: 116px !important; } }
.span5 {
  width: 195px; }
  @media only screen and (max-width: 1100px) {
    .span5 {
      width: 135px; } }
.offset5 {
  margin-left: 215px; }
  @media only screen and (max-width: 1100px) {
    .offset5 {
      margin-left: 155px; } }
  .offset5.border-left, .offset5.border-right {
    margin-left: 214px; }
    @media only screen and (max-width: 1100px) {
      .offset5.border-left, .offset5.border-right {
        margin-left: 154px; } }
.inset-l5 {
  padding-left: 205px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l5 {
      padding-left: 145px !important; } }
.inset-r5 {
  padding-right: 205px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r5 {
      padding-right: 145px !important; } }
.span6 {
  width: 236px; }
  @media only screen and (max-width: 1100px) {
    .span6 {
      width: 164px; } }
.offset6 {
  margin-left: 256px; }
  @media only screen and (max-width: 1100px) {
    .offset6 {
      margin-left: 184px; } }
  .offset6.border-left, .offset6.border-right {
    margin-left: 255px; }
    @media only screen and (max-width: 1100px) {
      .offset6.border-left, .offset6.border-right {
        margin-left: 183px; } }
.inset-l6 {
  padding-left: 246px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l6 {
      padding-left: 174px !important; } }
.inset-r6 {
  padding-right: 246px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r6 {
      padding-right: 174px !important; } }
.span7 {
  width: 277px; }
  @media only screen and (max-width: 1100px) {
    .span7 {
      width: 193px; } }
.offset7 {
  margin-left: 297px; }
  @media only screen and (max-width: 1100px) {
    .offset7 {
      margin-left: 213px; } }
  .offset7.border-left, .offset7.border-right {
    margin-left: 296px; }
    @media only screen and (max-width: 1100px) {
      .offset7.border-left, .offset7.border-right {
        margin-left: 212px; } }
.inset-l7 {
  padding-left: 287px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l7 {
      padding-left: 203px !important; } }
.inset-r7 {
  padding-right: 287px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r7 {
      padding-right: 203px !important; } }
.span8 {
  width: 318px; }
  @media only screen and (max-width: 1100px) {
    .span8 {
      width: 222px; } }
.offset8 {
  margin-left: 338px; }
  @media only screen and (max-width: 1100px) {
    .offset8 {
      margin-left: 242px; } }
  .offset8.border-left, .offset8.border-right {
    margin-left: 337px; }
    @media only screen and (max-width: 1100px) {
      .offset8.border-left, .offset8.border-right {
        margin-left: 241px; } }
.inset-l8 {
  padding-left: 328px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l8 {
      padding-left: 232px !important; } }
.inset-r8 {
  padding-right: 328px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r8 {
      padding-right: 232px !important; } }
.span9 {
  width: 359px; }
  @media only screen and (max-width: 1100px) {
    .span9 {
      width: 251px; } }
.offset9 {
  margin-left: 379px; }
  @media only screen and (max-width: 1100px) {
    .offset9 {
      margin-left: 271px; } }
  .offset9.border-left, .offset9.border-right {
    margin-left: 378px; }
    @media only screen and (max-width: 1100px) {
      .offset9.border-left, .offset9.border-right {
        margin-left: 270px; } }
.inset-l9 {
  padding-left: 369px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l9 {
      padding-left: 261px !important; } }
.inset-r9 {
  padding-right: 369px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r9 {
      padding-right: 261px !important; } }
.span10 {
  width: 400px; }
  @media only screen and (max-width: 1100px) {
    .span10 {
      width: 280px; } }
.offset10 {
  margin-left: 420px; }
  @media only screen and (max-width: 1100px) {
    .offset10 {
      margin-left: 300px; } }
  .offset10.border-left, .offset10.border-right {
    margin-left: 419px; }
    @media only screen and (max-width: 1100px) {
      .offset10.border-left, .offset10.border-right {
        margin-left: 299px; } }
.inset-l10 {
  padding-left: 410px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l10 {
      padding-left: 290px !important; } }
.inset-r10 {
  padding-right: 410px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r10 {
      padding-right: 290px !important; } }
.span11 {
  width: 441px; }
  @media only screen and (max-width: 1100px) {
    .span11 {
      width: 309px; } }
.offset11 {
  margin-left: 461px; }
  @media only screen and (max-width: 1100px) {
    .offset11 {
      margin-left: 329px; } }
  .offset11.border-left, .offset11.border-right {
    margin-left: 460px; }
    @media only screen and (max-width: 1100px) {
      .offset11.border-left, .offset11.border-right {
        margin-left: 328px; } }
.inset-l11 {
  padding-left: 451px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l11 {
      padding-left: 319px !important; } }
.inset-r11 {
  padding-right: 451px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r11 {
      padding-right: 319px !important; } }
.span12 {
  width: 482px; }
  @media only screen and (max-width: 1100px) {
    .span12 {
      width: 338px; } }
.offset12 {
  margin-left: 502px; }
  @media only screen and (max-width: 1100px) {
    .offset12 {
      margin-left: 358px; } }
  .offset12.border-left, .offset12.border-right {
    margin-left: 501px; }
    @media only screen and (max-width: 1100px) {
      .offset12.border-left, .offset12.border-right {
        margin-left: 357px; } }
.inset-l12 {
  padding-left: 492px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l12 {
      padding-left: 348px !important; } }
.inset-r12 {
  padding-right: 492px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r12 {
      padding-right: 348px !important; } }
.span13 {
  width: 523px; }
  @media only screen and (max-width: 1100px) {
    .span13 {
      width: 367px; } }
.offset13 {
  margin-left: 543px; }
  @media only screen and (max-width: 1100px) {
    .offset13 {
      margin-left: 387px; } }
  .offset13.border-left, .offset13.border-right {
    margin-left: 542px; }
    @media only screen and (max-width: 1100px) {
      .offset13.border-left, .offset13.border-right {
        margin-left: 386px; } }
.inset-l13 {
  padding-left: 533px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l13 {
      padding-left: 377px !important; } }
.inset-r13 {
  padding-right: 533px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r13 {
      padding-right: 377px !important; } }
.span14 {
  width: 564px; }
  @media only screen and (max-width: 1100px) {
    .span14 {
      width: 396px; } }
.offset14 {
  margin-left: 584px; }
  @media only screen and (max-width: 1100px) {
    .offset14 {
      margin-left: 416px; } }
  .offset14.border-left, .offset14.border-right {
    margin-left: 583px; }
    @media only screen and (max-width: 1100px) {
      .offset14.border-left, .offset14.border-right {
        margin-left: 415px; } }
.inset-l14 {
  padding-left: 574px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l14 {
      padding-left: 406px !important; } }
.inset-r14 {
  padding-right: 574px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r14 {
      padding-right: 406px !important; } }
.span15 {
  width: 605px; }
  @media only screen and (max-width: 1100px) {
    .span15 {
      width: 425px; } }
.offset15 {
  margin-left: 625px; }
  @media only screen and (max-width: 1100px) {
    .offset15 {
      margin-left: 445px; } }
  .offset15.border-left, .offset15.border-right {
    margin-left: 624px; }
    @media only screen and (max-width: 1100px) {
      .offset15.border-left, .offset15.border-right {
        margin-left: 444px; } }
.inset-l15 {
  padding-left: 615px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l15 {
      padding-left: 435px !important; } }
.inset-r15 {
  padding-right: 615px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r15 {
      padding-right: 435px !important; } }
.span16 {
  width: 646px; }
  @media only screen and (max-width: 1100px) {
    .span16 {
      width: 454px; } }
.offset16 {
  margin-left: 666px; }
  @media only screen and (max-width: 1100px) {
    .offset16 {
      margin-left: 474px; } }
  .offset16.border-left, .offset16.border-right {
    margin-left: 665px; }
    @media only screen and (max-width: 1100px) {
      .offset16.border-left, .offset16.border-right {
        margin-left: 473px; } }
.inset-l16 {
  padding-left: 656px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l16 {
      padding-left: 464px !important; } }
.inset-r16 {
  padding-right: 656px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r16 {
      padding-right: 464px !important; } }
.span17 {
  width: 687px; }
  @media only screen and (max-width: 1100px) {
    .span17 {
      width: 483px; } }
.offset17 {
  margin-left: 707px; }
  @media only screen and (max-width: 1100px) {
    .offset17 {
      margin-left: 503px; } }
  .offset17.border-left, .offset17.border-right {
    margin-left: 706px; }
    @media only screen and (max-width: 1100px) {
      .offset17.border-left, .offset17.border-right {
        margin-left: 502px; } }
.inset-l17 {
  padding-left: 697px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l17 {
      padding-left: 493px !important; } }
.inset-r17 {
  padding-right: 697px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r17 {
      padding-right: 493px !important; } }
.span18 {
  width: 728px; }
  @media only screen and (max-width: 1100px) {
    .span18 {
      width: 512px; } }
.offset18 {
  margin-left: 748px; }
  @media only screen and (max-width: 1100px) {
    .offset18 {
      margin-left: 532px; } }
  .offset18.border-left, .offset18.border-right {
    margin-left: 747px; }
    @media only screen and (max-width: 1100px) {
      .offset18.border-left, .offset18.border-right {
        margin-left: 531px; } }
.inset-l18 {
  padding-left: 738px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l18 {
      padding-left: 522px !important; } }
.inset-r18 {
  padding-right: 738px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r18 {
      padding-right: 522px !important; } }
.span19 {
  width: 769px; }
  @media only screen and (max-width: 1100px) {
    .span19 {
      width: 541px; } }
.offset19 {
  margin-left: 789px; }
  @media only screen and (max-width: 1100px) {
    .offset19 {
      margin-left: 561px; } }
  .offset19.border-left, .offset19.border-right {
    margin-left: 788px; }
    @media only screen and (max-width: 1100px) {
      .offset19.border-left, .offset19.border-right {
        margin-left: 560px; } }
.inset-l19 {
  padding-left: 779px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l19 {
      padding-left: 551px !important; } }
.inset-r19 {
  padding-right: 779px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r19 {
      padding-right: 551px !important; } }
.span20 {
  width: 810px; }
  @media only screen and (max-width: 1100px) {
    .span20 {
      width: 570px; } }
.offset20 {
  margin-left: 830px; }
  @media only screen and (max-width: 1100px) {
    .offset20 {
      margin-left: 590px; } }
  .offset20.border-left, .offset20.border-right {
    margin-left: 829px; }
    @media only screen and (max-width: 1100px) {
      .offset20.border-left, .offset20.border-right {
        margin-left: 589px; } }
.inset-l20 {
  padding-left: 820px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l20 {
      padding-left: 580px !important; } }
.inset-r20 {
  padding-right: 820px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r20 {
      padding-right: 580px !important; } }
.span21 {
  width: 851px; }
  @media only screen and (max-width: 1100px) {
    .span21 {
      width: 599px; } }
.offset21 {
  margin-left: 871px; }
  @media only screen and (max-width: 1100px) {
    .offset21 {
      margin-left: 619px; } }
  .offset21.border-left, .offset21.border-right {
    margin-left: 870px; }
    @media only screen and (max-width: 1100px) {
      .offset21.border-left, .offset21.border-right {
        margin-left: 618px; } }
.inset-l21 {
  padding-left: 861px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l21 {
      padding-left: 609px !important; } }
.inset-r21 {
  padding-right: 861px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r21 {
      padding-right: 609px !important; } }
.span22 {
  width: 892px; }
  @media only screen and (max-width: 1100px) {
    .span22 {
      width: 628px; } }
.offset22 {
  margin-left: 912px; }
  @media only screen and (max-width: 1100px) {
    .offset22 {
      margin-left: 648px; } }
  .offset22.border-left, .offset22.border-right {
    margin-left: 911px; }
    @media only screen and (max-width: 1100px) {
      .offset22.border-left, .offset22.border-right {
        margin-left: 647px; } }
.inset-l22 {
  padding-left: 902px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l22 {
      padding-left: 638px !important; } }
.inset-r22 {
  padding-right: 902px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r22 {
      padding-right: 638px !important; } }
.span23 {
  width: 933px; }
  @media only screen and (max-width: 1100px) {
    .span23 {
      width: 657px; } }
.offset23 {
  margin-left: 953px; }
  @media only screen and (max-width: 1100px) {
    .offset23 {
      margin-left: 677px; } }
  .offset23.border-left, .offset23.border-right {
    margin-left: 952px; }
    @media only screen and (max-width: 1100px) {
      .offset23.border-left, .offset23.border-right {
        margin-left: 676px; } }
.inset-l23 {
  padding-left: 943px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l23 {
      padding-left: 667px !important; } }
.inset-r23 {
  padding-right: 943px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r23 {
      padding-right: 667px !important; } }
.span24 {
  width: 974px; }
  @media only screen and (max-width: 1100px) {
    .span24 {
      width: 686px; } }
.offset24 {
  margin-left: 994px; }
  @media only screen and (max-width: 1100px) {
    .offset24 {
      margin-left: 706px; } }
  .offset24.border-left, .offset24.border-right {
    margin-left: 993px; }
    @media only screen and (max-width: 1100px) {
      .offset24.border-left, .offset24.border-right {
        margin-left: 705px; } }
.inset-l24 {
  padding-left: 984px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-l24 {
      padding-left: 696px !important; } }
.inset-r24 {
  padding-right: 984px !important; }
  @media only screen and (max-width: 1100px) {
    .inset-r24 {
      padding-right: 696px !important; } }
@media only screen and (max-width: 1100px) {
  .span-tablet1 {
    width: 19px !important; }
  .span-tablet2 {
    width: 48px !important; }
  .span-tablet3 {
    width: 77px !important; }
  .span-tablet4 {
    width: 106px !important; }
  .span-tablet5 {
    width: 135px !important; }
  .span-tablet6 {
    width: 164px !important; }
  .span-tablet7 {
    width: 193px !important; }
  .span-tablet8 {
    width: 222px !important; }
  .span-tablet9 {
    width: 251px !important; }
  .span-tablet10 {
    width: 280px !important; }
  .span-tablet11 {
    width: 309px !important; }
  .span-tablet12 {
    width: 338px !important; }
  .span-tablet13 {
    width: 367px !important; }
  .span-tablet14 {
    width: 396px !important; }
  .span-tablet15 {
    width: 425px !important; }
  .span-tablet16 {
    width: 454px !important; }
  .span-tablet17 {
    width: 483px !important; }
  .span-tablet18 {
    width: 512px !important; }
  .span-tablet19 {
    width: 541px !important; }
  .span-tablet20 {
    width: 570px !important; }
  .span-tablet21 {
    width: 599px !important; }
  .span-tablet22 {
    width: 628px !important; }
  .span-tablet23 {
    width: 657px !important; }
  .span-tablet24 {
    width: 686px !important; } }

@media only screen and (max-width: 736px) {
  [class*="span"] {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    [class*="span"][class*="inset"] {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    [class*="span"].border-left, [class*="span"].border-right {
      border: none !important; } }

/* --- Form Field Sizing --- */
input[class*="span"], textarea[class*="span"], select[class*="span"] {
  margin-left: 0; }

/* --- Map --- */
#regions-map {
  margin-bottom: 3em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  #regions-map .span7 {
    position: relative;
    height: 400px; }
    #regions-map .span7 .theater-wrap {
      width: calc(100% + 10px); }
    #regions-map .span7 .theater {
      position: relative;
      z-index: 1;
      padding: 1.5em;
      border-bottom: 1px solid #CCC;
      cursor: pointer; }
      #regions-map .span7 .theater span {
        position: absolute;
        top: 1.4em;
        left: 1.2em;
        width: 30px;
        height: 30px;
        margin-right: 1em;
        line-height: 30px;
        color: #FFF;
        text-align: center;
        font-family: 'Trade Gothic W01 Bold';
        background: #85B09A;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        background-clip: padding-box;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        -o-background-clip: padding-box;
        -ms-background-clip: padding-box; }
      #regions-map .span7 .theater .wrap {
        padding-left: 40px; }
      #regions-map .span7 .theater p {
        margin-bottom: 0; }
      #regions-map .span7 .theater .title {
        margin-bottom: .25em;
        line-height: 1.2;
        font-size: 1.1em;
        font-family: 'Trade Gothic W01 Bold';
        text-transform: uppercase; }
      #regions-map .span7 .theater:last-child {
        border-bottom: 0; }
    #regions-map .span7:before {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% + 9px);
      height: calc(100% - 2px);
      border: 1px solid #CCC;
      border-right: none;
      content: ''; }

#map {
  height: 400px; }
  @media only screen and (max-width: 1100px) {
    #map {
      height: 350px; } }
  @media only screen and (max-width: 736px) {
    #map {
      margin-bottom: 7em; } }
  #map .leaflet-popup-content-wrapper {
    padding: .5em;
    font-size: 11px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box; }
    #map .leaflet-popup-content-wrapper .leaflet-popup-content {
      padding: 0; }
      #map .leaflet-popup-content-wrapper .leaflet-popup-content img {
        display: block; }
      #map .leaflet-popup-content-wrapper .leaflet-popup-content .popup-content {
        padding: 1.75em; }
        #map .leaflet-popup-content-wrapper .leaflet-popup-content .popup-content p.popup-title {
          margin-bottom: .25em;
          font-size: 1.5em;
          text-transform: uppercase;
          font-family: 'Trade Gothic W01 Bold'; }
        #map .leaflet-popup-content-wrapper .leaflet-popup-content .popup-content .button {
          font-weight: 700; }

/* --- Donation Page --- */
#honor-fields {
  float: left;
  width: 100%;
  padding-top: 5.385em; }

#frequency-container {
  float: left;
  width: 100%;
  margin: 0 0 .5em;
  font-size: 1em;
  text-align: left; }
  #frequency-container .option {
    display: inline-block;
    margin-right: 1em;
    font-size: 1rem; }
  #frequency-container label {
    margin-bottom: 0;
    color: #FFF;
    line-height: 1.4; }
  #frequency-container input {
    top: auto !important;
    width: auto !important; }

/* --- Timeline --- */
#timeline-intro {
  float: left;
  width: 100%;
  padding: 3em 0 1.5em 0;
  border-bottom: 1px solid #CCC; }

#timeline .span12 {
  padding-bottom: 80px; }
  @media only screen and (max-width: 736px) {
    #timeline .span12 {
      margin-left: 0 !important;
      border: 0 !important; } }
#timeline .event {
  position: relative;
  margin: 100px 0 0 0;
  font-size: 1.25em;
  line-height: 1.4; }
  @media only screen and (max-width: 1100px) {
    #timeline .event {
      margin-top: 70px; } }
  @media only screen and (max-width: 736px) {
    #timeline .event {
      min-height: 0 !important;
      margin-top: 40px; }
      #timeline .event .inner {
        clear: left;
        padding-top: 20px !important; } }
  #timeline .event p {
    margin-bottom: 1em; }
  #timeline .event .year {
    position: absolute;
    top: -70px;
    left: -114px;
    width: 75px;
    height: 33px;
    line-height: 31px;
    text-align: center;
    font-size: 20px;
    font-family: "ClarendonTextW01-Regula 1097411";
    font-style: italic;
    color: #FFF;
    background: #85B09A; }
    @media only screen and (max-width: 1100px) {
      #timeline .event .year {
        top: -40px;
        left: -105px; } }
    @media only screen and (max-width: 736px) {
      #timeline .event .year {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto 20px auto; } }
    #timeline .event .year:after {
      position: absolute;
      top: 10px;
      right: -4px;
      content: '';
      width: 13px;
      height: 13px;
      background: #85B09A;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      background-clip: padding-box;
      -moz-background-clip: padding-box;
      -webkit-background-clip: padding-box;
      -o-background-clip: padding-box;
      -ms-background-clip: padding-box; }
      @media only screen and (max-width: 736px) {
        #timeline .event .year:after {
          background: transparent; } }
  #timeline .event .image {
    position: absolute;
    top: 50%;
    right: 615px; }
    @media only screen and (max-width: 1100px) {
      #timeline .event .image {
        top: 70%;
        right: 460px; } }
    @media only screen and (max-width: 736px) {
      #timeline .event .image {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        width: 150px;
        padding-right: 0;
        margin: 0 auto !important; } }
    #timeline .event .image img {
      position: relative;
      z-index: 1;
      float: left;
      max-width: 315px;
      max-height: 315px;
      margin: 0;
      cursor: pointer; }
      @media only screen and (max-width: 1100px) {
        #timeline .event .image img {
          max-width: 200px;
          max-height: 200px; } }
      @media only screen and (max-width: 736px) {
        #timeline .event .image img {
          display: block;
          float: none;
          max-width: 100%;
          max-height: 100%; } }
  #timeline .event.tight {
    margin-top: 30px; }
  #timeline .event:after {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: -49px;
    margin-top: -6px;
    width: 13px;
    height: 13px;
    background: #CCC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box; }
    @media only screen and (max-width: 1100px) {
      #timeline .event:after {
        left: -37px; } }
/* --- Sitemap --- */
#sitemap-left {
  padding-top: 5.385em; }
  #sitemap-left ul {
    padding: 0;
    list-style-type: none; }

/* --- Calls for Entry --- */
#call-submit-prompt {
  font-size: 42px;
  line-height: 45px;
  color: #000;
  font-family: 'ClarendonTextW01-Regula 1097411'; }

#call-submit-options {
  float: left;
  width: 100%;
  margin-bottom: 30px; }

#film-freeway {
  float: left;
  display: inline;
  margin-right: 16px;
  margin-bottom: 16px; }

#without-a-box {
  float: left;
  display: inline;
  padding: 24px 34px;
  border: 1px solid #CCC; }

#ciff-call-for-entry-submit {
  float: left;
  display: inline-block;
  margin-bottom: 16px; }

.entry-price {
  float: left;
  display: inline;
  font-size: 125%; }

.entry-add {
  float: right;
  display: inline; }

.entry-add .styled-button {
  margin-left: 10px; }

#entry-prices {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
  border: none;
  border-bottom: 1px solid #ECECEC; }

#entry-prices th {
  padding: 10px;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'Trade Gothic W01 Bold';
  background: #85B09A;
  border-right: 1px solid #ECECEC;
  border-top: 1px solid #ECECEC; }

#entry-prices th span {
  font-size: 12px;
  font-family: 'Trade Gothic W01 Roman';
  text-transform: none;
  line-height: 100%; }

#entry-prices th:first-child {
  border-top: none;
  background: transparent; }

#entry-prices tbody tr:nth-child(odd) td {
  background: #f2f7f4; }

#entry-prices tbody td {
  padding: 10px;
  text-align: center;
  border-right: 1px solid #ECECEC;
  border-top: 1px solid #ECECEC; }

#entry-prices tbody td:first-child {
  text-align: left;
  border-left: 1px solid #ECECEC; }

.moviemaker {
  margin-top: -100px; }
  .moviemaker img {
    margin-left: 50px; }

/* --- Staff --- */
#staff a {
  color: #000000; }

#staff h2 {
  float: left;
  width: 100%;
  margin-bottom: 1.471em;
  padding-bottom: .588em;
  font-size: 1.308em;
  line-height: 1;
  font-family: "ClarendonTextW01-Italic 1097342";
  border-bottom: 1px solid #CCC; }

#staff p span {
  font-family: "Trade Gothic W01 Bold";
  font-size: .769em;
  color: #666;
  text-transform: uppercase; }

#staff ul {
  float: left;
  width: 100%;
  margin-bottom: 1.786em;
  padding: 0;
  list-style-type: none;
  line-height: 1.714;
  font-size: 1.077em; }
  #staff ul.bold {
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.071em; }

/* --- People --- */
#people {
  float: left;
  width: 100%;
  margin-bottom: 5.4em; }
  #people .person {
    height: 300px; }
    @media only screen and (max-width: 736px) {
      #people .person {
        height: auto;
        margin-bottom: 1em; } }
    #people .person img {
      margin-bottom: .769em; }
    #people .person p {
      width: 95%; }
      #people .person p.title {
        min-height: 50px;
        margin-bottom: 0;
        font-family: "ClarendonTextW01-Italic 1097342";
        font-size: 1.077em;
        line-height: 1.286;
        color: #000; }
      #people .person p span {
        font-family: "Trade Gothic W01 Bold";
        font-size: .714em;
        color: #666;
        text-transform: uppercase; }
  @media only screen and (max-width: 736px) {
    #people {
      margin-bottom: 0; } }
/* --- Board --- */
#board p {
  float: left;
  width: 100%;
  margin-bottom: 1.786em;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 1.077em;
  line-height: 1.286;
  color: #000; }
  #board p.last {
    margin-bottom: 3.214em; }

/* --- Blog --- */
#blog .entry {
  float: left;
  width: 100%;
  margin-bottom: 3.077em;
  padding-bottom: 1.15em;
  border-bottom: 1px solid #CCC; }
  #blog .entry.last {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  #blog .entry p {
    margin-bottom: 1.92em; }
  #blog .entry .title {
    margin-bottom: .313em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.23em;
    text-transform: uppercase; }
    #blog .entry .title a {
      color: #000; }
  #blog .entry .date {
    font-family: "ClarendonTextW01-Regula 1097411";
    font-size: .92; }
    #blog .entry .date span {
      color: #999; }
  #blog .entry iframe {
    margin-bottom: 1.92em; }

/* --- Videos --- */
.videos .video {
  margin-bottom: 1em; }
  .videos .video .video-wrapper {
    margin-bottom: .5em; }
  .videos .video p {
    font-size: 1.1em;
    font-family: "Trade Gothic W01 Bold"; }

/* --- Press Room --- */
#press-room .item {
  padding: 2em 0 0 0;
  border-bottom: 1px solid #CCC; }
  #press-room .item.first {
    padding-top: 0; }
  #press-room .item.last {
    padding-bottom: 0;
    border-bottom: none; }
  #press-room .item p {
    margin-bottom: 1.538em; }
  #press-room .item .date {
    margin-bottom: .75em;
    font-size: .923em;
    font-family: "ClarendonTextW01-Regula 1097411";
    color: #666; }
  #press-room .item .title {
    margin-bottom: 1.5em;
    font-family: "Trade Gothic W01 Roman";
    font-size: 1.538em; }
    #press-room .item .title a, #press-room .item .title a:active, #press-room .item .title a:visited {
      color: #000;
      text-decoration: none; }
      #press-room .item .title a:hover, #press-room .item .title a:active:hover, #press-room .item .title a:visited:hover {
        text-decoration: underline; }

/* --- Forms --- */
.custom .actions {
  margin-top: 2em; }

/* --- Jobs --- */
#jobs-left {
  padding: 2.5em 0; }
  #jobs-left .entry {
    position: relative;
    padding: 2em 0;
    border-top: 1px solid #CCC; }
    #jobs-left .entry .apply {
      position: absolute;
      top: 2em;
      right: 0;
      font-family: "Trade Gothic W01 Bold";
      color: #85B09A;
      font-family: .9em;
      text-transform: uppercase; }
      #jobs-left .entry .apply input {
        margin-right: 2px; }
      #jobs-left .entry .apply span {
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
    #jobs-left .entry .details {
      font-size: .9em;
      color: #666; }
    #jobs-left .entry:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }

#job-apply {
  padding-top: 2em;
  border-top: 1px solid #CCC; }

/* --- FAQs --- */
#faqs .group {
  float: left;
  width: 100%;
  margin-bottom: 3.8em; }
  #faqs .group h2 {
    font-size: 1.5em;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: "Trade Gothic W01 Bold";
    color: #85B09A; }

#faqs .q {
  float: left;
  width: 100%;
  margin: 1.25em 0 .625em 0;
  font-family: "Trade Gothic W01 Bold";
  font-size: 1.231em;
  color: #000;
  cursor: pointer; }
  #faqs .q.selected {
    color: #85B09A; }

#faqs .a {
  float: left;
  width: 100%;
  height: 0;
  overflow: hidden; }
  #faqs .a div {
    float: left;
    width: 100%; }
  #faqs .a p {
    margin-bottom: 1.5em; }

/* --- Sponsors --- */
#sponsor-grid {
  float: left;
  width: 100%; }
  #sponsor-grid .filter {
    margin-bottom: 3em; }
    #sponsor-grid .filter strong {
      display: inline-block;
      margin-right: 1em; }
    #sponsor-grid .filter select {
      position: relative;
      top: 5px; }
  #sponsor-grid h3 {
    margin: 1em 0 2em 0;
    font-size: 1.3em;
    padding-bottom: .5em;
    font-family: "ClarendonTextW01-Italic 1097342";
    text-transform: none;
    border-bottom: 1px solid #CCC; }
  #sponsor-grid h2 {
    float: left;
    width: 100%; }
  #sponsor-grid .sponsor, #sponsor-grid .text-sponsor {
    display: inline-block;
    height: 10em;
    margin-bottom: 2em;
    padding: 0 4em 0 0;
    line-height: 8em;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    @media only screen and (max-width: 1100px) {
      #sponsor-grid .sponsor, #sponsor-grid .text-sponsor {
        width: 25%; } }
    @media only screen and (max-width: 736px) {
      #sponsor-grid .sponsor, #sponsor-grid .text-sponsor {
        width: 50%; } }
    #sponsor-grid .sponsor a, #sponsor-grid .text-sponsor a {
      display: inline-block;
      height: 100%;
      color: #000 !important;
      vertical-align: middle; }
    #sponsor-grid .sponsor img, #sponsor-grid .text-sponsor img {
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle; }
    #sponsor-grid .sponsor.text, #sponsor-grid .text-sponsor.text {
      font-size: 1.2em;
      text-align: center;
      background-color: #F1F1F1; }
    #sponsor-grid .sponsor.last, #sponsor-grid .text-sponsor.last {
      margin-right: 0 !important; }
  #sponsor-grid .text-sponsor {
    margin-right: 4em;
    padding: 0;
    line-height: 7em;
    font-size: 1.2em;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-family: "Trade Gothic W01 Bold"; }
  #sponsor-grid #sponsors-23 .text-sponsor, #sponsor-grid #sponsors-36 .text-sponsor {
    height: 3em;
    line-height: 3em; }

/* --- Quick Polls --- */
.poll {
  float: left;
  width: 100%; }
  .poll ul {
    float: left;
    width: 100%;
    padding: 0 !important;
    list-style-type: none; }
    .poll ul li {
      float: left;
      width: 100%;
      margin-bottom: 1em;
      font-size: 1.1em; }
      .poll ul li .response {
        float: left;
        width: 100%;
        margin-bottom: .5em; }
      .poll ul li input {
        float: left;
        display: inline;
        margin-right: .3em; }
      .poll ul li .bar {
        position: relative;
        float: left;
        display: inline;
        width: 82%;
        height: 1em;
        border: 1px solid #CCC;
        background-color: #FAFAFA;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; }
        .poll ul li .bar .fill {
          position: absolute;
          top: 0;
          left: 0;
          height: 1em;
          font-size: 1px;
          line-height: 1px; }
          .poll ul li .bar .fill.color1 {
            background-color: #333; }
          .poll ul li .bar .fill.color2 {
            background-color: #333; }
          .poll ul li .bar .fill.color3 {
            background-color: #333; }
      .poll ul li .percent {
        float: left;
        display: inline;
        width: 18%;
        text-align: center;
        vertical-align: baseline; }

@media only screen and (max-width: 1100px) {
  #sponsors .sponsor img {
    max-width: 80%;
    height: auto; } }

/* --- Tickets Page --- */
#ticket-filters {
  float: left;
  width: 100%;
  height: 72px;
  padding-top: 18px;
  background: #f2f7f4 url(../images/ticket-header-bg.png) repeat-x bottom left; }
  @media only screen and (max-width: 736px) {
    #ticket-filters {
      height: auto;
      padding-bottom: 18px; } }
#ticket-filters .left {
  position: relative;
  float: left;
  display: inline;
  width: 450px;
  height: 55px;
  margin-right: 20px;
  border-right: 1px solid #CCC; }
  @media only screen and (max-width: 1100px) {
    #ticket-filters .left {
      width: 390px; } }
  @media only screen and (max-width: 736px) {
    #ticket-filters .left {
      width: 100%;
      height: auto;
      margin-right: 0;
      border: none; } }
#ticket-filters .left p {
  height: 26px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 18px;
  font-family: "ClarendonTextW01-Italic 1097342";
  color: #000; }

#ticket-filters .left p#ticket-search-note {
  position: absolute;
  bottom: -17px;
  left: 0;
  height: 10px;
  padding: 5px 5px 4px 5px;
  font-size: 10px;
  line-height: 10px;
  font-family: "Trade Gothic W01 Bold";
  color: #FFF;
  text-transform: uppercase;
  background-color: #666; }

#ticket-filters .left input {
  float: left;
  display: inline;
  width: 420px;
  margin-right: 10px;
  padding: 5px;
  font-size: 12px;
  font-family: "Trade Gothic W01 Roman";
  background: #FFF url(../images/film-search-icon.png) no-repeat 97% 5px;
  border: 1px solid #CCC; }
  @media only screen and (max-width: 1100px) {
    #ticket-filters .left input {
      width: 350px; } }
  @media only screen and (max-width: 736px) {
    #ticket-filters .left input {
      width: 100%;
      margin-bottom: 0; } }
#ticket-filters .middle {
  float: left;
  display: inline;
  height: 26px;
  padding: 30px 5px 0 0; }
  @media only screen and (max-width: 736px) {
    #ticket-filters .middle {
      padding-top: 5px; } }
#ticket-filters .middle select {
  float: left;
  display: inline;
  width: 150px;
  margin-right: 15px; }

#ticket-filters .view-all {
  float: right;
  display: inline;
  padding-top: 28px;
  font-size: 16px;
  text-transform: uppercase;
  color: #85B09A;
  font-family: "Trade Gothic W01 Bold"; }
  @media only screen and (max-width: 736px) {
    #ticket-filters .view-all {
      padding-top: 5px; } }
a#ticket-checkout, a#ticket-checkout:active, a#ticket-checkout:visited {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 57px;
  line-height: 57px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 16px;
  color: #85B09A;
  text-align: center;
  text-transform: uppercase;
  background: #000 url(../images/check-out.png) no-repeat center center; }

a#ticket-checkout:hover {
  text-decoration: none;
  background-color: #151515; }

#tickets {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 57px; }

#tickets .film {
  float: left;
  width: 100%;
  padding: 17px 0;
  border-top: 1px solid #CCC; }
  @media only screen and (max-width: 736px) {
    #tickets .film .span3 {
      float: none;
      display: inline-block;
      width: 60px !important;
      margin: 0 10px 5px 0 !important; }
    #tickets .film .span11 {
      float: none;
      display: inline-block;
      width: auto !important; }
      #tickets .film .span11 p {
        margin-bottom: 0; }
      #tickets .film .span11 .title {
        padding-top: 5px; } }
#tickets .film .span10 {
  padding-top: 20px;
  text-align: right; }
  @media only screen and (max-width: 1100px) {
    #tickets .film .span10 {
      padding-top: 0; } }
  @media only screen and (max-width: 736px) {
    #tickets .film .span10 {
      text-align: left; } }
#tickets .film.alt {
  background-color: #F5F5F5; }

#tickets .film img {
  width: 100%; }

#tickets .film .title {
  float: left;
  display: inline;
  height: 43px;
  padding: 10px 25px 0 0;
  line-height: 18px;
  font-size: 13px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }

#tickets .film select, #tickets .film .no-select {
  display: inline-block;
  width: 250px;
  margin: 0 15px 0 0;
  border: 1px solid #CCC; }
  @media only screen and (max-width: 1100px) {
    #tickets .film select, #tickets .film .no-select {
      width: 100%;
      margin: 0 0 10px 0; } }
#tickets .film input {
  display: inline-block;
  width: 25px;
  margin: 0 15px 0 0;
  padding: 4px 6px;
  font-size: 13px;
  font-family: "Trade Gothic W01 Roman";
  border: 1px solid #CCC;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  @media only screen and (max-width: 1100px) {
    #tickets .film input {
      margin-right: 5px; } }
#tickets .film .has-tooltip {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 32px;
  height: 26px; }

#tickets .film a.add, #tickets .film a.add:active, #tickets .film a.add:visited {
  display: inline-block;
  width: 32px;
  height: 23px;
  padding-bottom: 3px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 23px;
  line-height: 23px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  background-color: #85B09A; }

#tickets .film a.add:hover {
  background-color: #000; }

/* --- Low Tickets --- */
#low-ticket {
  float: left;
  width: 100%;
  padding-top: 20px;
  border-bottom: 5px solid #333; }

#low-ticket p.error {
  color: #F00;
  margin-bottom: 25px; }

/* --- Social Grid --- */
#social-grid .block {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 3em;
  border: 1px solid #CCC;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  #social-grid .block .image {
    height: 15em;
    background-size: contain;
    background-position: center;
    background-color: #F3F3F3;
    background-repeat: no-repeat; }
  #social-grid .block .body {
    height: 8em;
    margin-bottom: 0;
    padding: 2em; }
  #social-grid .block .source {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1em 1em 1em 1.6em;
    line-height: 1em;
    text-transform: lowercase;
    background: #EBEAEB;
    border-top: 1px solid #CCC;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    #social-grid .block .source img {
      float: right;
      margin-bottom: 0;
      vertical-align: middle; }
  #social-grid .block.alt .body {
    padding-bottom: 1.375em; }

#social-grid .instagram {
  position: relative;
  height: 0;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #CCC;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  #social-grid .instagram img {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin-bottom: 0; }
  #social-grid .instagram.span12 {
    padding-bottom: 30em; }
  #social-grid .instagram.span6 {
    padding-bottom: 14.375em; }
    @media only screen and (max-width: 736px) {
      #social-grid .instagram.span6 {
        padding-bottom: 30em; } }
#social-grid .social-clear {
  float: left;
  width: 100%;
  height: 1px;
  line-height: 0; }

/* --- Media Page --- */
.media-assets .span5, .media-assets .asset {
  margin-bottom: 1em; }
  .media-assets .span5 img, .media-assets .asset img {
    margin-bottom: .5em;
    padding: 1em;
    border: 1px solid #CCC;
    background: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
  .media-assets .span5 .title, .media-assets .asset .title {
    margin-bottom: .25em;
    font-family: "Trade Gothic W01 Bold";
    text-transform: uppercase; }
  .media-assets .span5 p a, .media-assets .asset p a {
    display: inline-block;
    margin-right: .35em;
    padding-right: .35em;
    border-right: 1px solid #CCC; }
    .media-assets .span5 p a:last-child, .media-assets .asset p a:last-child {
      margin: 0;
      padding: 0;
      border: none; }

@media only screen and (max-width: 736px) {
  .media-assets .span5 {
    width: 47.5% !important;
    margin-right: 5% !important; }
    .media-assets .span5:nth-child(odd) {
      margin-right: 0 !important; } }

.media-assets .asset {
  display: inline-block;
  margin-right: 10px; }

#media-festivals {
  padding: 5em 0 4em 0;
  background: #F5F5F5; }
  #media-festivals select {
    margin-left: 1em; }

#media-right .block {
  padding-bottom: 15px !important;
  border-bottom: 1px solid #CCC !important; }

#media-right-bottom .block {
  padding-top: 50px !important; }

#media-social a {
  color: #000; }

#media-social .icons a {
  display: inline-block;
  margin-bottom: .5em;
  line-height: 21px; }
  #media-social .icons a img {
    margin-right: 5px;
    vertical-align: middle; }
  #media-social .icons a:hover {
    color: #85B09A;
    text-decoration: none; }

#media-tag {
  padding: 1em 0;
  color: #FFF;
  font-size: 2em;
  line-height: 2em;
  background: #85B09A; }
  #media-tag .lucy-wrapper {
    font-family: "ClarendonTextW01-Italic 1097342"; }
    @media only screen and (max-width: 1100px) {
      #media-tag .lucy-wrapper {
        font-size: 20px; } }
  #media-tag span {
    font-size: 2em;
    font-family: "Trade Gothic W01 Bold";
    text-transform: uppercase; }
    @media only screen and (max-width: 736px) {
      #media-tag span {
        display: block;
        padding-top: .5em; } }
  @media only screen and (max-width: 736px) {
    #media-tag {
      line-height: 1em; } }
#media-page #media-full {
  padding: 5em 0; }
  #media-page #media-full h2 {
    font-size: 1.5em; }
    #media-page #media-full h2 span {
      display: inline-block;
      margin-left: .5em;
      font-size: .5em;
      font-family: "Trade Gothic W01 Bold";
      text-transform: uppercase; }
  #media-page #media-full hr {
    margin-bottom: 3em; }

#media-page .videos .video .video-wrapper {
  margin-bottom: 1em; }

#graphic-festival {
  position: relative;
  top: 5px; }

/* --- Videos List --- */
#videos-left {
  float: left;
  display: inline;
  width: 575px;
  margin-bottom: 70px;
  padding: 0 0 70px 0;
  border-bottom: 1px solid #CCC; }

#videos-left.last {
  margin-bottom: 30px;
  padding-bottom: 0;
  border-bottom: none; }

#videos-left .date {
  margin-bottom: 5px;
  color: #999;
  font-size: 12px;
  font-family: 'ClarendonTextW01-Regula 1097411'; }

#videos-left h2 {
  margin-bottom: 20px;
  font-size: 16px;
  color: #85B09A;
  text-transform: uppercase;
  font-family: 'Trade Gothic W01 Bold'; }

#videos-left h2.youtube {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-family: 'ClarendonTextW01-Italic 1097342';
  color: #000; }

#videos-left h2.youtube a {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  font-family: 'Trade Gothic W01 Bold';
  text-transform: uppercase;
  text-decoration: none; }

#videos-left iframe {
  margin-bottom: 70px; }

#videos-left-thumbs .thumb {
  float: left;
  display: inline;
  width: 165px;
  margin-right: 30px;
  font-family: 'Trade Gothic W01 Bold';
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  cursor: pointer; }

#videos-left-thumbs .thumb.last {
  margin-right: 0; }

#videos-left-thumbs .image {
  position: relative;
  width: 170px;
  height: 94px;
  margin-bottom: 20px;
  overflow: hidden; }

#videos-left-thumbs .image img {
  position: absolute;
  top: -17px;
  left: 0; }

#videos-left-thumbs .image .play {
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
  cursor: pointer; }

/* --- Events List --- */
#events-list {
  margin-bottom: 3em;
  padding: 0;
  border-bottom: 1px solid #CCC; }

#events-list h2 {
  position: relative;
  margin-bottom: 1em;
  color: #85B09A;
  font-family: 'Trade Gothic W01 Bold';
  font-size: 26px;
  text-transform: uppercase; }

#events-list h2 a, #events-list h2 a:active, #events-list h2 a:visited {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  color: #85B09A;
  font-family: 'Trade Gothic W01 Bold';
  text-transform: uppercase;
  text-decoration: none; }

#events-list .details {
  position: relative;
  left: 10px; }
  #events-list .details:last-child {
    margin-bottom: 0; }

#events-list h2 a:hover {
  text-decoration: underline; }

#events-list .event {
  margin-bottom: 3em; }

#events-list .event img {
  margin-right: 25px; }

#events-list .event p {
  margin-bottom: 20px; }

#events-list .event .title {
  margin-bottom: .5em;
  font-family: 'ClarendonTextW01-Italic 1097342';
  font-size: 14px;
  color: #000;
  line-height: 18px; }

#events-list .event a, #events-list .event a:active, #events-list .event a:visited {
  font-family: 'ClarendonTextW01-Italic 1097342';
  font-size: 14px; }

/* --- Films List --- */
#left-films-list {
  float: left;
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #CCC; }

#left-films-list h1 {
  position: relative;
  margin-bottom: 40px;
  font-family: 'ClarendonTextW01-Italic 1097342';
  font-size: 24px;
  color: #666; }

#left-films-list h1 a, #left-films-list h1 a:active, #left-films-list h1 a:visited {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  font-family: 'Trade Gothic W01 Bold';
  text-transform: uppercase;
  text-decoration: none; }

#left-films-list h1 a:hover {
  text-decoration: underline; }

#left-films-list .films .film {
  margin-bottom: 4em;
  font-size: 13px;
  color: #000;
  line-height: 18px;
  font-family: 'ClarendonTextW01-Italic 1097342'; }

#left-films-list .films .film .title {
  margin-bottom: 20px;
  color: #85B09A;
  font-size: 18px;
  font-family: 'Trade Gothic W01 Bold';
  text-transform: uppercase; }

#left-films-list .films .film .title a, #left-films-list .films .film .title a:active, #left-films-list .films .film .title a:visited, #left-films-list .films .film .title a:hover {
  color: #85B09A;
  text-decoration: none; }

#left-films-list .films .film .title span {
  font-size: 17px;
  color: #666;
  font-family: 'Trade Gothic W01 Roman';
  text-transform: none; }

#left-films-list .films .film .title a span, #left-films-list .films .film .title a:active span, #left-films-list .films .film .title a:visited span, #left-films-list .films .film .title a:hover span {
  color: #666; }

#left-films-list .films .film .info {
  margin-bottom: 10px;
  color: #666;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  font-family: 'Trade Gothic W01 Bold'; }

#left-films-list .films .film a.more, #left-films-list .films .film a.more:active, #left-films-list .films .film a.more:visited {
  color: #85B09A;
  text-decoration: none; }

#left-films-list .films .film a.more:hover {
  text-decoration: none; }

#left-films-list .films .film a.more em {
  color: #999;
  font-size: 15px;
  font-style: normal;
  font-family: 'ClarendonTextW01-Regula 1097411'; }

/* --- Update/Announcement Link --- */
.update-link {
  display: block;
  margin-bottom: 3em;
  padding: 0 0 2em 0;
  color: #85B09A;
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: 'Trade Gothic W01 Bold';
  text-decoration: none;
  border-bottom: 1px solid #CCC; }

.update-link.bottom {
  padding-top: 22px;
  border-top: 1px solid #CCC; }

.update-link em {
  margin: 5px 15px 0 5px;
  font-family: 'ClarendonTextW01-Italic 1097342';
  font-style: normal;
  color: #999;
  font-size: 14px;
  text-transform: none; }

.update-link span, .update-link em {
  float: left;
  display: inline; }

.update-link .arrow {
  display: inline;
  font-family: 'Latin Wide W01 D' !important;
  font-size: 20px;
  line-height: 26px;
  color: #85B09A; }

.update-link .arrow.last {
  margin-right: 15px; }

.update-link .arrow.fifty {
  -moz-opacity: .5;
  filter: alpha(opacity=50);
  opacity: .5; }

.update-link .arrow.twofive {
  -moz-opacity: .25;
  filter: alpha(opacity=25);
  opacity: .25; }

/* --- Plan Your Day --- */
#construction-warning {
  margin-bottom: 2em;
  padding: 2em;
  background: #85B09A;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased; }
  #construction-warning h1 {
    color: #FFF; }
  #construction-warning p {
    margin-bottom: 1em;
    color: #FFF; }
  #construction-warning a {
    color: #FFF !important;
    text-decoration: underline; }

/* --- Videos Page --- */
#videos-page {
  padding: 2em 0; }

#videos .video-wrapper {
  margin-bottom: 1em; }

#videos .title {
  margin-bottom: .5em;
  font-size: 1.25em;
  text-transform: uppercase;
  font-family: 'Trade Gothic W01 Bold'; }

/* --- Alums --- */
#ciff-alums .films .film {
  position: relative; }
  #ciff-alums .films .film .title {
    margin-bottom: 0; }
    #ciff-alums .films .film .title a, #ciff-alums .films .film .title a:active, #ciff-alums .films .film .title a:visited {
      color: #000;
      text-decoration: none; }
      #ciff-alums .films .film .title a:hover, #ciff-alums .films .film .title a:active:hover, #ciff-alums .films .film .title a:visited:hover {
        text-decoration: underline; }
  #ciff-alums .films .film .span10 p {
    margin-top: 1.5em; }
  @media only screen and (max-width: 736px) {
    #ciff-alums .films .film .span3.image {
      position: absolute;
      top: 0;
      left: 17px; }
    #ciff-alums .films .film .span8, #ciff-alums .films .film .span10 {
      padding-left: 100px !important;
      box-sizing: border-box; }
    #ciff-alums .films .film .span8 p, #ciff-alums .films .film .span10 p {
      margin: 0 !important; }
    #ciff-alums .films .film .title {
      padding-top: 0 !important;
      height: auto !important; } }
/* --- Share Your Love --- */
#share-your-love {
  padding-top: 5.385em;
  padding-bottom: 3.846em;
  background: transparent url(../images/heartslove.png) no-repeat 72% 0; }
  #share-your-love h2 {
    margin-bottom: .5em;
    text-transform: uppercase;
    font-size: 8.462em !important;
    line-height: .2;
    font-family: "TradeGothicW01-BoldCn20 675334";
    color: #85B09A; }
    #share-your-love h2 span {
      color: #000;
      font-size: .4em;
      text-transform: lowercase;
      font-family: "ClarendonTextW01-Regula 1097411"; }
    @media only screen and (max-width: 1100px) {
      #share-your-love h2 {
        line-height: .5; } }
/* --- Accessibility Films Page --- */
.accessibility-page h1 {
  font-size: 2.4em; }
  .accessibility-page h1.spaced {
    margin-top: 4em; }
    @media only screen and (max-width: 1100px) {
      .accessibility-page h1.spaced {
        margin-top: 3em; } }
/* --- Sajari Search --- */
#search-box, .sj-result-summary {
  display: none; }

.sj-paginator {
  margin: 1em 0;
  text-align: center; }
  .sj-paginator > div {
    display: inline;
    padding: 10px;
    color: #777;
    font-weight: bold;
    cursor: pointer;
    user-select: none; }
    .sj-paginator > div.current {
      color: #333; }
    .sj-paginator > div.disabled {
      color: #AAA; }
    .sj-paginator > div:hover {
      color: #9d9d9d; }

.sj-result {
  border-bottom: 1px solid #CCC;
  clear: both; }

.sj-result-list > * {
  padding: 1.5em 0; }

.sj-result:first-child {
  padding: 0 0 1.5em 0; }

.sj-result-title {
  margin-top: 0;
  color: #5b8d74 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .sj-result-title a {
    color: #5b8d74; }
    .sj-result-title a:hover {
      text-decoration: underline; }

.sj-result-description {
  margin-bottom: .3em !important;
  color: #000;
  overflow-wrap: break-word; }

.sj-result-url {
  margin: 0 !important;
  font-size: .8em;
  color: #5b8d74;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .sj-result-url a {
    color: #121212; }

.sj-result-image-container {
  float: left;
  width: 100px; }
  .sj-result-image-container img {
    max-height: 90px;
    max-width: 90px; }

/* --- Challenge Match --- */
/* --- Kernel-fetti --- */
#kernel1 {
  position: absolute;
  z-index: 10;
  top: 95px;
  left: 215px;
  width: 108px;
  height: 112px;
  background: transparent url(../images/kernel1.png) no-repeat 0 0;
  -webkit-transition-duration: 60s;
  transition-duration: 60s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; }

#kernel2 {
  position: absolute;
  z-index: 10;
  top: 170px;
  left: 1200px;
  width: 86px;
  height: 89px;
  background: transparent url(../images/kernel2.png) no-repeat 0 0;
  -webkit-transition-duration: 140s;
  transition-duration: 140s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; }

#kernel3 {
  position: absolute;
  z-index: 10;
  top: -52px;
  left: 675px;
  width: 93px;
  height: 82px;
  background: transparent url(../images/kernel3.png) no-repeat 0 0;
  -webkit-transition-duration: 50s;
  transition-duration: 50s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; }

#kernel4 {
  position: absolute;
  z-index: 10;
  top: 190px;
  left: 750px;
  width: 86px;
  height: 89px;
  background: transparent url(../images/kernel2.png) no-repeat 0 0;
  -webkit-transition-duration: 160s;
  transition-duration: 160s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; }

#kernel5 {
  position: absolute;
  z-index: 10;
  top: 170px;
  left: 1150px;
  width: 93px;
  height: 82px;
  background: transparent url(../images/kernel3.png) no-repeat 0 0;
  -webkit-transition-duration: 50s;
  transition-duration: 50s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; }

/* --- Top --- */
#challenge {
  /* --- Middle --- */ }
  #challenge .top {
    position: relative;
    float: left;
    width: 100%;
    height: 17.462em;
    padding: 3.846em 0;
    background: #C4E4DC; }
    #challenge .top .sponsor {
      margin-bottom: 2.188em;
      font-size: 1.231em;
      font-family: "ClarendonTextW01-Italic 1097342"; }
    #challenge .top h1 {
      position: relative;
      left: -5px;
      float: left;
      margin: 0;
      letter-spacing: .02em;
      font-family: "TradeGothicW01-BoldCn20 675334";
      font-size: 6.769em;
      text-transform: uppercase; }
    #challenge .top .please {
      position: relative;
      top: 0;
      margin-bottom: 0;
      line-height: 135%;
      font-family: "Trade Gothic W01 Roman";
      font-size: 1.538em;
      color: #666; }
  #challenge.complete .top {
    height: 19.769em;
    padding-top: 1.538em;
    background: #000 url(../images/chellenge-complete-bg.jpg) no-repeat top center; }
    #challenge.complete .top:after {
      position: absolute;
      bottom: -25px;
      left: 50%;
      width: 65px;
      height: 62px;
      margin-left: -320px;
      background: transparent url(../images/kernel-static.png) no-repeat 0 0;
      content: ''; }
    #challenge.complete .top .label {
      margin-bottom: .536em;
      color: #75CFC1;
      font-family: "TradeGothicW01-BoldCn20 675334";
      font-size: 2.154em;
      text-transform: uppercase; }
    #challenge.complete .top .sponsor {
      margin-bottom: 5px;
      color: #FFF; }
    #challenge.complete .top h1 {
      text-indent: -9999px; }
    #challenge.complete .top .please {
      top: -10px;
      margin-bottom: 1em;
      color: #FFF; }
  #challenge.complete .goal {
    color: #FFF; }
  #challenge .bar {
    position: relative;
    float: left;
    width: 100%;
    height: 27px;
    background: #FFF; }
    #challenge .bar:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 27px;
      background: transparent url(../images/progress-bar-shadow.png) repeat-x 0 0;
      content: ''; }
    #challenge .bar .fill {
      position: relative;
      top: 0;
      left: 0;
      height: 27px;
      background: #85B09A; }
      #challenge .bar .fill p {
        float: right;
        display: inline;
        margin-right: 10px;
        font-size: 20px;
        font-family: "TradeGothicW01-BoldCn20 675334";
        text-transform: uppercase;
        color: #FFF;
        line-height: 27px; }
  #challenge .goal {
    margin: 0;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.846em;
    line-height: 1;
    text-align: right; }
  #challenge .middle {
    float: left;
    width: 100%;
    padding: 3.846em 0 10.385em 0;
    background: transparent url(../images/expenses-graphic.png) no-repeat bottom center; }
  #challenge .twice-as-far {
    margin-bottom: 1.4em;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 1.923em;
    text-align: center;
    color: #333; }
  #challenge .amount {
    float: left;
    display: inline;
    width: 180px;
    height: 60px;
    margin-right: 20px;
    padding: .238em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 3.231em;
    background: #C4E4DC;
    border: 1px solid #000; }

#after-match {
  float: left;
  display: inline;
  max-width: 360px;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 2.154em;
  line-height: 2.857em;
  text-align: center;
  color: #333; }

#challenge-donate {
  display: block;
  padding: .625em;
  text-transform: uppercase;
  font-family: "Trade Gothic W01 Bold";
  font-size: 3.692em;
  text-align: center;
  color: #FFF;
  background: #000; }
  #challenge-donate:hover {
    text-decoration: none;
    background: #85B09A; }

#challenge-form {
  margin-bottom: 4.615em;
  padding-bottom: 3.462em;
  border-bottom: 1px solid #CCC; }

#seat-cost {
  margin-bottom: 2.500em;
  font-size: 1.538em;
  line-height: 140%;
  text-align: center; }

/* --- Expenses --- */
#challenge-expenses {
  float: left;
  width: 100%;
  padding: 3.846em 0 6.154em 0;
  background: transparent url(../images/expenses-gradient.png) repeat-x 0 0; }
  #challenge-expenses h2 {
    margin-bottom: 1.944em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.385em;
    text-transform: uppercase; }
  #challenge-expenses ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.385em;
    line-height: 160%; }
    #challenge-expenses ul span {
      display: inline-block;
      width: 45px;
      font-family: "ClarendonTextW01-Regula 1097411";
      font-size: 1.111em; }

#current-budget {
  font-size: 1.385em;
  line-height: 160%; }
  #current-budget td:first-child {
    padding-right: 15px;
    font-size: 1.111em;
    font-family: "ClarendonTextW01-Regula 1097411"; }
  #current-budget .last td {
    padding-bottom: 20px; }
  #current-budget tfoot td {
    padding-top: 1em;
    border-top: 1px solid #CCC; }

/* --- Exchange --- */
.ticket-results {
  border: 1px solid #CCC;
  background-color: #FFF; }
  .ticket-results ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .ticket-results ul li {
      width: 100%;
      margin: 0;
      padding: .357em .714em;
      font-size: .875em !important;
      font-family: "Trade Gothic W01 Roman" !important;
      border: none;
      cursor: pointer;
      border-bottom: 1px solid #CCC;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; }
      .ticket-results ul li:last-child {
        border-bottom: none; }
      .ticket-results ul li.selected {
        background-color: #EEE; }

.ticket-search-results {
  border: 1px solid #CCC;
  background-color: #FFF; }
  .ticket-search-results ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .ticket-search-results ul li {
      width: 100%;
      margin: 0;
      padding: .357em .714em;
      font-size: .875em !important;
      font-family: "Trade Gothic W01 Roman" !important;
      border: none;
      cursor: pointer;
      border-bottom: 1px solid #CCC;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; }
      .ticket-search-results ul li:last-child {
        border-bottom: none; }
      .ticket-search-results ul li.selected {
        background-color: #EEE; }

/* --- I Love Ciff --- */
#i-love-ciff {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: .294em;
  padding: .735em .588em;
  font-family: "Trade Gothic W01 Bold";
  font-size: 2.615em;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background-color: #85B09A;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  @media only screen and (max-width: 1100px) {
    #i-love-ciff {
      text-align: center; } }
  #i-love-ciff p {
    float: left;
    display: inline;
    width: auto;
    margin: 0 .294em 0 0; }
    @media only screen and (max-width: 1100px) {
      #i-love-ciff p {
        display: block;
        width: 100%;
        margin-bottom: .5em; } }
  #i-love-ciff #prices {
    float: left;
    display: inline;
    width: 100%;
    margin: .5em 0 .5em 0; }
    @media only screen and (max-width: 1100px) {
      #i-love-ciff #prices {
        margin: 0 0 .5em 0; } }
  #i-love-ciff select {
    float: left;
    display: inline-block;
    width: 100%;
    margin: 0 .294em 0 0; }
    #i-love-ciff select.other {
      position: relative;
      top: -5px;
      margin: 0; }
  #i-love-ciff input {
    width: 90px;
    padding: .147em;
    font-size: .382em;
    font-family: "Trade Gothic W01 Roman";
    border: 1px solid #CCC; }
  #i-love-ciff .styled-button {
    position: absolute;
    top: 25px;
    right: 20px;
    background-color: #000; }
    @media only screen and (max-width: 1100px) {
      #i-love-ciff .styled-button {
        position: static;
        float: left;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; } }
    #i-love-ciff .styled-button:hover {
      color: #85B09A;
      background-color: #FFF; }

#donation-admin {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #AAA; }
  #donation-admin label {
    display: inline-block;
    margin: 0 5px 0 0;
    line-height: 25px;
    vertical-align: middle; }
  #donation-admin select {
    display: inline-block;
    margin: 0 15px 0 0; }

/* --- Planned Giving --- */
#planned-giving-callout {
  display: block;
  padding: 2.3em 0;
  color: #000;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC; }
  #planned-giving-callout:hover {
    text-decoration: none; }
  #planned-giving-callout p {
    margin-bottom: 0; }
  #planned-giving-callout span {
    text-decoration: underline; }
  #planned-giving-callout .title {
    margin-bottom: .179em;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 2.154em; }
  #planned-giving-callout img {
    float: right; }

#in-honor {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  margin: 0; }

label[for=in-honor] {
  display: inline-block;
  margin: 0;
  font-size: 1em;
  text-transform: none; }
  @media only screen and (max-width: 736px) {
    label[for=in-honor] {
      display: inline !important; } }
/* --- Gift Certificates --- */
#certificate-amount {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: .882em;
  padding: .735em .588em;
  font-family: "Trade Gothic W01 Bold";
  font-size: 2.615em;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background-color: #85B09A;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  #certificate-amount p {
    float: left;
    display: inline;
    width: auto;
    margin: 0 20px 0 0; }
    @media only screen and (max-width: 1100px) {
      #certificate-amount p {
        float: none;
        display: block;
        text-align: center;
        margin-bottom: .5em; } }
  #certificate-amount input {
    float: left;
    display: inline;
    width: 125px;
    margin: 0;
    padding: 7px;
    font-size: 13px;
    font-family: "Trade Gothic W01 Roman";
    border: 1px solid #CCC; }
    @media only screen and (max-width: 1100px) {
      #certificate-amount input {
        width: 100%; } }
#gift-options {
  float: left;
  width: 100%;
  padding-bottom: 3.08em;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase;
  color: #85B09A;
  border-bottom: 1px solid #CCC; }
  @media only screen and (max-width: 736px) {
    #gift-options {
      padding-bottom: 10px; } }
  #gift-options span {
    font-size: .556em;
    color: #666; }
  #gift-options .or {
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 1.385em;
    color: #CCC;
    text-transform: none; }
    @media only screen and (max-width: 736px) {
      #gift-options .or {
        display: none; } }
  #gift-options label {
    display: inline;
    cursor: pointer;
    font-size: 1.385em;
    color: #85B09A; }
    @media only screen and (max-width: 736px) {
      #gift-options label:after {
        content: '';
        display: block;
        clear: both; } }
@media only screen and (max-width: 736px) {
  #gift-add {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; } }

#gift-fields {
  margin-bottom: 2.308em; }
  @media only screen and (max-width: 736px) {
    #gift-fields {
      margin-bottom: 10px; } }
/* --- Film Feasts --- */
#feasts .content-block {
  border-bottom: 1px solid #CCC; }
  #feasts .content-block:before {
    display: none; }

#feasts .join-us {
  float: left;
  width: 100%;
  margin-bottom: 2.083em;
  padding: .5em 0;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 1.846em;
  line-height: 1;
  color: #000;
  border-bottom: 1px solid #CCC; }
  #feasts .join-us span {
    float: left;
    font-family: "Trade Gothic W01 Roman";
    font-size: .542em;
    line-height: .958em;
    text-transform: none; }

#feasts .feast {
  float: left;
  width: 100%;
  padding: 4.2em 0;
  border-bottom: 1px solid #CCC; }
  #feasts .feast.detail {
    padding: 0; }
  #feasts .feast p {
    float: left;
    width: 100%; }
  #feasts .feast .title {
    margin-bottom: .577em;
    font-size: 2em;
    color: #000;
    text-transform: uppercase;
    font-family: "Trade Gothic W01 Bold"; }
    #feasts .feast .title span {
      font-family: "Trade Gothic W01 Roman";
      font-size: .654em;
      color: #666;
      text-transform: none; }
      @media only screen and (max-width: 736px) {
        #feasts .feast .title span {
          display: block; } }
    #feasts .feast .title a {
      color: #000; }
  #feasts .feast .add-to-cart {
    float: left;
    width: 100%;
    height: 48px;
    margin-bottom: 1.154em;
    background: transparent url(../images/buy-tickets-curly.png) no-repeat 4.231em 0; }
    @media only screen and (max-width: 736px) {
      #feasts .feast .add-to-cart {
        height: auto;
        background: none; } }
    #feasts .feast .add-to-cart input {
      float: left;
      display: inline;
      width: 38px;
      margin: 1em 3.846em 0 0;
      padding: .308em .462em;
      font-size: 1em;
      font-family: "Trade Gothic W01 Roman";
      border: 1px solid #CCC; }
      @media only screen and (max-width: 736px) {
        #feasts .feast .add-to-cart input {
          width: 100%; } }
    #feasts .feast .add-to-cart .styled-button {
      margin-top: .769em; }
      @media only screen and (max-width: 736px) {
        #feasts .feast .add-to-cart .styled-button {
          float: left;
          width: 100%;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box; } }
  #feasts .feast .comments {
    float: left;
    width: 100%;
    margin-bottom: 2.308em; }
  #feasts .feast textarea {
    width: 100%;
    padding: .385em .615em;
    font-size: 1em;
    font-family: "Trade Gothic W01 Roman";
    border: 1px solid #CCC;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
  #feasts .feast .info {
    margin-bottom: 3em;
    line-height: 1.300em;
    text-transform: uppercase;
    font-family: "Trade Gothic W01 Bold"; }
  #feasts .feast .sponsors {
    float: left;
    width: 100%;
    margin-top: 2.692em; }
    #feasts .feast .sponsors p {
      margin-bottom: 1.538em; }
    #feasts .feast .sponsors a {
      float: left;
      display: inline;
      height: 120px;
      margin-right: 20px; }
  #feasts .feast .desc {
    float: left;
    width: 100%;
    height: 54px;
    line-height: 1.385;
    overflow: hidden; }
    @media only screen and (max-width: 736px) {
      #feasts .feast .desc {
        height: auto; } }
    #feasts .feast .desc.open {
      height: auto; }
    #feasts .feast .desc .inner {
      float: left;
      width: 100%; }
    #feasts .feast .desc p {
      margin-bottom: 1.385em; }
  #feasts .feast .expand {
    position: relative;
    top: 10px;
    padding-right: 9px;
    background-image: none; }
  #feasts .feast a.more, #feasts .feast a.more:active, #feasts .feast a.more:visited {
    color: #85B09A;
    font-family: "ClarendonTextW01-Regula 1097411";
    text-decoration: none; }
    #feasts .feast a.more:hover, #feasts .feast a.more:active:hover, #feasts .feast a.more:visited:hover {
      text-decoration: none; }
    #feasts .feast a.more em, #feasts .feast a.more:active em, #feasts .feast a.more:visited em {
      color: #999;
      font-size: 1.154em;
      font-style: normal;
      font-family: "ClarendonTextW01-Regula 1097411"; }

/* --- Merchandise Listing --- */
#merch h1 {
  margin-top: 75px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC; }
  #merch h1.first {
    margin-top: 0; }

#merch .product-row {
  padding: 40px 0;
  border-bottom: 1px solid #CCC; }
  @media only screen and (max-width: 736px) {
    #merch .product-row {
      border: 0; } }
  #merch .product-row.first {
    padding-top: 0; }
  #merch .product-row.last {
    border-bottom: none; }
  @media only screen and (max-width: 736px) {
    #merch .product-row .product {
      margin-bottom: 2em;
      padding-bottom: 2em;
      border-bottom: 1px solid #CCC !important; }
      #merch .product-row .product .image {
        text-align: center; }
        #merch .product-row .product .image img {
          width: 100%;
          cursor: pointer; } }
  #merch .product-row .product .price {
    margin-bottom: .556em;
    color: #666;
    font-size: 1.385em;
    font-family: "Trade Gothic W01 Roman"; }
    @media only screen and (max-width: 736px) {
      #merch .product-row .product .price {
        font-size: 1.54em; } }
  #merch .product-row .product .title {
    margin-bottom: 2.143em;
    line-height: 1.143;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.077em; }
    @media only screen and (max-width: 736px) {
      #merch .product-row .product .title {
        font-size: 1.2em; } }
  #merch .product-row .product select {
    margin: 0 .615em .462em 0; }
  #merch .product-row .product input {
    width: 50px;
    margin-bottom: 0.462em;
    padding: .385em .615em; }
    @media only screen and (max-width: 736px) {
      #merch .product-row .product input {
        width: 100%; } }
  #merch .product-row .product textarea {
    width: 100%;
    margin-bottom: 6px;
    padding: .385em .615em; }
  @media only screen and (max-width: 736px) {
    #merch .product-row .product .cart-button {
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; } }
/* --- Staff Options --- */
@media only screen and (max-width: 736px) {
  #cart-staff {
    float: left;
    width: 100%;
    padding: 1em 0; } }

#cart-staff ul {
  float: left;
  width: 100%;
  margin: .385em 0 0 0 !important;
  padding: 0 !important;
  list-style-type: none; }
  #cart-staff ul li {
    float: left;
    display: inline;
    padding-right: 1.250em;
    margin: .438em 1.250em 0 0;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 1.231em !important;
    border-right: 1px solid #CCC; }
    @media only screen and (max-width: 1100px) {
      #cart-staff ul li span {
        display: none; }
      #cart-staff ul li input {
        width: 160px !important; }
      #cart-staff ul li #staff-willcall-name {
        width: 140px !important; } }
    @media only screen and (max-width: 736px) {
      #cart-staff ul li {
        width: 100%;
        padding-right: 0;
        border-right: none; } }
    #cart-staff ul li.first {
      height: 2.313em;
      line-height: 2.313;
      margin: 0 1.563em 0 0;
      padding-right: 2.188em;
      background: transparent url(../images/archive-curly.png) no-repeat top right;
      border: none; }
      #cart-staff ul li.first h1 {
        font-size: 1.375em;
        line-height: 1.682 !important; }
      @media only screen and (max-width: 1100px) {
        #cart-staff ul li.first {
          height: 2.5em; } }
      @media only screen and (max-width: 736px) {
        #cart-staff ul li.first {
          height: auto;
          background: none; } }
    #cart-staff ul li.last {
      padding-right: 0;
      margin-right: 0;
      border-right: 0; }
    #cart-staff ul li select {
      margin: 0; }
      @media only screen and (max-width: 736px) {
        #cart-staff ul li select {
          width: 100%; } }
    #cart-staff ul li input {
      width: 200px;
      margin: 0;
      padding: .417em;
      font-size: .75em;
      font-family: "Trade Gothic W01 Roman";
      background: #FFF;
      border: 1px solid #CCC; }
      @media only screen and (max-width: 736px) {
        #cart-staff ul li input {
          width: 100%; } }
    #cart-staff ul li #member-search {
      background: #FFF url(../images/film-search-icon.png) no-repeat 98% 5px; }
    #cart-staff ul li #staff-willcall-name {
      width: 175px; }

#member-search-results {
  width: 400px !important;
  border: 1px solid #CCC;
  background-color: #FFF; }
  #member-search-results ul {
    margin-top: 0; }
    #member-search-results ul li {
      width: 100%;
      margin: 0;
      padding: .357em .714em;
      font-size: .875em !important;
      font-family: "Trade Gothic W01 Roman" !important;
      border: none;
      cursor: pointer;
      border-bottom: 1px solid #CCC;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; }
      #member-search-results ul li:last-child {
        border-bottom: none; }
      #member-search-results ul li.selected {
        background-color: #EEE; }

#member-selected {
  position: relative;
  float: none;
  display: inline;
  padding: .308em 1.769em .308em .462em;
  font-family: "Trade Gothic W01 Bold";
  font-size: 1em;
  line-height: 1 !important;
  color: #333;
  background-color: #edf3f0;
  border: 1px solid #CCC;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  cursor: pointer; }
  #member-selected a, #member-selected a:active, #member-selected a:visited {
    position: absolute;
    top: 4px;
    right: 6px;
    float: none !important;
    display: inline !important;
    padding: .154em .231em !important;
    margin: 0 !important;
    color: #000;
    font-size: 1em !important;
    line-height: 1 !important; }
    #member-selected a:hover, #member-selected a:active:hover, #member-selected a:visited:hover {
      color: #FFF !important;
      background-color: #85B09A;
      -moz-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased; }

/* --- Cart --- */
#cart-header {
  float: left;
  width: 100%;
  padding: 2.692em 0; }
  #cart-header ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none; }
    #cart-header ul li {
      float: left;
      display: inline;
      margin-right: 10px;
      font-size: 1.077em;
      line-height: 1;
      font-family: "Trade Gothic W01 Bold";
      color: #CCC;
      text-transform: uppercase; }
      #cart-header ul li.selected {
        color: #000; }
      #cart-header ul li a, #cart-header ul li a:active, #cart-header ul li a:visited {
        color: #CCC;
        text-decoration: none; }
        #cart-header ul li a:hover, #cart-header ul li a:active:hover, #cart-header ul li a:visited:hover {
          color: #666; }
      @media only screen and (max-width: 736px) {
        #cart-header ul li {
          margin-bottom: .5em; } }
  #cart-header .total {
    margin-top: -7px;
    text-align: right;
    line-height: 2.125em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.231em;
    text-transform: uppercase; }
  #cart-header .cart-button {
    margin-top: -7px; }
  @media only screen and (max-width: 736px) {
    #cart-header {
      padding: 2.5em 0; } }
/* --- Admin Buttons --- */
#cart-admin-payments {
  margin-bottom: 2.3em; }

/* --- Cart Contents --- */
#cart {
  float: left;
  width: 100%;
  margin-bottom: 3em;
  border-top: 1px solid #CCC; }
  @media only screen and (max-width: 1100px) {
    #cart {
      margin-bottom: 2em; } }
  #cart .item {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 2.308em;
    padding-bottom: .769em;
    border-bottom: 1px solid #CCC;
    /* --- Options --- */ }
    @media only screen and (max-width: 736px) {
      #cart .item {
        padding-bottom: 1.25em !important; }
        #cart .item .image {
          display: none; }
        #cart .item.donation .total, #cart .item.gift .total {
          display: none; }
        #cart .item.membership .total {
          display: inline-block; } }
    #cart .item.short {
      padding-top: 1.154em;
      padding-bottom: 1.154em; }
      #cart .item.short .title {
        width: 100%;
        margin-top: 1em;
        font-family: "Trade Gothic W01 Bold";
        font-size: 1.538em;
        text-transform: uppercase; }
        #cart .item.short .title em {
          font-family: "ClarendonTextW01-Italic 1097342" !important;
          color: #000;
          font-size: .75em;
          text-transform: none; }
        #cart .item.short .title .blurb {
          line-height: .9em;
          font-size: .650em; }
      #cart .item.short .price {
        height: 30px;
        line-height: 30px; }
      #cart .item.short .total {
        height: 50px;
        line-height: 50px;
        margin-bottom: 0 !important; }
      #cart .item.short .misc-link {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 75px;
        text-indent: -9999px;
        background: transparent url(../images/blank.gif) repeat 0 0; }
    #cart .item.tight {
      padding: 0;
      border-bottom: none; }
      #cart .item.tight .options {
        padding-top: 0; }
    #cart .item.last {
      border-bottom: none; }
    @media only screen and (max-width: 736px) {
      #cart .item .details, #cart .item .quantity-label, #cart .item .quantity, #cart .item .total {
        padding: 0 !important;
        min-height: 0 !important; } }
    #cart .item .details .title {
      margin-bottom: .769em;
      color: #000;
      font-family: "Trade Gothic W01 Bold";
      line-height: 1.154;
      text-transform: uppercase; }
    #cart .item .details .sub-title {
      margin-bottom: 1.154em; }
    #cart .item .details a.remove, #cart .item .details a.remove:active, #cart .item .details a.remove:visited {
      float: left;
      padding-left: 17px;
      text-transform: uppercase;
      font-size: 10px;
      font-family: "Trade Gothic W01 Bold";
      color: #999;
      line-height: 12px;
      text-transform: uppercase;
      text-decoration: none;
      background: transparent url(../images/minus.png) no-repeat 0 0; }
      #cart .item .details a.remove:hover, #cart .item .details a.remove:active:hover, #cart .item .details a.remove:visited:hover {
        text-decoration: underline; }
    #cart .item .details a.schedule {
      margin: 0 5px 0 0; }
    @media only screen and (max-width: 736px) {
      #cart .item .details {
        width: 73% !important; } }
    #cart .item .quantity-label {
      line-height: 88px;
      font-size: .769em;
      color: #999;
      text-transform: uppercase;
      text-align: right;
      font-family: "Trade Gothic W01 Bold"; }
      @media only screen and (max-width: 736px) {
        #cart .item .quantity-label {
          width: 9% !important;
          margin-right: 1em !important;
          line-height: 3; } }
    #cart .item .quantity {
      line-height: 88px; }
      #cart .item .quantity input {
        margin: 0;
        width: 100%; }
      @media only screen and (max-width: 736px) {
        #cart .item .quantity {
          float: left;
          display: inline;
          width: 15% !important;
          line-height: 1; }
          #cart .item .quantity input {
            width: 100% !important;
            height: 30px; } }
    #cart .item .price {
      height: 88px;
      line-height: 88px;
      text-align: right; }
      #cart .item .price span {
        font-size: .769em;
        color: #999;
        text-transform: uppercase;
        font-family: "Trade Gothic W01 Bold"; }
      #cart .item .price img {
        vertical-align: middle; }
      @media only screen and (max-width: 1100px) {
        #cart .item .price {
          height: 70px;
          padding-top: 33px;
          line-height: 20px; } }
      @media only screen and (max-width: 736px) {
        #cart .item .price {
          width: 50% !important;
          height: auto;
          padding-top: 1em;
          text-align: left; } }
    #cart .item .total {
      height: 88px;
      line-height: 88px;
      font-family: "Trade Gothic W01 Bold";
      border-left: 1px solid #CCC; }
      @media only screen and (max-width: 736px) {
        #cart .item .total {
          position: relative;
          float: right;
          width: 50% !important;
          height: auto;
          margin-left: 0 !important;
          padding-top: 1.2em !important;
          line-height: 1;
          text-align: right;
          font-size: 1.25em; } }
    #cart .item .fees {
      font-size: 1.5em;
      color: #666; }
    #cart .item .options {
      float: left;
      padding: .385em 0 1.538em 0; }
      #cart .item .options .form-box {
        float: left;
        padding: 2.308em 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; }
        #cart .item .options .form-box input[type="checkbox"] {
          width: auto;
          margin-right: 5px; }
        @media only screen and (max-width: 736px) {
          #cart .item .options .form-box {
            padding: 1.5em; } }
      #cart .item .options a.button, #cart .item .options a.button:active, #cart .item .options a.button:visited {
        float: left;
        display: block;
        width: auto;
        height: 18px;
        padding: 0 25px 0 9px;
        line-height: 18px;
        font-size: 10px;
        font-family: "Trade Gothic W01 Bold";
        text-transform: uppercase;
        color: #FFF;
        background: #000 url(../images/cart-button-arrow.png) no-repeat 95% 7px; }
        #cart .item .options a.button.error, #cart .item .options a.button:active.error, #cart .item .options a.button:visited.error {
          background-color: #F00 !important; }
        #cart .item .options a.button.file, #cart .item .options a.button:active.file, #cart .item .options a.button:visited.file {
          padding-right: 9px;
          background: #000; }
        #cart .item .options a.button:hover, #cart .item .options a.button.selected, #cart .item .options a.button:active:hover, #cart .item .options a.button:active.selected, #cart .item .options a.button:visited:hover, #cart .item .options a.button:visited.selected {
          padding-right: 9px;
          background: #000; }

/* --- Support CIFF --- */
#support-ciff p {
  margin-bottom: 0 !important; }

#support-ciff .title {
  margin-top: .5em;
  font-family: "Trade Gothic W01 Bold";
  font-size: 1.538em;
  text-transform: uppercase; }

#support-ciff .blurb {
  margin-top: .5em;
  line-height: 1.385; }

#support-ciff .quantity {
  height: 48px;
  font-family: "Trade Gothic W01 Bold";
  font-size: .769em;
  line-height: 1.8 !important;
  text-transform: uppercase;
  text-align: right;
  color: #999;
  background: transparent url(../images/buy-tickets-curly-light.png) no-repeat 0 0; }
  #support-ciff .quantity input {
    width: 38px !important; }

#support-ciff .yes {
  margin-top: .5em;
  text-align: right; }
  #support-ciff .yes label {
    display: inline;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.538em;
    text-transform: uppercase;
    color: #000; }

@media only screen and (max-width: 736px) {
  #support-ciff {
    padding: 0 2em !important; }
    #support-ciff .span11 {
      margin-bottom: 1em; }
    #support-ciff .span3 {
      width: 25% !important;
      text-align: left; }
    #support-ciff .quantity {
      background-image: none; } }

/* --- Cart Footer --- */
.cart-buttons {
  padding-bottom: 4.615em; }
  .cart-buttons.top {
    padding-bottom: 1.538em; }
    @media only screen and (max-width: 736px) {
      .cart-buttons.top {
        display: none; } }
  .cart-buttons .right {
    float: right; }
  .cart-buttons .total {
    text-align: right;
    line-height: 2.125em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.231em;
    text-transform: uppercase; }
    @media only screen and (max-width: 736px) {
      .cart-buttons .total {
        font-size: 1.5em; } }
  .cart-buttons .ticket-count {
    float: right;
    display: inline;
    margin-right: 20px;
    padding: .188em .563em;
    line-height: 2.125em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.231em;
    text-transform: uppercase;
    color: #FFF;
    background: #000;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased; }
  .cart-buttons .span6.offset1 {
    text-align: right; }
  @media only screen and (max-width: 736px) {
    .cart-buttons {
      padding-bottom: 1.5em; }
      .cart-buttons .span13 {
        display: table;
        margin-bottom: 1em; }
        .cart-buttons .span13 .cart-button {
          display: table-cell;
          border-right: 3px solid #FFF; }
      .cart-buttons .span7 {
        margin-bottom: 1em; }
      .cart-buttons .span6 {
        float: left;
        width: auto !important; }
      .cart-buttons .span4, .cart-buttons .span13 {
        float: right;
        margin-right: 3px !important; }
      .cart-buttons .span4.place-order {
        float: left; } }
/* --- Custom Item Form --- */
#item-form {
  float: left;
  width: 100%; }
  #item-form .form-box {
    margin-bottom: .462em;
    padding-top: 1.154em; }
  #item-form select {
    width: 100%; }

/* --- Billing/Shipping --- */
#cart-billing .form-box, #cart-item .form-box {
  margin-bottom: 10px;
  padding-top: 3em;
  padding-bottom: 2.5em; }
  #cart-billing .form-box h2, #cart-item .form-box h2 {
    font-family: "Trade Gothic W01 Bold";
    font-size: 2em;
    text-transform: uppercase; }

#cart-billing #cart-comments, #cart-item #cart-comments {
  padding-top: 2em; }
  #cart-billing #cart-comments h2, #cart-item #cart-comments h2 {
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.75em;
    text-transform: uppercase; }
  #cart-billing #cart-comments textarea, #cart-item #cart-comments textarea {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }

@media only screen and (max-width: 736px) {
  #cart-billing .form-box, #cart-shipping .form-box {
    padding: 3em 2em 2.5em 2em; } }

/* --- Confirmation Page --- */
#cart-confirm {
  float: left;
  width: 100%;
  margin-bottom: 3em;
  border-top: 1px solid #CCC; }

#cart-confirm .item {
  border-bottom: 1px solid #CCC; }
  #cart-confirm .item [class*="span"] {
    height: 30px;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px; }
  @media only screen and (max-width: 1100px) {
    #cart-confirm .item .desc.tall {
      height: 60px; } }
  #cart-confirm .item .total {
    position: relative;
    text-align: center; }
    #cart-confirm .item .total:after {
      position: absolute;
      top: 15%;
      left: 0;
      height: 70%;
      border-left: 1px solid #CCC;
      content: ''; }
  @media only screen and (max-width: 736px) {
    #cart-confirm .item.has-description {
      position: relative;
      padding-bottom: 2em; }
      #cart-confirm .item.has-description .desc {
        position: absolute;
        bottom: 1.5em;
        left: 0; }
    #cart-confirm .item .title, #cart-confirm .item .desc {
      width: 70% !important; }
    #cart-confirm .item .desc:empty {
      display: none; }
    #cart-confirm .item .quantity, #cart-confirm .item .price, #cart-confirm .item .total {
      width: auto !important; }
    #cart-confirm .item .quantity:empty {
      display: none; }
    #cart-confirm .item .price {
      display: none; }
    #cart-confirm .item .total {
      float: right;
      margin-bottom: 1.5em;
      text-align: right; }
      #cart-confirm .item .total:after {
        display: none; } }
#cart-confirm .item p {
  margin-bottom: 0;
  padding-bottom: 0; }
  #cart-confirm .item p.title {
    color: #000;
    font-family: 'Trade Gothic W01 Bold';
    text-transform: uppercase; }
  #cart-confirm .item p.total {
    font-family: 'Trade Gothic W01 Bold'; }

#payment-vouchers, #payment-comp {
  float: left;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #CCC; }

/* --- Thank You Page --- */
/* --- Thank You --- */
#thank-you #cart-header {
  padding-top: 0; }

#thank-you #cart-header ul {
  margin-top: 0; }

#thank-you h1 {
  margin-bottom: 30px;
  font-size: 70px;
  line-height: 70px;
  color: #9EC63E;
  text-transform: uppercase;
  font-family: 'TradeGothicW01-BoldCn20 675334'; }

#thank-you #thank-you p {
  margin-bottom: 50px;
  color: #666;
  font-size: 20px;
  line-height: 28px; }

#thank-you #thank-you-print {
  float: right;
  padding-right: 30px;
  color: #333;
  font-family: 'ClarendonTextW01-Italic 1097342';
  font-size: 20px;
  text-transform: lowercase;
  background: transparent url(../images/print.png) no-repeat 100% 25px; }

ul.more {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid #CCC; }
  ul.more li {
    position: relative;
    float: left;
    width: 100%;
    height: 25px;
    padding: 25px 0;
    font-family: 'ClarendonTextW01-Italic 1097342';
    font-size: 2em;
    line-height: 1;
    color: #333;
    border-bottom: 1px solid #CCC; }
    ul.more li a {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 75px;
      text-indent: -9999px; }
    ul.more li span {
      float: left;
      display: inline;
      margin-right: 15px; }
      ul.more li span.small {
        margin-right: 8px;
        font-size: .5em;
        line-height: 2.5;
        color: #999;
        font-family: 'Trade Gothic W01 Roman'; }
    ul.more li .arrow {
      font-family: 'Latin Wide W01 D' !important;
      font-size: .75em;
      line-height: 1.5;
      color: #85B09A; }

#ciff-right .more {
  position: relative;
  left: -35px;
  border-top: none; }
  #ciff-right .more li {
    height: auto;
    margin-bottom: 30px;
    padding: 0 0 30px 35px; }
    #ciff-right .more li:first-child {
      padding-top: 0;
      border-top: none; }
    #ciff-right .more li:last-child {
      margin-bottom: 0; }
    #ciff-right .more li span {
      margin-bottom: 10px; }
    #ciff-right .more li .small {
      margin-bottom: 0;
      line-height: 135%; }
  #ciff-right .more a {
    height: auto; }
  #ciff-right .more .arrow {
    position: absolute;
    top: -3px;
    right: 0; }

/* --- Share Order --- */
#thank-you #share-order {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding-top: 45px;
  border-top: 1px solid #CCC; }
  #thank-you #share-order .bubble {
    position: relative;
    float: right;
    width: 315px;
    height: 200px;
    padding: 40px 45px;
    background: #EDEDED;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box; }
    #thank-you #share-order .bubble p {
      margin-bottom: 0;
      font-family: 'Trade Gothic W01 Bold';
      font-size: 2em;
      line-height: 1.4;
      color: #000; }
      @media only screen and (max-width: 1100px) {
        #thank-you #share-order .bubble p {
          font-size: 1.75em; } }
      @media only screen and (max-width: 736px) {
        #thank-you #share-order .bubble p {
          font-size: 1.5em; } }
    #thank-you #share-order .bubble:before {
      position: absolute;
      top: 50px;
      left: -26px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 26px 10px 0;
      border-color: transparent #EDEDED transparent transparent;
      content: ''; }
      @media only screen and (max-width: 736px) {
        #thank-you #share-order .bubble:before {
          top: 30px; } }
    #thank-you #share-order .bubble:after {
      position: absolute;
      top: 200px;
      left: -26px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 26px 10px 0;
      border-color: transparent #EDEDED transparent transparent;
      content: ''; }
      @media only screen and (max-width: 736px) {
        #thank-you #share-order .bubble:after {
          top: 120px; } }
    @media only screen and (max-width: 736px) {
      #thank-you #share-order .bubble {
        float: left;
        width: 170px;
        height: 160px;
        margin-left: 105px;
        padding: 25px 30px; } }
    @media only screen and (max-width: 1100px) {
      #thank-you #share-order .bubble {
        width: 170px; } }
  #thank-you #share-order .networks {
    position: relative;
    float: left;
    display: inline;
    height: 280px; }
    @media only screen and (max-width: 736px) {
      #thank-you #share-order .networks {
        height: 165px; } }
  #thank-you #share-order .icon {
    position: relative;
    width: 128px;
    height: 128px;
    background: #000;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }
    #thank-you #share-order .icon.twitter {
      position: absolute;
      top: 0;
      left: 0;
      background: #000 url(../images/large-twitter.png) no-repeat center; }
      #thank-you #share-order .icon.twitter:hover {
        top: -8px; }
      @media only screen and (max-width: 736px) {
        #thank-you #share-order .icon.twitter {
          background-size: 40px auto !important; } }
    #thank-you #share-order .icon.facebook {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #000 url(../images/large-facebook.png) no-repeat center; }
      #thank-you #share-order .icon.facebook:hover {
        bottom: -8px; }
      @media only screen and (max-width: 736px) {
        #thank-you #share-order .icon.facebook {
          background-size: auto 40px !important; } }
    @media only screen and (max-width: 736px) {
      #thank-you #share-order .icon {
        width: 75px;
        height: 75px; } }
  #thank-you #share-order .icon:hover {
    left: -8px !important;
    border: 8px solid #9EC63E; }

/* --- Button --- */
a.cart-button, a.cart-button:active, a.cart-button:visited {
  display: inline-block;
  padding: .4em .65em;
  color: #FFF;
  font-family: "Trade Gothic W01 Bold";
  font-size: 1.23em;
  text-align: center;
  text-transform: uppercase;
  background: #85B09A;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased; }
  a.cart-button:hover, a.cart-button.selected, a.cart-button:active:hover, a.cart-button:active.selected, a.cart-button:visited:hover, a.cart-button:visited.selected {
    background-color: #000;
    text-decoration: none; }

/* --- Info Window Popup --- */
.info-window {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 10000;
  width: 275px;
  background: #FFF;
  box-shadow: 0 0 100px 0 #CCC;
  -webkit-box-shadow: 0 0 100px 0 #CCC;
  -moz-box-shadow: 0 0 100px 0 #CCC; }

.info-window.free {
  width: 420px;
  color: #FFF;
  background: #000;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

.info-window:after {
  position: absolute;
  content: '';
  bottom: -15px;
  left: 125px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #FFF transparent transparent transparent; }

.info-window.free:after {
  bottom: -10px;
  left: 210px;
  border-color: #000 transparent transparent transparent; }

.info-window .title {
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 18px;
  color: #FFF;
  text-indent: 20px;
  background: #85B09A; }

.info-window.free .title {
  margin: 20px 0 5px 0;
  height: 16px;
  line-height: 16px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  color: #85B09A;
  background: transparent; }

.info-window .body {
  width: 235px;
  padding: 20px 20px 10px 20px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 12px;
  line-height: 16px; }

.info-window.free .body {
  width: 380px;
  font-size: 11px;
  padding-top: 0;
  text-align: center;
  text-transform: uppercase; }

.info-window .body p {
  margin-bottom: 15px; }

/* --- Schedule --- */
#site.schedule {
  position: static;
  float: left;
  width: 100%;
  max-width: 100%;
  margin: 0; }

#schedule {
  position: relative;
  z-index: 4;
  background: #FFF; }

/* --- Schedule Header --- */
#schedule-alert {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 0;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  background: #85B09A; }
  #schedule-alert img {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
    cursor: pointer; }
    @media only screen and (max-width: 736px) {
      #schedule-alert img {
        display: none; } }
#schedule-header {
  position: relative;
  z-index: 1000;
  float: left;
  width: 100%;
  max-width: 1500px;
  height: 74px;
  /*background: transparent url(../images/light-gradient.jpg) repeat-x bottom left;*/
  background: #FFF;
  border-bottom: 1px solid #CCC; }

ul#schedule-days {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none; }

ul#schedule-days li {
  float: left;
  display: inline;
  margin-right: 4px; }

ul#schedule-days li.selected {
  background-color: #000; }

ul#schedule-days li a, ul#schedule-days li a:active, ul#schedule-days li a:visited, ul#schedule-days li a:hover {
  display: block;
  height: 54px;
  padding: 20px 9px 0 9px;
  font-size: 20px;
  line-height: 20px;
  font-family: "Trade Gothic W01 Bold";
  color: #85B09A;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center; }

ul#schedule-days li a span {
  font-size: 14px;
  line-height: 28px;
  color: #BCBCBC; }

#schedule-header .title {
  float: left;
  display: inline;
  width: 450px;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 26px;
  line-height: 74px; }

/* --- Schedule Icons --- */
@media only screen and (max-width: 736px) {
  #section-bar.my-schedule {
    position: relative;
    top: auto;
    margin-bottom: 40px; } }

#my-schedule-filters {
  float: left;
  width: 100%;
  margin-top: 25px; }
  @media only print {
    #my-schedule-filters {
      display: none; } }
ul#my-schedule-options {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 1;
  width: auto;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  @media only screen and (max-width: 736px) {
    ul#my-schedule-options {
      float: left;
      width: 100%;
      margin-top: 75px; }
      ul#my-schedule-options li {
        padding: 0; }
      ul#my-schedule-options .last {
        display: none; } }
ul#my-schedule-options ul#schedule-icons {
  padding-top: 0; }

ul#my-schedule-options ul#schedule-icons li {
  width: auto;
  height: auto; }

ul#my-schedule-options ul#schedule-icons a {
  width: auto;
  height: auto; }

ul#my-schedule-options ul#schedule-icons img {
  max-width: none; }

ul#my-schedule-options li {
  float: left;
  display: inline;
  height: 33px;
  margin-right: 0 !important;
  padding: 0 20px;
  font-size: 17px;
  line-height: 33px;
  font-family: "ClarendonTextW01-Italic 1097342"; }

ul#my-schedule-options li a {
  padding-bottom: 0 !important; }

ul#my-schedule-options li.last {
  padding-right: 0;
  border-right: none; }

ul#my-schedule-options .view-all {
  font-size: 16px;
  color: #85B09A;
  text-transform: uppercase;
  font-family: "Trade Gothic W01 Bold"; }

ul#schedule-icons {
  float: right;
  display: inline;
  margin: 12px 6px 0 12px;
  padding: 28px 0 3px 12px;
  border-left: 1px solid #CCC; }

ul#my-schedule-options ul#schedule-icons {
  position: relative;
  top: auto;
  right: auto;
  margin-top: 3px; }

ul#schedule-icons li {
  position: relative;
  float: left;
  display: inline;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  padding: 0;
  border: none; }

ul#schedule-icons li a {
  display: block;
  width: 13px;
  height: 13px;
  padding: 3px;
  text-align: center;
  background-color: #CCC;
  border: none !important; }

ul#schedule-icons li.selected a {
  background-color: #85B09A; }

#schedule-filters-button {
  float: right;
  display: inline;
  margin-top: 40px;
  padding: 4px 7px;
  font-size: 11px;
  line-height: 11px;
  font-family: "Trade Gothic W01 Bold";
  color: #FFF;
  text-transform: uppercase;
  background-color: #85B09A; }

#schedule-filters-button.selected {
  background: #000; }

#schedule-print-button {
  float: right;
  display: inline;
  margin-top: 40px; }

/* --- Schedule Filters --- */
#schedule-filters {
  float: left;
  width: 100%;
  /*background: transparent url(../images/light-gradient.jpg) repeat-x bottom left;*/
  background: #edf3f0;
  border-bottom: 1px solid #CCC; }

#schedule-filters-inner {
  float: left;
  width: 100%;
  height: 120px;
  padding: 20px 0;
  vertical-align: bottom; }

#schedule-filters h2 {
  display: inline-block;
  width: 110px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 18px;
  font-family: "ClarendonTextW01-Italic 1097342";
  color: #000; }

#schedule-filters .or {
  display: inline-block;
  margin: 0 10px;
  font-size: 18px;
  color: #999;
  font-family: "ClarendonTextW01-Italic 1097342"; }

#schedule-filters .gt {
  display: inline-block;
  margin: 0 10px;
  font-size: 18px;
  color: #999;
  font-family: 'ClarendonTextW01-Regula 1097411'; }

#film-search {
  display: inline-block;
  width: 270px;
  height: 25px;
  margin-bottom: 0 !important;
  padding: 5px 8px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 11px;
  text-transform: uppercase;
  border: 1px solid #CCC;
  background: #FFF; }

#schedule-filters select {
  margin-bottom: 0 !important; }

#schedule-filters input[type=checkbox] {
  top: 0;
  margin-bottom: 0 !important; }

#film-search-after {
  position: relative;
  top: 9px;
  left: -4px;
  display: inline-block;
  width: 25px;
  height: 24px;
  line-height: 0;
  font-size: 0;
  content: '';
  border: 1px solid #CCC;
  border-left: none;
  background: #85B09A url(../images/icons/search.png) no-repeat center;
  background-size: 10px 12px; }

#schedule-filters .type {
  position: relative;
  top: 7px;
  float: right;
  display: inline-block;
  margin: 0 0 0 10px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 15px;
  font-family: "Trade Gothic W01 Bold"; }

#filter-view-all {
  float: right;
  display: inline;
  margin-top: 5px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 16px;
  text-transform: uppercase; }

#filter-category-select {
  width: 220px; }

#filter-timeslot-dropdown {
  width: 150px !important; }

#filter-country-dropdown {
  width: 150px !important; }
  #filter-country-dropdown span > span {
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle; }

.filter-category-dropdown {
  width: 270px !important; }
  .filter-category-dropdown span > span {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle; }

#filter-watching-from-dropdown {
  width: 300px; }

#filter-accessibility-dropdown {
  width: 270px; }

/* --- Opening/Closing Night --- */
.opening-closing {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -454px; }

.opening-closing .inner {
  float: left;
  width: 100%;
  padding: 40px 0; }

.opening-closing .top {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 40px; }

.opening-closing .top h2 {
  float: left;
  display: inline;
  margin-right: 20px;
  font-size: 44px;
  line-height: 44px;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase;
  color: #000; }

.opening-closing .top p {
  float: left;
  display: inline;
  width: auto;
  line-height: 44px;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 18px;
  color: #666;
  padding-left: 20px;
  border-left: 1px solid #CCC; }

.opening-closing .top input {
  float: left;
  display: inline;
  width: 45px;
  margin: 5px 0 0 18px;
  padding: 8px;
  font-size: 13px;
  font-family: "Trade Gothic W01 Roman";
  background-color: #ECECEC;
  border: 1px solid #CCC; }

.opening-closing .top .add-to-cart {
  float: right;
  display: inline;
  height: 48px;
  width: 110px;
  padding-left: 35px;
  background: transparent url(../images/buy-tickets-curly.png) no-repeat 0 0; }

.opening-closing .intro {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding: 25px 0 30px 0;
  font-family: "Trade Gothic W01 Roman";
  font-size: 20px;
  color: #999;
  line-height: 24px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC; }

.opening-closing .intro .date {
  margin-bottom: 20px;
  font-size: 16px;
  color: #000;
  font-family: "Trade Gothic W01 Bold"; }

.opening-closing .details {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  font-family: "Trade Gothic W01 Roman";
  font-size: 13px;
  line-height: 18px; }

.opening-closing .details a, .opening-closing .details a:active, .opening-closing .details a:visited {
  color: #000; }

.opening-closing .details .title {
  margin-bottom: 15px;
  color: #000;
  font-size: 26px;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase; }

.opening-closing .details .title span {
  font-size: 17px;
  color: #666;
  font-family: "Trade Gothic W01 Roman";
  text-transform: none; }

.opening-closing .details .info {
  margin-bottom: 20px;
  color: #666;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  font-family: "Trade Gothic W01 Bold"; }

.opening-closing .film-image {
  position: relative;
  float: left;
  width: 909px;
  height: 559px;
  margin-bottom: 30px; }

.opening-closing .film-image .play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 81px;
  height: 81px;
  margin: -41px 0 0 -41px;
  cursor: pointer;
  background: transparent url(../images/play-button-large.png) no-repeat 0 0; }

.opening-closing .sponsor {
  float: left;
  width: 100%;
  margin: -20px 0 30px 0;
  line-height: 44px;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 18px;
  color: #000; }

.opening-closing .sponsor p {
  float: left;
  display: inline;
  width: auto;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #CCC; }

/* --- Schedule Grid --- */
#schedule-grid-outter {
  position: relative;
  z-index: 0;
  float: left;
  width: 100%;
  background: #FFF; }

#schedule-grid {
  position: relative;
  float: left;
  width: 100%;
  /*background: transparent url(../images/schedule-grid-bg.gif) repeat-x 0 63px;*/ }

#schedule-grid-inner {
  position: relative;
  float: left;
  width: 100%;
  background: transparent url(../images/schedule-grid-bg.gif) repeat-x bottom left; }

#schedule-grid-inner .lucy-wrapper {
  width: 100%; }

#schedule-grid-inner.no-bg {
  background-image: none; }

#schedule-grid .row {
  position: relative;
  float: left;
  display: inline;
  width: 104px; }

#schedule-grid .theaters {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 140px;
  padding: 62px 0 0 0;
  font-size: 11px;
  font-family: "Trade Gothic W01 Bold";
  color: #666;
  text-align: right;
  text-transform: uppercase;
  background: #FFF; }

#schedule-grid .theaters .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 62px;
  padding-right: 10px;
  line-height: 62px;
  background: #FFF;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5; }

#schedule-grid.scroll .theaters:after {
  content: '';
  position: absolute;
  top: 0;
  right: -84px;
  width: 84px;
  height: 100%;
  background: transparent url(../images/grid-theater-shadow.png) repeat-y 0 0; }

#schedule-grid .theaters .theater {
  height: 70px;
  padding: 50px 10px 0 0;
  line-height: 16px;
  border-top: 1px solid #E5E5E5;
  border-right: 5px solid #85B09A; }

/* --- Theater Colors --- */
#schedule-grid .theaters .theater.red {
  border-right-color: #933; }

#schedule-grid .theaters .theater.orange {
  border-right-color: #F60; }

#schedule-grid .theaters .theater.yellow {
  border-right-color: #E9BE33; }

#schedule-grid .theaters .theater.green {
  border-right-color: #396; }

#schedule-grid .theaters .theater.blue {
  border-right-color: #09C; }

#schedule-grid .theaters .theater.purple {
  border-right-color: #969; }

#schedule-grid .theaters .theater.grey {
  border-right-color: #999; }

#schedule-grid .theaters .theater.brown {
  border-right-color: #8D6951; }

#schedule-grid .theaters .theater.pink {
  border-right-color: #FF00BF; }

#schedule-grid-mask {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 103px;
  overflow: hidden; }

#schedule-grid-mask.no-scroll {
  padding-bottom: 0; }

#schedule-grid-overlay {
  position: absolute;
  z-index: 1500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 200px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 32px;
  text-align: center;
  background: #FFF; }

#schedule-grid-overlay img {
  vertical-align: middle; }

#schedule-grid-scroller {
  position: fixed;
  z-index: 1001;
  bottom: -200px;
  left: 0;
  width: 100%;
  height: 63px;
  background: #000; }

#schedule-grid-scroller.visible {
  bottom: 0; }

#schedule-grid-scroller:before {
  content: '';
  position: absolute;
  top: -48px;
  left: 0;
  width: 100%;
  height: 48px;
  background: transparent url(../images/grid-scroller-shadow.png) repeat-x 0 0; }

#schedule-grid-track {
  position: relative;
  margin: 24px auto 0 auto;
  width: 956px;
  height: 9px;
  background: transparent url(../images/grid-scroller-track.png) no-repeat 0 0; }

#schedule-grid-track-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 9px;
  background: #85B09A;
  cursor: pointer; }

#schedule-grid .films {
  position: relative;
  float: left;
  width: 2380px;
  padding: 63px 0 0 0; }

#schedule-grid .films .row {
  position: relative;
  width: 100%;
  height: 120px;
  padding-left: 140px;
  border-bottom: 1px solid #E5E5E5; }

/* --- Theater Colors --- */
#schedule-grid .films .row.red .grid-film {
  background-color: #F5EBEB; }

#schedule-grid .films .row.orange .grid-film {
  background-color: #FFF0E5; }

#schedule-grid .films .row.yellow .grid-film {
  background-color: #FDF9E9; }

#schedule-grid .films .row.green .grid-film {
  background-color: #EBF5F0; }

#schedule-grid .films .row.blue .grid-film {
  background-color: #E7F5FA; }

#schedule-grid .films .row.purple .grid-film {
  background-color: #F5F0F5; }

#schedule-grid .films .row.grey .grid-film {
  background-color: #F5F5F5; }

#schedule-grid .films .row.brown .grid-film {
  background-color: #F4F0EE; }

#schedule-grid .films .row.pink .grid-film {
  background-color: #F7EBF5; }

#schedule-grid-times {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 62px;
  padding: 0 0 0 140px;
  color: #999;
  font-size: 13px;
  font-family: "Trade Gothic W01 Bold";
  background: #FFF;
  border-bottom: 1px solid #E5E5E5; }

#schedule-grid-times p {
  float: left;
  display: inline;
  width: 120px;
  height: 62px;
  padding-left: 20px;
  line-height: 62px;
  text-align: left; }

#schedule-grid-times span {
  font-size: 9px; }

#schedule-grid-times.shadow:after {
  content: '';
  position: absolute;
  bottom: -84px;
  right: 0;
  width: 100%;
  height: 84px;
  background: transparent url(../images/grid-times-shadow.png) repeat-x 0 0; }

/* --- How Many Tickets --- */
#how-many-tickets {
  position: absolute;
  z-index: 500;
  width: 190px;
  margin-left: -100px;
  padding: 15px 20px 15px 20px;
  color: #000;
  font-size: 13px;
  line-height: 18px;
  background-color: #85B09A;
  box-shadow: 0 0 10px #666;
  -webkit-box-shadow: 0 0 10px #666; }

#how-many-tickets p {
  margin-bottom: 20px; }

#how-many-tickets .triangle {
  position: absolute;
  top: -19px;
  left: 105px;
  font-size: 35px;
  line-height: 35px;
  color: #85B09A; }

#how-many-tickets-close {
  position: absolute;
  top: 5px;
  right: 0;
  color: #FFF;
  font-size: 11px !important;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif !important; }

#how-many-tickets .title {
  margin-bottom: 10px;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 16px;
  color: #FFF; }

#how-many-tickets .add-to-cart {
  float: right;
  display: inline;
  height: 48px;
  width: 110px;
  padding-left: 35px;
  background: transparent url(../images/buy-tickets-curly-light.png) no-repeat 0 0; }

#how-many-tickets input {
  float: left;
  display: inline;
  width: 25px;
  margin-top: 10px;
  padding: 5px;
  font-size: 13px;
  font-family: "Trade Gothic W01 Roman";
  background-color: #ECECEC;
  border: 1px solid #CCC; }

#how-many-tickets .add-to-cart .styled-button {
  background-color: #000; }

#how-many-tickets .add-to-cart .styled-button:hover {
  color: #000;
  background-color: #FFF; }

#how-many-tickets .add-to-cart a.schedule, #how-many-tickets .add-to-cart a.schedule:active,
#how-many-tickets .add-to-cart a.schedule:visited {
  color: #FFF;
  background-image: url(../images/plus-dark.png); }

#how-many-tickets .add-to-cart a.schedule-remove, #how-many-tickets .add-to-cart a.schedule-remove:active,
#how-many-tickets .add-to-cart a.schedule-remove:visited {
  color: #FFF;
  background-image: url(../images/minus.png); }

/* --- Grid Film --- */
#schedule .grid-film {
  position: absolute;
  top: 0;
  width: 260px;
  height: 104px;
  padding-top: 16px;
  color: #000;
  font-size: 9px;
  line-height: 12px;
  font-family: "Trade Gothic W01 Roman";
  border-left: 1px solid #E5E5E5;
  background: #F5F9EA; }

#schedule .grid-film:after {
  content: '';
  position: absolute;
  top: 0;
  right: -35px;
  width: 35px;
  height: 120px;
  background: transparent url(../images/grid-film-shadow.png) repeat-y 0 0; }

#schedule .grid-film .film-right {
  float: left;
  display: inline;
  width: 100px; }

#schedule .grid-film p a.buy, #schedule .grid-film p a.buy:active, #schedule .grid-film p a.buy:visited {
  float: right;
  display: inline;
  color: #85B09A;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Trade Gothic W01 Bold"; }

#schedule .grid-film p a.buy:hover {
  text-decoration: underline; }

#schedule .grid-film .sold-out {
  float: right;
  display: inline;
  color: #F00;
  text-transform: uppercase;
  font-family: "Trade Gothic W01 Bold"; }

#schedule .grid-film .film-left {
  float: left;
  display: inline;
  width: 106px;
  margin-left: 20px;
  margin-right: 20px; }

#schedule .grid-film .image {
  position: relative;
  float: left;
  display: inline;
  width: 106px;
  height: 65px;
  margin-bottom: 15px;
  background-color: #F9F9F9; }

#schedule .grid-film .film-left a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  font-family: Helvetica, Arial, sans-serif; }

#schedule .grid-film .film-left a img {
  vertical-align: middle; }

#schedule .grid-film .film-left a.pipe {
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #CCC; }

#schedule .grid-film .image .play {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 106px;
  height: 65px;
  background: transparent url(../images/play-button-grid.png) no-repeat 37px 17px;
  cursor: pointer; }

#schedule .grid-film .image a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 104px;
  height: 65px;
  text-indent: -9999px; }

#schedule .grid-film .time {
  margin-bottom: 10px; }

#schedule .grid-film .title {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 13px;
  font-family: "Trade Gothic W01 Bold"; }

#schedule .grid-film .title a, #schedule .grid-film .title a:active, #schedule .grid-film .title a:visited {
  color: #333;
  text-decoration: none; }

#schedule .grid-film .title a:hover {
  text-decoration: underline; }

#schedule .grid-film .last {
  margin-bottom: 8px; }

/* --- List Headers --- */
#film-list-headers {
  float: left;
  width: 100%; }

#film-list-headers .header {
  float: left;
  width: 100%;
  padding: 45px 0;
  min-height: 125px;
  border-bottom: 1px solid #CCC; }

#film-list-headers .header .text-sponsor {
  color: #000 !important;
  font-size: 1.5em;
  text-transform: uppercase;
  font-family: "Trade Gothic W01 Bold";
  margin-right: 20px; }

#film-list-headers .header.no-screenings {
  min-height: 0px; }

#film-list-headers .header h2 {
  float: left;
  width: 675px;
  margin-bottom: 0 !important;
  font-size: 38px;
  line-height: 38px;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase;
  color: #000; }

#film-list-headers .header strong {
  text-transform: uppercase; }

#film-list-headers .header.category h2, #film-list-headers .header.award h2, #film-list-headers .header.genre h2 {
  margin-bottom: 20px !important; }

#film-list-headers .header p {
  float: left;
  width: 675px; }

#film-list-headers .header p .sponsor {
  float: left;
  display: inline;
  margin-right: 30px; }

#film-list-headers .header.category p, #film-list-headers .header.award p, #film-list-headers .header.genre p {
  width: 100%;
  margin-bottom: 20px; }

#film-list-headers .header .cart-options {
  position: absolute;
  top: 45px;
  right: 0;
  width: 215px; }

#film-list-headers .header .cart-options {
  float: right;
  display: inline;
  width: 195px;
  padding: 10px 0 10px 20px;
  border-left: 1px solid #CCC;
  line-height: 19px; }

#film-list-headers .header .cart-options .screening {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 18px;
  color: #000; }

#film-list-headers .header .cart-options select {
  float: left;
  width: 100%;
  margin-bottom: 25px; }

#film-list-headers .header .cart-options input {
  float: left;
  display: inline;
  width: 25px;
  padding: 3px;
  font-size: 13px;
  font-family: "Trade Gothic W01 Roman";
  border: 1px solid #CCC; }

#film-list-headers .header .cart-options .add-to-cart {
  float: right;
  display: inline;
  height: 48px;
  width: 110px;
  padding-left: 35px;
  background: transparent url(../images/buy-tickets-curly.png) no-repeat 0 0; }

/* --- Competition Jurors --- */
#film-list-headers h3 {
  float: left;
  width: 100%;
  margin: 45px 0 20px 0;
  font-size: 18px;
  font-family: "Trade Gothic W01 Bold"; }

#film-list-headers .jurors {
  float: left;
  width: 100%; }

#film-list-headers .jurors .juror {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 18px; }

#film-list-headers .jurors .juror img {
  float: left;
  display: inline;
  margin: 0 20px 20px 0; }

#film-list-headers .jurors .juror p {
  float: none !important; }

#film-list-headers .jurors .juror p.has-photo {
  float: left !important;
  display: inline;
  width: 800px; }

#film-list-headers .jurors .juror strong {
  text-transform: none; }

/* --- Schedule Calendar --- */
#schedule-calendar h1 {
  float: left;
  width: 100%;
  margin: 40px 0 30px 0;
  font-size: 32px;
  font-family: "ClarendonTextW01-Italic 1097342";
  text-align: center;
  text-transform: none; }

@media only print {
  #schedule-calendar .lucy-wrapper {
    width: 100%; } }

#schedule-calendar table {
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
  border: 0;
  border-collapse: collapse; }

#schedule-calendar th {
  padding: 7px 20px;
  font-family: 'TradeGothicW01-BoldCn20 675334';
  font-weight: normal;
  text-transform: uppercase;
  font-size: 18px;
  color: #FFF;
  background: #000;
  border-right: 1px solid #CCC; }

#schedule-calendar td {
  padding: 7px 10px;
  vertical-align: top;
  border: 1px solid #CCC; }

#schedule-calendar .day {
  margin-bottom: 15px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 16px; }

#schedule-calendar .empty .day {
  color: #CCC; }

#schedule-calendar .event {
  margin-bottom: 20px; }

#schedule-calendar .event .time {
  margin-bottom: 0;
  line-height: 100%;
  color: #666; }

#schedule-calendar .event a {
  font-size: 14px; }

/* --- Schedule List --- */
#schedule-list {
  position: relative;
  z-index: 0;
  float: left;
  width: 100%; }

#schedule-list #list-films {
  position: relative;
  float: left;
  width: 926px;
  height: 4200px;
  overflow: hidden; }

@media only screen and (max-width: 1000px) {
  #schedule-list #list-films {
    width: 686px; } }

@media only screen and (max-width: 736px) {
  #schedule-list #list-films {
    width: 100%; } }

#schedule-list #list-films-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 926px;
  height: 112000px; }

@media only screen and (max-width: 1000px) {
  #schedule-list #list-films-slider {
    width: 686px; } }

@media only screen and (max-width: 736px) {
  #schedule-list #list-films-slider {
    width: 100%; } }

#schedule-list .page {
  float: left;
  display: inline;
  width: 926px; }

@media only screen and (max-width: 1000px) {
  #schedule-list .page {
    width: 686px; } }

@media only screen and (max-width: 736px) {
  #schedule-list .page {
    width: 100%; } }

#schedule-list #archive-films .film .left {
  width: 100%;
  border-right: none; }

#schedule-list .film {
  height: 190px;
  padding: 3.462em 0;
  border-bottom: 1px solid #CCC; }

@media only screen and (max-width: 736px) {
  #schedule-list .film {
    padding: 2em 0 0 0;
    height: auto; } }

#schedule-list .film.last {
  border-bottom: none; }

#schedule-list .film .image {
  position: relative;
  height: 190px;
  background-color: #FCFCFC;
  overflow: hidden; }

@media only screen and (max-width: 736px) {
  #schedule-list .film .image {
    height: 0;
    margin-bottom: 1.5em;
    padding-bottom: 61.29%; } }

#schedule-list .film .image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  cursor: pointer; }

@media only screen and (max-width: 736px) {
  #schedule-list .film .image img {
    width: 100%; } }

#schedule-list .film .image .play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 46px;
  height: 46px;
  margin: -23px 0 0 -23px;
  background: transparent url(../images/play-button.png) no-repeat 0 0;
  cursor: pointer; }

#schedule-list .film .title {
  margin-bottom: .462em;
  font-family: "Trade Gothic W01 Bold";
  font-size: 2em;
  line-height: 1;
  color: #000; }

#schedule-list .film .title span {
  font-family: "Trade Gothic W01 Roman";
  font-size: .5em;
  color: #999; }

#schedule-list .film .title a, #schedule-list .film .title a:active, #schedule-list .film .title a:visited {
  color: #000;
  text-decoration: none; }

#schedule-list .film .title a span, #schedule-list .film .title a:active span, #schedule-list .film .title a:visited span {
  color: #999; }

#schedule-list .film .title a:hover, #schedule-list .film .title a:active:hover, #schedule-list .film .title a:visited:hover {
  color: #333;
  text-decoration: underline; }

#schedule-list .film .left {
  float: left;
  display: inline;
  width: 345px;
  height: 160px;
  padding-right: 20px;
  color: #000;
  line-height: 1.4;
  border-right: 1px solid #CCC; }

@media only screen and (max-width: 736px) {
  #schedule-list .film .left {
    height: auto; } }

#schedule-list .film .left p {
  float: left;
  width: 100%; }

#schedule-list .film .left .info {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  color: #666;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  font-family: "Trade Gothic W01 Bold"; }

#schedule-list .film .left a.more, #schedule-list .film .left a.more:active, #schedule-list .film .left a.more:visited {
  text-transform: none;
  color: #85B09A;
  text-decoration: none; }

#schedule-list .film .left a.more:hover, #schedule-list .film .left a.more:active:hover, #schedule-list .film .left a.more:visited:hover {
  color: #000; }

#schedule-list .film .left a.more em, #schedule-list .film .left a.more:active em, #schedule-list .film .left a.more:visited em {
  color: #999;
  font-size: 15px;
  font-style: normal;
  font-family: "Trade Gothic W01 Bold" !important; }

#schedule-list .film .left ul.short-films {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#schedule-list .film .left ul.short-films li {
  float: left;
  width: 50%;
  line-height: 14px;
  margin-bottom: 10px; }

#schedule-list .film .right {
  float: right;
  display: inline;
  width: 195px;
  padding-top: 10px;
  line-height: 19px; }

#schedule-list .film .right .screening {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 18px;
  color: #000; }

#schedule-list .film .right select {
  float: left;
  width: 100%;
  margin-bottom: 25px; }

#schedule-list .film .right .note {
  float: left;
  width: 100%;
  margin: -15px 0 10px 0; }

#schedule-list .film .right input {
  float: left;
  display: inline;
  width: 25px;
  padding: 3px;
  font-size: 13px;
  font-family: "Trade Gothic W01 Roman";
  border: 1px solid #CCC; }

#schedule-list .film .right .add-to-cart {
  float: right;
  display: inline;
  height: 48px;
  width: 110px;
  padding-left: 35px;
  background: transparent url(../images/buy-tickets-curly.png) no-repeat 0 0; }

#my-schedule #list-films {
  height: auto;
  overflow: visible; }

#my-schedule .film .right {
  padding-top: 27px; }

/* --- Custom Dropdowns --- */
.custom-dropdown {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 14px;
  padding: 5px;
  font-size: 11px;
  line-height: 14px;
  padding-left: 8px;
  font-family: "Trade Gothic W01 Bold";
  color: #333;
  text-transform: uppercase;
  background: #FFF;
  cursor: pointer;
  border: 1px solid #CCC;
  webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.custom-dropdown span {
  position: relative;
  z-index: 1;
  display: block; }

.custom-dropdown span em {
  font-size: 14px;
  color: #888;
  text-transform: lowercase;
  font-family: "ClarendonTextW01-Italic 1097342" !important; }

.custom-dropdown span span {
  display: inline-block; }

.custom-dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  max-height: 200px;
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
  line-height: 230%;
  background: #FFF;
  overflow: auto;
  border: 1px solid #CCC; }

.custom-dropdown ul li {
  padding: 0 8px;
  color: #000;
  text-transform: uppercase; }

.custom-dropdown ul li.selected {
  color: #FFF !important;
  background: #85B09A !important; }

.custom-dropdown ul li:hover {
  background: #EEE; }

.custom-dropdown.active ul {
  display: block; }

.custom-dropdown:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: #85B09A; }

.custom-dropdown:after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 6px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-style: solid;
  border-width: 5px 6px 0 6px;
  border-color: #FFF transparent transparent transparent; }

@media print {
  body {
    top: auto; }
  #site {
    position: static;
    top: 0;
    left: 0;
    margin: 0;
    border: none; }
  .lucy-wrapper {
    float: left; }
  #ciff, .lucy-wrapper {
    width: 1100px;
    overflow: visible; }
  #header, #schedule-header, #schedule-filters, #callouts, #social-bar, #footer-sponsors, #footer {
    display: none; }
  #film-list-headers {
    display: none; }
  #list-films {
    overflow: visible; }
  #list-films-slider {
    height: auto; }
  #section-bar {
    display: none; }
  .pagination {
    display: none; }
  .left {
    width: auto !important;
    border: none !important; }
  .right {
    display: none !important; } }

/* --- Mobile/Tablet Schedule --- */
#mobile-schedule-dates {
  border-left: 1px solid #E5E5E5; }

#mobile-schedule-dates a {
  display: inline-block;
  width: 33.333333%;
  height: 100px;
  padding-top: 30px;
  text-align: center;
  font-size: 1.5em;
  text-transform: uppercase;
  font-family: "Trade Gothic W01 Bold";
  color: #000;
  line-height: 1.2;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }

#mobile-schedule-dates a span {
  color: #85B09A; }

#mobile-schedule-dates a:hover {
  text-decoration: none;
  background: #FAFAFA; }

#mobile-schedule-header, #mobile-schedule-filter-header {
  text-indent: 17px;
  line-height: 3em;
  color: #FFF;
  font-family: "ClarendonTextW01-Italic 1097342";
  background: #222; }

#mobile-schedule-header a, #mobile-schedule-filter-header a {
  color: #FFF;
  text-decoration: none; }

#mobile-schedule-filter-header {
  border-bottom: 1px solid #000; }

#mobile-schedule-dates-header {
  line-height: 3em;
  text-align: center;
  color: #FFF;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase;
  background: #222; }

#mobile-schedule-dates-header .previous {
  float: left;
  display: inline;
  margin-left: 1em; }

#mobile-schedule-dates-header .next {
  float: right;
  display: inline;
  margin-right: 1em; }

#mobile-schedule-filter-icon {
  float: right;
  margin: 8px 17px 0 0;
  cursor: pointer; }

#mobile-schedule-filters {
  padding: 17px;
  background: #333;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }

#mobile-schedule-filters input {
  width: 31%;
  margin-right: 2%;
  margin-bottom: 1em;
  padding: .75em;
  color: #FFF;
  background: #444;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }

#mobile-schedule-filters input::-webkit-input-placeholder {
  color: #FFF; }

#mobile-schedule-filters input:-moz-placeholder {
  color: #FFF; }

#mobile-schedule-filters input::-moz-placeholder {
  color: #FFF; }

#mobile-schedule-filters input:-ms-input-placeholder {
  color: #FFF; }

@media only screen and (max-width: 736px) {
  #mobile-schedule-filters input {
    width: 96%; } }

#mobile-schedule-filters select {
  width: 31%;
  margin-right: 2%;
  margin-bottom: 1em; }

@media only screen and (max-width: 736px) {
  #mobile-schedule-filters select {
    width: 47%; } }

#mobile-schedule-filters .check-group {
  display: inline-block;
  width: 47%;
  color: #FFF; }

#mobile-schedule-filters .check-group input {
  display: inline-block;
  width: auto !important;
  margin-right: .5em; }

#mobile-schedule-info {
  padding: 1em;
  border-bottom: 1px solid #CCC; }

#mobile-schedule-info p {
  margin-bottom: 1em; }

#mobile-schedule-info .title {
  font-size: 1.1em;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase; }

#mobile-schedule-info img {
  margin-right: 1em; }

#mobile-schedule-info .separator {
  margin-bottom: 1em;
  border-bottom: 1px solid #CCC; }

#mobile-schedule-list .header {
  float: left;
  width: 100%;
  padding: .25em 1em;
  color: #FFF;
  text-transform: uppercase;
  font-family: "Trade Gothic W01 Bold";
  background: #85B09A; }

#mobile-schedule-list .film {
  float: left;
  width: 100%;
  padding: 1em 1em 1em 1em;
  color: #000;
  border-bottom: 1px solid #CCC;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }

#mobile-schedule-list .film img {
  float: left;
  margin: 0 1em 1em 0;
  vertical-align: top; }

#mobile-schedule-list .film .details {
  vertical-align: top; }

#mobile-schedule-list .film .title {
  margin-bottom: .1em;
  line-height: 1.2;
  font-size: 1.1em;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase; }

#mobile-schedule-list .film.red .title {
  color: #933; }

#mobile-schedule-list .film.orange .title {
  color: #F60; }

#mobile-schedule-list .film.yellow .title {
  color: #E9BE33; }

#mobile-schedule-list .film.green .title {
  color: #396; }

#mobile-schedule-list .film.blue .title {
  color: #09C; }

#mobile-schedule-list .film.purple .title {
  color: #969; }

#mobile-schedule-list .film.grey .title {
  color: #999; }

#mobile-schedule-list .film.brown .title {
  color: #8D6951; }

#mobile-schedule-list .film:last-child {
  border-bottom: none; }

#mobile-schedule-list .film:hover {
  text-decoration: none; }

/* --- Schedule List --- */
#schedule-list {
  position: relative;
  z-index: 0;
  float: left;
  width: 100%; }
  #schedule-list #list-films {
    position: relative;
    float: left;
    width: 974px;
    height: 4200px;
    overflow: hidden; }
    @media only screen and (max-width: 1100px) {
      #schedule-list #list-films {
        width: 686px; } }
    @media only screen and (max-width: 736px) {
      #schedule-list #list-films {
        width: 100%; } }
  #schedule-list #list-films-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 974px;
    height: 112000px; }
    @media only screen and (max-width: 1100px) {
      #schedule-list #list-films-slider {
        width: 686px; } }
    @media only screen and (max-width: 736px) {
      #schedule-list #list-films-slider {
        width: 100%; } }
  #schedule-list .page {
    float: left;
    display: inline;
    width: 974px; }
    @media only screen and (max-width: 1100px) {
      #schedule-list .page {
        width: 686px; } }
    @media only screen and (max-width: 736px) {
      #schedule-list .page {
        width: 100%; } }
  #schedule-list #archive-films .film .left {
    width: 100%;
    border-right: none; }
  #schedule-list .film {
    height: 190px;
    padding: 3.462em 0;
    border-bottom: 1px solid #CCC; }
    @media only screen and (max-width: 736px) {
      #schedule-list .film {
        padding: 2em 0 0 0;
        height: auto; } }
    #schedule-list .film.last {
      border-bottom: none; }
    #schedule-list .film .image {
      position: relative;
      height: 190px;
      background-color: #FCFCFC;
      overflow: hidden; }
      @media only screen and (max-width: 736px) {
        #schedule-list .film .image {
          height: 0;
          margin-bottom: 1.5em;
          padding-bottom: 61.29%; } }
      #schedule-list .film .image img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        cursor: pointer; }
        @media only screen and (max-width: 736px) {
          #schedule-list .film .image img {
            width: 100%; } }
      #schedule-list .film .image .play {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        width: 46px;
        height: 46px;
        margin: -23px 0 0 -23px;
        background: transparent url(../images/play-button.png) no-repeat 0 0;
        cursor: pointer; }
    #schedule-list .film .title {
      margin-bottom: .462em;
      font-family: "Trade Gothic W01 Bold";
      font-size: 2em;
      line-height: 1;
      color: #000; }
      #schedule-list .film .title span {
        font-family: "Trade Gothic W01 Roman";
        font-size: .5em;
        color: #999; }
      #schedule-list .film .title a, #schedule-list .film .title a:active, #schedule-list .film .title a:visited {
        color: #000;
        text-decoration: none; }
        #schedule-list .film .title a span, #schedule-list .film .title a:active span, #schedule-list .film .title a:visited span {
          color: #999; }
        #schedule-list .film .title a:hover, #schedule-list .film .title a:active:hover, #schedule-list .film .title a:visited:hover {
          color: #333;
          text-decoration: underline; }
    #schedule-list .film .left {
      float: left;
      display: inline;
      width: 345px;
      height: 160px;
      padding-right: 20px;
      color: #000;
      line-height: 1.4;
      border-right: 1px solid #CCC; }
      @media only screen and (max-width: 736px) {
        #schedule-list .film .left {
          height: auto;
          border-right: none; } }
      #schedule-list .film .left p {
        float: left;
        width: 100%; }
      #schedule-list .film .left .info {
        float: left;
        width: 100%;
        margin-bottom: 25px;
        color: #666;
        font-size: 10px;
        line-height: 13px;
        text-transform: uppercase;
        font-family: "Trade Gothic W01 Bold"; }
      #schedule-list .film .left a.more, #schedule-list .film .left a.more:active, #schedule-list .film .left a.more:visited {
        text-transform: none;
        color: #85B09A;
        text-decoration: none; }
        #schedule-list .film .left a.more:hover, #schedule-list .film .left a.more:active:hover, #schedule-list .film .left a.more:visited:hover {
          color: #000; }
        #schedule-list .film .left a.more em, #schedule-list .film .left a.more:active em, #schedule-list .film .left a.more:visited em {
          color: #999;
          font-size: 15px;
          font-style: normal;
          font-family: "Trade Gothic W01 Bold" !important; }
      #schedule-list .film .left ul.short-films {
        list-style-type: none; }
        #schedule-list .film .left ul.short-films li {
          float: left;
          width: 50%;
          line-height: 14px;
          margin-bottom: 10px; }
    #schedule-list .film .right {
      float: right;
      display: inline;
      width: 195px;
      padding-top: 10px;
      line-height: 19px; }
      @media only screen and (max-width: 736px) {
        #schedule-list .film .right {
          width: 100%;
          margin-bottom: 20px; } }
      #schedule-list .film .right .screening {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        font-family: "ClarendonTextW01-Italic 1097342";
        font-size: 18px;
        color: #000; }
      #schedule-list .film .right select {
        float: left;
        width: 100%;
        margin-bottom: 25px; }
      #schedule-list .film .right .note {
        float: left;
        width: 100%;
        margin: -15px 0 10px 0; }
      #schedule-list .film .right input {
        float: left;
        display: inline;
        width: 25px;
        padding: 3px;
        font-size: 13px;
        font-family: 'Trade Gothic W01 Roman';
        border: 1px solid #CCC; }
        @media only screen and (max-width: 736px) {
          #schedule-list .film .right input {
            width: 40px; } }
      #schedule-list .film .right .add-to-cart {
        float: right;
        display: inline;
        height: 48px;
        width: 110px;
        padding-left: 35px;
        background: transparent url(../images/buy-tickets-curly.png) no-repeat 0 0; }

#my-schedule #list-films {
  height: auto;
  overflow: visible; }

#my-schedule .film .right {
  padding-top: 27px; }

/* --- Custom Dropdowns --- */
.custom-dropdown {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 14px;
  padding: 5px;
  font-size: 11px;
  line-height: 14px;
  padding-left: 8px;
  font-family: "Trade Gothic W01 Bold";
  color: #333;
  text-transform: uppercase;
  background: #FFF;
  cursor: pointer;
  border: 1px solid #CCC;
  webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.custom-dropdown span {
  position: relative;
  z-index: 1;
  display: block; }

.custom-dropdown span em {
  font-size: 14px;
  color: #888;
  text-transform: lowercase;
  font-family: "ClarendonTextW01-Italic 1097342" !important; }

.custom-dropdown span span {
  display: inline-block; }

.custom-dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  max-height: 200px;
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
  line-height: 230%;
  background: #FFF;
  overflow: auto;
  border: 1px solid #CCC; }

.custom-dropdown ul li {
  padding: 0 8px;
  color: #000;
  text-transform: uppercase; }

.custom-dropdown ul li.selected {
  color: #FFF !important;
  background: #85B09A !important; }

.custom-dropdown ul li:hover {
  background: #EEE; }

.custom-dropdown.active ul {
  display: block; }

.custom-dropdown:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: #85B09A; }

.custom-dropdown:after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 6px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-style: solid;
  border-width: 5px 6px 0 6px;
  border-color: #FFF transparent transparent transparent; }

@media print {
  body {
    top: auto; }
  #site {
    position: static;
    top: 0;
    left: 0;
    margin: 0;
    border: none; }
  .wrapper {
    float: left; }
  #ciff, .wrapper {
    width: 1100px;
    overflow: visible; }
  #header, #schedule-header, #schedule-filters, #callouts, #social-bar, #footer-sponsors, #footer {
    display: none; }
  #film-list-headers {
    display: none; }
  #list-films {
    overflow: visible; }
  #list-films-slider {
    height: auto; }
  #section-bar {
    display: none; }
  .pagination {
    display: none; }
  .left {
    width: auto !important;
    border: none !important; }
  .right {
    display: none !important; } }

/* --- Slideshow Styles for lucy.slideshow.js --- */
.lucy-slideshow {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60.8695%;
  background: #EEE;
  overflow: hidden; }
  .lucy-slideshow .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out; }
    .lucy-slideshow .slider .slide {
      float: left;
      display: inline; }
      .lucy-slideshow .slider .slide img {
        width: 100%; }
    .lucy-slideshow .slider.count1 {
      width: 100%; }
      .lucy-slideshow .slider.count1 .slide {
        width: 100%; }
    .lucy-slideshow .slider.count2 {
      width: 200%; }
      .lucy-slideshow .slider.count2 .slide {
        width: 50%; }
    .lucy-slideshow .slider.count3 {
      width: 300%; }
      .lucy-slideshow .slider.count3 .slide {
        width: 33.3333333333%; }
    .lucy-slideshow .slider.count4 {
      width: 400%; }
      .lucy-slideshow .slider.count4 .slide {
        width: 25%; }
    .lucy-slideshow .slider.count5 {
      width: 500%; }
      .lucy-slideshow .slider.count5 .slide {
        width: 20%; }
    .lucy-slideshow .slider.count6 {
      width: 600%; }
      .lucy-slideshow .slider.count6 .slide {
        width: 16.6666666667%; }
    .lucy-slideshow .slider.count7 {
      width: 700%; }
      .lucy-slideshow .slider.count7 .slide {
        width: 14.2857142857%; }
    .lucy-slideshow .slider.count8 {
      width: 800%; }
      .lucy-slideshow .slider.count8 .slide {
        width: 12.5%; }
    .lucy-slideshow .slider.count9 {
      width: 900%; }
      .lucy-slideshow .slider.count9 .slide {
        width: 11.1111111111%; }
    .lucy-slideshow .slider.count10 {
      width: 1000%; }
      .lucy-slideshow .slider.count10 .slide {
        width: 10%; }
    .lucy-slideshow .slider.count11 {
      width: 1100%; }
      .lucy-slideshow .slider.count11 .slide {
        width: 9.0909090909%; }
    .lucy-slideshow .slider.count12 {
      width: 1200%; }
      .lucy-slideshow .slider.count12 .slide {
        width: 8.3333333333%; }
    .lucy-slideshow .slider.count13 {
      width: 1300%; }
      .lucy-slideshow .slider.count13 .slide {
        width: 7.6923076923%; }
    .lucy-slideshow .slider.count14 {
      width: 1400%; }
      .lucy-slideshow .slider.count14 .slide {
        width: 7.1428571429%; }
    .lucy-slideshow .slider.count15 {
      width: 1500%; }
      .lucy-slideshow .slider.count15 .slide {
        width: 6.6666666667%; }
  .lucy-slideshow.position1 .slider {
    left: 0%; }
  .lucy-slideshow.position2 .slider {
    left: -100%; }
  .lucy-slideshow.position3 .slider {
    left: -200%; }
  .lucy-slideshow.position4 .slider {
    left: -300%; }
  .lucy-slideshow.position5 .slider {
    left: -400%; }
  .lucy-slideshow.position6 .slider {
    left: -500%; }
  .lucy-slideshow.position7 .slider {
    left: -600%; }
  .lucy-slideshow.position8 .slider {
    left: -700%; }
  .lucy-slideshow.position9 .slider {
    left: -800%; }
  .lucy-slideshow.position10 .slider {
    left: -900%; }
  .lucy-slideshow.position11 .slider {
    left: -1000%; }
  .lucy-slideshow.position12 .slider {
    left: -1100%; }
  .lucy-slideshow.position13 .slider {
    left: -1200%; }
  .lucy-slideshow.position14 .slider {
    left: -1300%; }
  .lucy-slideshow.position15 .slider {
    left: -1400%; }

/* --- Donate --- */
#donate-page {
  position: relative;
  white-space: nowrap; }
  #donate-page .error {
    color: #F00; }
  #donate-page .lucy-wrapper {
    padding: 0; }
    @media only screen and (max-width: 736px) {
      #donate-page .lucy-wrapper {
        padding: 0 17px; } }
  #donate-page .subtitle {
    margin-bottom: 0;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 1.4em; }
  #donate-page h1 {
    margin-bottom: .5em;
    font-size: 3.2vw; }
    @media only screen and (max-width: 1100px) {
      #donate-page h1 {
        font-size: 4em; } }
  #donate-page h3 {
    margin-bottom: .5em;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 2.6em;
    text-transform: none; }
  #donate-page button {
    height: 40px;
    padding: .8em 2em !important;
    line-height: 1;
    text-align: center;
    background: none;
    background-color: #000; }
  #donate-page select, #donate-page input[type='text'], #donate-page input[type='tel'], #donate-page input[type='email'], #donate-page textarea {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    outline: none; }
  #donate-page textarea {
    min-height: 100px; }
  #donate-page input[type='text'], #donate-page input[type='tel'], #donate-page input[type='email'] {
    background: #edf3f0; }
  #donate-page .row div[class*='span'] {
    position: relative; }
    @media only screen and (max-width: 736px) {
      #donate-page .row div[class*='span'] {
        width: 100%; } }
  #donate-page .row .span24 {
    width: calc(100% - 10px); }
  #donate-page .row .span18 {
    width: 320px; }
  #donate-page .row .span16 {
    width: calc(66.6666% - 10px); }
  #donate-page .row .span12 {
    width: calc(50% - 10px); }
  #donate-page .row .span10 {
    width: calc(41.6666% - 10px); }
  #donate-page .row .span8 {
    width: calc(33.3333% - 10px); }
  #donate-page .row .span6 {
    width: calc(25% - 10px); }

#donate-left, #donate-right {
  position: relative;
  display: inline-block;
  width: 50%;
  font-size: 13px;
  vertical-align: top;
  white-space: normal;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out; }
  body.alert #donate-left, body.alert #donate-right {
    height: calc(100vh - 110px); }
  @media only screen and (max-width: 1100px) {
    #donate-left, #donate-right {
      width: 100% !important;
      padding: 0 !important; }
      #donate-left#donate-right, #donate-right#donate-right {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        background-image: none !important; }
        #donate-left#donate-right:before, #donate-right#donate-right:before {
          display: none; } }
#donate-left {
  width: 50%; }
  #donate-left .inner {
    padding: 4em 4em 4em 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    @media only screen and (max-width: 1100px) {
      #donate-left .inner {
        padding: 4em 0; } }
    @media only screen and (max-width: 736px) {
      #donate-left .inner {
        padding: 2em 0; } }
  #donate-left #donate-intro {
    margin-bottom: 4em;
    font-size: 1.2em; }
  #donate-left .note {
    display: none;
    margin-top: -39px;
    margin-bottom: 39px;
    font-size: .8em;
    font-style: italic; }
    #donate-left .note #frequency-amount-wrap {
      display: none; }
    @media only screen and (max-width: 1100px) {
      #donate-left .note {
        margin-top: -19.5px;
        margin-bottom: 19.5px; } }
    @media only screen and (max-width: 736px) {
      #donate-left .note {
        margin-top: -26px;
        margin-bottom: 26px; } }
  #donate-left #donate-amount, #donate-left #donate-frequency {
    margin-bottom: 3em; }
    @media only screen and (max-width: 1100px) {
      #donate-left #donate-amount, #donate-left #donate-frequency {
        margin-bottom: 1.5em; } }
    #donate-left #donate-amount .option, #donate-left #donate-frequency .option {
      display: inline-block;
      width: calc(33.333333% - 6.6666666667px - 3px);
      margin: 0 10px 10px 0;
      padding: 1em 0;
      text-align: center;
      font-size: 1.375em;
      line-height: 1.25;
      color: #000;
      text-decoration: none;
      font-family: "Trade Gothic W01 Bold";
      border: 1px solid #CCC;
      background: #FFF;
      cursor: pointer;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; }
      #donate-left #donate-amount .option:nth-child(3n), #donate-left #donate-frequency .option:nth-child(3n) {
        margin-right: 0; }
      #donate-left #donate-amount .option:hover, #donate-left #donate-frequency .option:hover {
        border-color: #000; }
      #donate-left #donate-amount .option.selected, #donate-left #donate-frequency .option.selected {
        background: #000;
        color: #FFF;
        -moz-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased; }
      #donate-left #donate-amount .option:focus, #donate-left #donate-frequency .option:focus {
        outline: #000; }
  #donate-left #other-amount {
    display: none; }
  #donate-left #donate-frequency {
    margin-bottom: 3em; }
  #donate-left #donate-honor #donate-honor-top {
    padding: 1.5em 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC; }
    #donate-left #donate-honor #donate-honor-top label {
      font-family: "Trade Gothic W01 Roman";
      font-size: 1em;
      color: #000;
      text-transform: none; }
  #donate-left #donate-honor #donate-honor-bottom {
    display: none;
    padding: 1.5em 0;
    border-bottom: 1px solid #CCC; }
    #donate-left #donate-honor #donate-honor-bottom .row {
      margin-top: 1em; }
  #donate-left #donate-honor label {
    display: inline-block;
    margin: 0 0 0 .15em; }
    @media only screen and (max-width: 736px) {
      #donate-left #donate-honor label {
        width: calc(100% - 30px);
        vertical-align: top; } }
  #donate-left #donate-honor input[type=radio], #donate-left #donate-honor input[type=checkbox] {
    position: relative;
    top: 5px;
    vertical-align: top; }
  #donate-left #personal-info, #donate-left #notification-info, #donate-left #payment-info {
    margin-top: 3em; }
    #donate-left #personal-info h3, #donate-left #notification-info h3, #donate-left #payment-info h3 {
      margin-bottom: .5em; }
  #donate-left #notification-info, #donate-left #honor-fields {
    display: none; }
  #donate-left #notification-info {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #CCC; }
  #donate-left .card-icons {
    position: absolute;
    top: 32px;
    right: 8px; }
    #donate-left .card-icons span {
      filter: alpha(opacity=25);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
      -moz-opacity: 0.25;
      -khtml-opacity: 0.25;
      opacity: 0.25; }
      @media only screen and (max-width: 736px) {
        #donate-left .card-icons span {
          display: none; }
          #donate-left .card-icons span.selected {
            display: block; } }
      #donate-left .card-icons span.selected {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
      #donate-left .card-icons span img {
        height: 20px; }
  #donate-left #donate-processing-fees {
    display: none; }
  #donate-left button {
    font-size: 1em; }
  #donate-left #donate-buttons {
    display: block;
    overflow: hidden; }
  #donate-left #logos {
    display: block;
    margin-top: 2em; }
    #donate-left #logos a {
      display: inline-block;
      vertical-align: middle; }
      #donate-left #logos a img {
        margin-right: 10px; }
  #donate-left #challenge {
    overflow: hidden; }
    #donate-left #challenge #challenge-progress {
      position: relative;
      width: 100%;
      margin-bottom: 3em; }
      #donate-left #challenge #challenge-progress .goal {
        position: absolute;
        top: 50%;
        right: 15px;
        z-index: 2;
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        #donate-left #challenge #challenge-progress .goal.met {
          position: relative;
          top: auto;
          right: auto;
          margin-bottom: 10px;
          color: #000;
          -moz-transform: translate(0, 0);
          -webkit-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
      #donate-left #challenge #challenge-progress .bar {
        float: none;
        height: 45px;
        background: #EEE; }
        #donate-left #challenge #challenge-progress .bar:after {
          display: none; }
        #donate-left #challenge #challenge-progress .bar .fill {
          height: 100%;
          background: #85B09A; }
          #donate-left #challenge #challenge-progress .bar .fill p {
            position: absolute;
            top: 50%;
            right: 15px;
            z-index: 2;
            margin: 0;
            -moz-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    #donate-left #challenge .sponsor {
      margin-bottom: .25em;
      font-family: "ClarendonTextW01-Italic 1097342";
      font-size: 1.5em; }
    #donate-left #challenge .challenge-amount {
      position: relative;
      height: 90px;
      margin-bottom: 2em; }
      @media only screen and (max-width: 736px) {
        #donate-left #challenge .challenge-amount {
          margin-bottom: 10px; } }
      #donate-left #challenge .challenge-amount .dollar {
        position: absolute;
        top: 50%;
        left: 15px;
        font-family: "Trade Gothic W01 Bold";
        font-size: 2em;
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
      #donate-left #challenge .challenge-amount input {
        height: 100%;
        padding-left: 35px;
        font-size: 2em;
        font-family: "Trade Gothic W01 Bold"; }
  #donate-left #matched-amount {
    display: none; }
    #donate-left #matched-amount #after-match {
      margin-bottom: .5em;
      line-height: 1.3; }
  #donate-left .match-note {
    margin-bottom: 4em; }

#donate-right {
  position: fixed;
  top: 150px;
  left: 50%;
  height: calc(100vh - 150px);
  max-width: 750px;
  background-position: center;
  background-size: 100% auto;
  background-size: cover; }
  #donate-right.darken:before {
    display: block; }
  #donate-right:before {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: '';
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; }
  #donate-right img {
    display: none;
    width: 100%; }
  #donate-right.unlock {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50vw; }
  #donate-right .inner {
    position: relative;
    z-index: 2;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 4em 10em 2em 10em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    @media only screen and (max-width: 1100px) {
      #donate-right .inner {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
        padding: 2em 0;
        background: transparent;
        background-attachment: fixed;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; }
        #donate-right .inner .title {
          font-size: 2.25em; }
        #donate-right .inner p:last-child {
          display: none; } }
    @media only screen and (max-width: 736px) {
      #donate-right .inner {
        padding: 0; } }
    #donate-right .inner h2 {
      margin-bottom: .5em;
      font-size: 2em;
      font-family: "ClarendonTextW01-Italic 1097342";
      line-height: 1;
      color: #FFF;
      -moz-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased; }
      @media only screen and (max-width: 1100px) {
        #donate-right .inner h2 {
          color: #000; } }
    #donate-right .inner ul {
      margin-bottom: 4em;
      padding-left: 0;
      list-style-type: none; }
      @media only screen and (max-width: 1100px) {
        #donate-right .inner ul {
          margin-bottom: 4em; } }
      @media only screen and (max-width: 736px) {
        #donate-right .inner ul {
          margin-bottom: 3em; } }
      #donate-right .inner ul li {
        margin-bottom: .3em;
        font-family: "Trade Gothic W01 Bold";
        font-size: 1.2em;
        text-transform: uppercase;
        color: #FFF;
        -moz-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased; }
        @media only screen and (max-width: 1100px) {
          #donate-right .inner ul li {
            color: #000; } }
        #donate-right .inner ul li.spaced {
          padding-top: .3em;
          border-top: 1px solid #FFF; }
          @media only screen and (max-width: 1100px) {
            #donate-right .inner ul li.spaced {
              border-color: #000; } }
    #donate-right .inner p:last-child {
      margin-bottom: 0;
      font-size: .9em; }

body {
  font-size: 13px;
  line-height: 1.5;
  color: #000; }

#site {
  position: relative;
  padding-top: 150px;
  max-width: 1500px;
  margin: 0 auto;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  overflow: hidden; }
  @media only screen and (max-width: 736px) {
    #site {
      padding-top: 65px !important;
      border: 0; } }
  @media only print {
    #site {
      padding-top: 0;
      border: none;
      overflow: visible; } }
.lucy-wrapper {
  position: relative;
  width: 974px;
  margin: 0 auto; }
  @media only screen and (max-width: 1100px) {
    .lucy-wrapper {
      font-size: 12px;
      width: 686px; } }
  @media only screen and (max-width: 736px) {
    .lucy-wrapper {
      width: 100%;
      padding: 0 17px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; } }
/* --- New Header --- */
body.no-fix #site {
  padding-top: 0; }

body.no-fix header {
  position: relative; }
  @media only screen and (max-width: 736px) {
    body.no-fix header {
      position: absolute; } }
body.no-fix #shelf {
  position: absolute; }

header {
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px; }
  @media only screen and (max-width: 736px) {
    header {
      position: absolute;
      top: -2500px;
      z-index: 101; } }
  @media only print {
    header {
      position: relative;
      top: auto;
      left: auto;
      height: auto; } }
  header #header-inner {
    max-width: 1500px;
    margin: 0 auto;
    background: #000; }
  header .top {
    width: 100%;
    height: 50px;
    line-height: 48px;
    background: #FFF; }
    header .top .span16 {
      height: 50px;
      font-size: 1.15em;
      font-family: "ClarendonTextW01-Regula 1097411";
      color: #666; }
      header .top .span16 strong {
        font-size: 1.1em;
        font-family: "TradeGothicW01-BoldCn20 675334";
        text-transform: uppercase; }
        header .top .span16 strong em {
          display: inline-block;
          margin: 0 .25em;
          color: #85B09A;
          font-style: normal;
          font-family: "TradeGothicW01-BoldCn20 675334" !important; }
        @media only screen and (max-width: 1100px) {
          header .top .span16 strong span {
            display: none; } }
      header .top .span16 #dollar-bank {
        display: none;
        margin-left: 1em;
        padding-left: 1em;
        font-size: .8em;
        color: #000;
        text-decoration: none;
        border-left: 1px solid #CCC; }
        header .top .span16 #dollar-bank:hover {
          text-decoration: underline; }
        @media only screen and (max-width: 1100px) {
          header .top .span16 #dollar-bank {
            display: inline-block; } }
        @media only screen and (max-width: 736px) {
          header .top .span16 #dollar-bank {
            display: none; } }
    header .top .span8 a {
      position: relative;
      display: inline-block;
      height: 50px;
      margin-left: .5em;
      text-transform: uppercase;
      color: #000;
      font-family: "TradeGothicW01-BoldCn20 675334"; }
      header .top .span8 a.renew {
        position: relative;
        padding-left: 1em; }
        header .top .span8 a.renew:before {
          position: absolute;
          top: 18px;
          left: 0;
          width: 1px;
          height: 1em;
          background: #CCC;
          content: ''; }
        header .top .span8 a.renew.red {
          color: red; }
      header .top .span8 a.admin {
        position: fixed;
        top: 0;
        right: 0;
        height: 30px;
        padding: 0 .75em;
        line-height: 30px;
        color: #FFF;
        background: #85B09A; }
  header .bottom {
    height: 100px; }
    @media only print {
      header .bottom {
        display: none; } }
    header .bottom .logo {
      float: left;
      margin-top: 24px;
      text-decoration: none; }
      header .bottom .logo a {
        text-decoration: none; }
      header .bottom .logo .box {
        display: inline-block;
        width: 44px;
        height: 46px;
        background: #85B09A url(../images/logo-text.png) no-repeat center;
        background-size: 31px 40px; }
      header .bottom .logo img {
        display: inline-block;
        height: 46px;
        margin-left: .35em; }
        @media only screen and (max-width: 1100px) {
          header .bottom .logo img {
            display: none; } }
    header .bottom #dollar-bank-main {
      position: relative;
      top: -3px;
      font-size: .85em;
      text-transform: uppercase;
      font-family: "TradeGothicW01-BoldCn20 675334";
      color: #FFF;
      text-decoration: none; }
      header .bottom #dollar-bank-main:hover {
        text-decoration: underline; }
      @media only screen and (max-width: 1100px) {
        header .bottom #dollar-bank-main {
          display: none; } }
    header .bottom nav {
      position: relative;
      float: right;
      width: auto;
      font-size: 1.7em; }
      header .bottom nav a, header .bottom nav a:active, header .bottom nav a:visited {
        display: inline-block;
        margin-left: .75em;
        line-height: 100px;
        color: #FFF;
        text-transform: uppercase;
        font-family: "Trade Gothic W01 Bold"; }
        header .bottom nav a.active, header .bottom nav a.selected, header .bottom nav a:hover, header .bottom nav a:active.active, header .bottom nav a:active.selected, header .bottom nav a:active:hover, header .bottom nav a:visited.active, header .bottom nav a:visited.selected, header .bottom nav a:visited:hover {
          color: #85B09A;
          text-decoration: none; }
        header .bottom nav a:first-child, header .bottom nav a:active:first-child, header .bottom nav a:visited:first-child {
          margin-left: 0; }
      header .bottom nav .triangle {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20.5px 11px 20.5px;
        border-color: transparent transparent #FFF transparent;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out; }

#shelf {
  position: fixed;
  z-index: 11;
  top: 150px;
  left: 0;
  width: 100%; }
  #shelf #shelf-inner {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    background: #FFF; }
    #shelf #shelf-inner:after {
      position: absolute;
      bottom: -65px;
      left: 0;
      width: 100%;
      height: 65px;
      background: transparent url(../images/shelf-shadow.png) repeat-x 0 0;
      content: ''; }
    #shelf #shelf-inner .page {
      padding: 2em 0; }
  #shelf #shelf-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    line-height: 1;
    font-family: "Trade Gothic W01 Roman";
    font-size: 1.5em;
    cursor: pointer; }
  #shelf #shelf-festival {
    padding: 0 !important; }
    #shelf #shelf-festival .tight {
      padding-top: 5px;
      line-height: 1.5; }
    #shelf #shelf-festival .primary {
      text-align: right; }
      @media only screen and (max-width: 1100px) {
        #shelf #shelf-festival .primary {
          height: 300px !important; } }
    #shelf #shelf-festival .primary, #shelf #shelf-festival .span18, #shelf #shelf-festival .span19 {
      padding: 2em 0; }
    #shelf #shelf-festival .primary, #shelf #shelf-festival .section {
      height: 210px; }
    #shelf #shelf-festival .primary:after {
      display: none; }
    @media only screen and (max-width: 1100px) {
      #shelf #shelf-festival .span6 {
        width: 210px; }
      #shelf #shelf-festival .span18, #shelf #shelf-festival .span19 {
        width: 466px; }
      #shelf #shelf-festival #page-festival .section {
        width: 40%;
        height: auto; }
        #shelf #shelf-festival #page-festival .section:nth-child(2) {
          margin-bottom: 2em;
          border-right: none; }
        #shelf #shelf-festival #page-festival .section:nth-child(3) {
          padding-left: 1.5em; } }
  #shelf #shelf-support .primary, #shelf #shelf-support .secondary {
    height: 180px; }
  #shelf #shelf-support .span6 ul {
    padding-left: 1em; }
  #shelf #shelf-about .secondary ul {
    padding-left: 1em;
    font-size: 1.5em;
    font-family: "Trade Gothic W01 Bold";
    text-transform: uppercase; }
    #shelf #shelf-about .secondary ul .small {
      text-transform: none; }
  #shelf #shelf-about .primary, #shelf #shelf-about .secondary {
    height: 230px; }
  #shelf #shelf-about .span5 {
    position: relative; }
    #shelf #shelf-about .span5:after {
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      background: #CCC;
      content: ''; }
  #shelf #shelf-about .mission {
    font-size: 1.4em;
    font-family: "ClarendonTextW01-Italic 1097342";
    line-height: 2; }
    #shelf #shelf-about .mission p {
      margin-top: 2.5em; }
  #shelf .primary {
    position: relative;
    text-transform: uppercase;
    font-family: "Trade Gothic W01 Bold"; }
    #shelf .primary ul {
      margin: 0;
      padding: 0 1em 0 0;
      font-size: 1.5em;
      line-height: 1.9;
      list-style-type: none; }
      #shelf .primary ul li.two-line {
        line-height: 1.2;
        margin-bottom: .3em; }
      #shelf .primary ul a, #shelf .primary ul a:active, #shelf .primary ul a:visited {
        color: #000; }
        #shelf .primary ul a:hover, #shelf .primary ul a.active, #shelf .primary ul a:active:hover, #shelf .primary ul a:active.active, #shelf .primary ul a:visited:hover, #shelf .primary ul a:visited.active {
          color: #85B09A;
          text-decoration: none; }
    #shelf .primary .triangle {
      position: absolute;
      top: 32px;
      right: -10px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 0 12px 10px;
      border-color: transparent transparent transparent #FFF;
      content: '';
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out; }
    #shelf .primary.tiered {
      border-right: none; }
      #shelf .primary.tiered:before {
        position: absolute;
        top: 0;
        right: -46px;
        width: 46px;
        height: 100%;
        background: transparent url(../images/shelf-primary-shadow.png) repeat-y 0 0;
        content: ''; }
    #shelf .primary:after {
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      background: #CCC;
      content: ''; }
  #shelf .secondary .section {
    display: inline-block;
    padding: 0 1.5em 0 .75em;
    vertical-align: top;
    border-right: 1px solid #CCC; }
    #shelf .secondary .section:first-child {
      padding-left: 1.5em; }
    #shelf .secondary .section:last-child {
      padding-right: 0;
      border-right: none; }
  #shelf .secondary ul {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    font-family: "ClarendonTextW01-Italic 1097342";
    list-style-type: none; }
    #shelf .secondary ul li {
      line-height: 2;
      border-bottom: 1px solid #CCC; }
      #shelf .secondary ul li:last-child {
        border-bottom: none; }
      #shelf .secondary ul li.small {
        font-size: .65em;
        font-family: "Trade Gothic W01 Roman";
        border-bottom: none; }
      #shelf .secondary ul li.no-border {
        border-bottom: none; }
      #shelf .secondary ul li.two-line {
        line-height: 1.2;
        padding-top: .5em; }
    #shelf .secondary ul a, #shelf .secondary ul a:active, #shelf .secondary ul a:visited {
      color: #000;
      text-decoration: none; }
      #shelf .secondary ul a:hover, #shelf .secondary ul a:active:hover, #shelf .secondary ul a:visited:hover {
        text-decoration: underline; }
  #shelf .secondary .callout {
    display: inline-block;
    padding-left: 1em;
    color: #000;
    font-size: 1.2em; }
    #shelf .secondary .callout .title {
      margin-bottom: .25em;
      font-size: 3em;
      line-height: 1;
      font-family: "Trade Gothic W01 Bold";
      text-transform: uppercase; }
      #shelf .secondary .callout .title span {
        display: block;
        font-family: "ClarendonTextW01-Italic 1097342";
        font-size: .35em;
        text-transform: lowercase; }
    #shelf .secondary .callout .action {
      display: inline-block;
      padding: .35em .45em;
      line-height: 1;
      text-transform: uppercase;
      color: #FFF;
      font-family: "TradeGothicW01-BoldCn20 675334";
      font-size: 1.1em;
      background-color: #85B09A; }
      #shelf .secondary .callout .action:hover {
        background: #000; }
    #shelf .secondary .callout:hover {
      text-decoration: none; }
    #shelf .secondary .callout p {
      margin-bottom: 1em; }
      #shelf .secondary .callout p:last-child {
        margin-bottom: 0; }
    #shelf .secondary .callout.small {
      width: 460px; }
      @media only screen and (max-width: 1100px) {
        #shelf .secondary .callout.small {
          width: 200px; } }
#page-plan .section:first-child, #page-media .section:first-child {
  width: 190px; }

/* --- Slideshow --- */
#home-slides {
  position: relative;
  width: 100%;
  height: 448px;
  background: #F7F7F7;
  overflow: hidden; }
  @media only screen and (max-width: 1100px) {
    #home-slides {
      height: 316px; } }
  @media only screen and (max-width: 736px) {
    #home-slides {
      height: 400px; } }
  #home-slides .lucy-wrapper {
    position: relative;
    height: 100%; }
    #home-slides .lucy-wrapper:before, #home-slides .lucy-wrapper:after {
      position: absolute;
      z-index: 2;
      top: 0;
      width: 500px;
      height: 100%;
      background: rgba(255, 255, 255, 0.5);
      content: ''; }
      @media only screen and (max-width: 736px) {
        #home-slides .lucy-wrapper:before, #home-slides .lucy-wrapper:after {
          display: none; } }
    #home-slides .lucy-wrapper:before {
      right: 974px; }
    #home-slides .lucy-wrapper:after {
      left: 974px; }
  #home-slides #home-slide-previous, #home-slides #home-slide-next {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 35px;
    height: 70px;
    margin-top: -35px;
    cursor: pointer; }
  #home-slides #home-slide-previous {
    left: 0;
    background-image: url(../images/slide-arrow-left.png);
    background-size: cover; }
  #home-slides #home-slide-next {
    right: 0;
    background-image: url(../images/slide-arrow-right.png);
    background-size: cover; }

#home-slider {
  position: absolute;
  top: 0;
  width: 20000px;
  height: 448px;
  left: -1948px; }
  #home-slider.count1 {
    width: 100%; }
    #home-slider.count1 .slide {
      width: 100%; }
  #home-slider.count2 {
    width: 200%; }
    #home-slider.count2 .slide {
      width: 50%; }
  #home-slider.count3 {
    width: 300%; }
    #home-slider.count3 .slide {
      width: 33.3333333333%; }
  #home-slider.count4 {
    width: 400%; }
    #home-slider.count4 .slide {
      width: 25%; }
  #home-slider.count5 {
    width: 500%; }
    #home-slider.count5 .slide {
      width: 20%; }
  #home-slider.count6 {
    width: 600%; }
    #home-slider.count6 .slide {
      width: 16.6666666667%; }
  #home-slider.count7 {
    width: 700%; }
    #home-slider.count7 .slide {
      width: 14.2857142857%; }
  #home-slider.count8 {
    width: 800%; }
    #home-slider.count8 .slide {
      width: 12.5%; }
  #home-slider.count9 {
    width: 900%; }
    #home-slider.count9 .slide {
      width: 11.1111111111%; }
  #home-slider.count10 {
    width: 1000%; }
    #home-slider.count10 .slide {
      width: 10%; }
  #home-slider.count11 {
    width: 1100%; }
    #home-slider.count11 .slide {
      width: 9.0909090909%; }
  #home-slider.count12 {
    width: 1200%; }
    #home-slider.count12 .slide {
      width: 8.3333333333%; }
  #home-slider.count13 {
    width: 1300%; }
    #home-slider.count13 .slide {
      width: 7.6923076923%; }
  #home-slider.count14 {
    width: 1400%; }
    #home-slider.count14 .slide {
      width: 7.1428571429%; }
  #home-slider.count15 {
    width: 1500%; }
    #home-slider.count15 .slide {
      width: 6.6666666667%; }
  #home-slider.count16 {
    width: 1600%; }
    #home-slider.count16 .slide {
      width: 6.25%; }
  #home-slider.count17 {
    width: 1700%; }
    #home-slider.count17 .slide {
      width: 5.8823529412%; }
  #home-slider.count18 {
    width: 1800%; }
    #home-slider.count18 .slide {
      width: 5.5555555556%; }
  #home-slider.count19 {
    width: 1900%; }
    #home-slider.count19 .slide {
      width: 5.2631578947%; }
  #home-slider.count20 {
    width: 2000%; }
    #home-slider.count20 .slide {
      width: 5%; }
  @media only screen and (max-width: 1100px) {
    #home-slider {
      height: 316px;
      left: -1372px; } }
  @media only screen and (max-width: 736px) {
    #home-slider {
      left: -200%;
      height: 400px; } }
  #home-slider .slide {
    position: relative;
    float: left;
    display: inline;
    width: 974px;
    height: 448px;
    overflow: hidden; }
    @media only screen and (max-width: 1100px) {
      #home-slider .slide {
        width: 686px;
        height: 316px; } }
    @media only screen and (max-width: 736px) {
      #home-slider .slide {
        height: 400px; } }
    #home-slider .slide.image img, #home-slider .slide.film img {
      width: 100%;
      height: 100%; }
      @media only screen and (max-width: 736px) {
        #home-slider .slide.image img, #home-slider .slide.film img {
          width: auto;
          max-width: none; } }
    #home-slider .slide.image .content, #home-slider .slide.film .content {
      position: absolute;
      z-index: 1;
      bottom: 5em;
      width: 100%;
      text-align: center;
      color: #FFF; }
      #home-slider .slide.image .content .title, #home-slider .slide.film .content .title {
        margin-bottom: .2em;
        text-transform: uppercase;
        font-size: 3.3em;
        font-family: "Trade Gothic W01 Bold"; }
        @media only screen and (max-width: 736px) {
          #home-slider .slide.image .content .title, #home-slider .slide.film .content .title {
            line-height: 1.2; } }
      #home-slider .slide.image .content .body, #home-slider .slide.film .content .body {
        padding: 0 4em;
        font-size: 1.2em; }
        @media only screen and (max-width: 736px) {
          #home-slider .slide.image .content .body, #home-slider .slide.film .content .body {
            padding: 0; } }
      @media only screen and (max-width: 736px) {
        #home-slider .slide.image .content, #home-slider .slide.film .content {
          padding: 0 4em;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box; } }
    #home-slider .slide.image:after, #home-slider .slide.film:after {
      position: absolute;
      z-index: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent url(../images/slide-shadow.png) repeat-x bottom left;
      background-size: 100% 28%;
      content: ''; }
      @media only screen and (max-width: 736px) {
        #home-slider .slide.image:after, #home-slider .slide.film:after {
          background-image: none;
          background: rgba(0, 0, 0, 0.6); } }
    #home-slider .slide.text {
      color: #FFF;
      text-align: center;
      background: #85B09A; }
      #home-slider .slide.text .content {
        margin-top: 4em; }
        #home-slider .slide.text .content .title {
          margin-bottom: .2em;
          font-size: 3.3em;
          font-family: "Trade Gothic W01 Bold";
          text-transform: uppercase; }
          @media only screen and (max-width: 1100px) {
            #home-slider .slide.text .content .title {
              font-size: 2.3em; } }
          #home-slider .slide.text .content .title strong {
            display: block;
            font-size: 2em;
            color: #FFF;
            line-height: 1; }
        #home-slider .slide.text .content .body {
          font-size: 1.2em; }
        @media only screen and (max-width: 736px) {
          #home-slider .slide.text .content {
            margin-top: 6em;
            padding: 0 4em;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box; } }
    #home-slider .slide.text-image {
      color: #FFF;
      background: #85B09A; }
      #home-slider .slide.text-image .span10 {
        height: 448px;
        background-size: cover; }
        @media only screen and (max-width: 1100px) {
          #home-slider .slide.text-image .span10 {
            height: 316px; } }
        @media only screen and (max-width: 736px) {
          #home-slider .slide.text-image .span10 {
            height: 400px; }
            #home-slider .slide.text-image .span10:after {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.6);
              content: ''; } }
      #home-slider .slide.text-image .span11 {
        position: relative;
        left: 10px; }
        #home-slider .slide.text-image .span11 .title {
          margin: 1.5em 0 .2em 0;
          line-height: 1.1;
          text-transform: uppercase;
          font-size: 3.3em;
          font-family: "Trade Gothic W01 Bold"; }
          @media only screen and (max-width: 1100px) {
            #home-slider .slide.text-image .span11 .title {
              font-size: 2.3em; } }
        #home-slider .slide.text-image .span11 .body {
          font-size: 1.4em; }
        @media only screen and (max-width: 736px) {
          #home-slider .slide.text-image .span11 {
            position: absolute;
            left: 0;
            bottom: 2em;
            padding: 0 4em;
            text-align: center; } }
    #home-slider .slide .action {
      display: inline-block;
      padding: .35em .5em;
      line-height: 1;
      text-transform: uppercase;
      color: #85B09A;
      font-family: "TradeGothicW01-BoldCn20 675334";
      font-size: 1.2em;
      background-color: #000; }

/* --- Header --- */
#header {
  position: relative;
  top: 0;
  z-index: 11;
  float: left;
  width: 100%;
  height: 108px;
  padding-top: 42px;
  background-color: #000;
  /* --- Navigation Icons --- */
  /* --- Main Navigation --- */
  /* --- Secondary Navigation --- */ }
  @media only screen and (max-width: 1100px) {
    #header {
      height: 125px;
      padding-top: 32px; } }
  @media only screen and (max-width: 736px) {
    #header {
      position: absolute;
      top: -2500px;
      z-index: 101; } }
  #header.transparent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    background: transparent url(../images/header-bg.png) repeat 0 0; }
    @media only screen and (max-width: 736px) {
      #header.transparent {
        top: -2500px; } }
  #header.free.transparent {
    top: 40px !important; }
  #header.emergency.transparent {
    top: 50px !important; }
  #header.free.emergency {
    top: 90px !important; }
  #header #logo {
    position: relative;
    top: -5px;
    float: left;
    display: inline;
    margin-right: 15px;
    text-align: right; }
    @media only screen and (max-width: 1100px) {
      #header #logo {
        top: 0;
        width: 164px;
        margin: 27px 0 0 0; } }
    #header #logo a {
      display: block; }
    #header #logo #presented-by {
      margin: 1px 0 7px 0; }
      @media only screen and (max-width: 1100px) {
        #header #logo #presented-by img {
          width: 158px; } }
  #header #header-dates {
    position: relative;
    top: -5px;
    float: left;
    display: inline;
    height: 83px;
    margin: 0;
    padding-left: 23px;
    color: #85B09A;
    font-size: 11px;
    line-height: 21px;
    text-transform: uppercase;
    font-family: "ClarendonTextW01-Italic 1097342";
    background: transparent url(../images/header-separator.png) repeat-y 0 0; }
    @media only screen and (max-width: 1100px) {
      #header #header-dates {
        position: absolute;
        top: -32px;
        left: 0;
        width: 100%;
        height: auto;
        margin: 0;
        padding: .5em 0;
        text-align: left; }
        #header #header-dates span {
          position: relative;
          z-index: 2; }
        #header #header-dates br {
          content: ''; }
          #header #header-dates br:nth-child(1):after {
            content: ', '; }
          #header #header-dates br:nth-child(2):after {
            content: '\2022';
            margin: 0 5px; }
          #header #header-dates br:nth-child(3):after {
            content: ' ';
            margin: 0; }
        #header #header-dates:before {
          content: '';
          position: absolute;
          top: 0;
          left: -206px;
          width: 1098px;
          height: 100%;
          background: #333; } }
  #header ul#nav-icons {
    position: absolute;
    top: -42px;
    right: 2px;
    list-style-type: none; }
    @media only screen and (max-width: 1100px) {
      #header ul#nav-icons {
        position: static;
        float: right;
        margin-bottom: 1em; } }
    #header ul#nav-icons li {
      position: relative;
      float: left;
      display: inline;
      border-left: 1px solid #4E4E4E; }
      #header ul#nav-icons li a, #header ul#nav-icons li a:active, #header ul#nav-icons li a:visited {
        display: block;
        height: 19px;
        padding: 6px 10px 0 10px;
        font-family: "Trade Gothic W01 Bold";
        font-size: .769em;
        line-height: 1;
        color: #FFF;
        text-decoration: none;
        text-transform: uppercase; }
      #header ul#nav-icons li.text a {
        height: 13px;
        padding: 12px 0 0 10px; }
        #header ul#nav-icons li.text a:hover {
          text-decoration: underline; }
      #header ul#nav-icons li.text.first {
        padding-right: 10px;
        border-left: none; }
      #header ul#nav-icons li.text.last {
        padding-left: 10px;
        border-left: none; }
      #header ul#nav-icons li #login-link, #header ul#nav-icons li #logout-link {
        width: 35px;
        text-align: center; }
      #header ul#nav-icons li #admin-status {
        margin-top: 0;
        padding: 10px;
        color: #FFF;
        font-size: 1.077em;
        line-height: 1;
        background: #85B09A;
        border-left: 1px solid #4E4E4E; }
  #header .translated-ltr #nav {
    width: 475px;
    height: 55px;
    overflow: hidden; }
    #header .translated-ltr #nav li a {
      font-size: 1.846em !important; }
  #header #nav {
    float: right;
    display: inline;
    height: 4.231em;
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    overflow: hidden; }
    #header #nav li {
      float: left;
      display: inline;
      padding-left: 20px;
      margin-left: 20px;
      background: transparent url(../images/header-separator.png) no-repeat 0 0; }
      #header #nav li a, #header #nav li a:active, #header #nav li a:visited {
        display: block;
        height: 2.037em;
        font-size: 2.077em;
        line-height: 1;
        font-family: "Trade Gothic W01 Bold";
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none; }
        @media only screen and (max-width: 1100px) {
          #header #nav li a, #header #nav li a:active, #header #nav li a:visited {
            font-size: 1.9em; } }
        #header #nav li a:hover, #header #nav li a:active:hover, #header #nav li a:visited:hover {
          color: #85B09A; }
      #header #nav li.selected a, #header #nav li.opened a {
        background: transparent url(../images/nav-bg.jpg) repeat-x bottom left; }
      #header #nav li.first {
        padding-left: 0;
        margin-left: 0;
        background-image: none; }
  #header .translated-ltr #sub-nav {
    width: 475px;
    height: 11px;
    overflow: hidden; }
  #header #sub-nav {
    float: right;
    display: inline;
    margin: 0 0 2.923em 0 !important;
    padding: 0 !important; }
    @media only screen and (max-width: 1100px) {
      #header #sub-nav {
        margin-bottom: 1em !important; } }
    #header #sub-nav li {
      float: left;
      display: inline;
      margin-left: 11px; }
      #header #sub-nav li a, #header #sub-nav li a:active, #header #sub-nav li a:visited {
        display: block;
        padding: 2px;
        font-size: 11px;
        line-height: 11px;
        color: #85B09A;
        font-family: "Trade Gothic W01 Bold";
        text-decoration: none;
        text-transform: uppercase; }
        #header #sub-nav li a:hover, #header #sub-nav li a:active:hover, #header #sub-nav li a:visited:hover {
          color: #FFF; }
      #header #sub-nav li.selected a {
        background-color: #85B09A;
        color: #000; }

/* --- Badge --- */
#cart-badge {
  position: absolute;
  top: -27px;
  top: 8px;
  right: -3px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 7px;
  color: #FFF;
  text-align: center;
  background: #85B09A;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box; }
  #cart-badge.active {
    top: 7px; }

/* --- Mobile Nav --- */
#mobile-header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: #000; }
  @media only screen and (max-width: 736px) {
    #mobile-header {
      display: block; } }
  #mobile-header #mobile-logo {
    display: inline-block;
    width: 145px;
    padding: 12px 0 0 20px;
    font-family: "Trade Gothic W01 Bold";
    letter-spacing: .02em;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF; }
    #mobile-header #mobile-logo img {
      display: block;
      width: 100%; }
  #mobile-header #mobile-icons {
    float: right; }
    #mobile-header #mobile-icons li {
      position: relative;
      float: left;
      display: inline;
      font-family: "Trade Gothic W01 Bold";
      font-size: .769em;
      text-transform: uppercase;
      text-align: center;
      -moz-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; }
      #mobile-header #mobile-icons li a {
        position: relative;
        display: block;
        padding: 14px;
        color: #FFF; }
        #mobile-header #mobile-icons li a:hover, #mobile-header #mobile-icons li a.selected {
          background: #85B09A;
          text-decoration: none; }
        #mobile-header #mobile-icons li a #cart-badge-mobile {
          position: absolute;
          top: -14px;
          right: 4px;
          width: 13px;
          height: 13px;
          line-height: 13px;
          font-family: "Trade Gothic W01 Bold";
          font-size: 7px;
          color: #FFF;
          text-align: center;
          background: transparent url(../images/cart-badge-bg.png) no-repeat 0 0; }
        #mobile-header #mobile-icons li a img {
          height: 17px; }
        #mobile-header #mobile-icons li a#mobile-nav-trigger span {
          text-align: left; }
        #mobile-header #mobile-icons li a span {
          display: block;
          font-size: 12px; }
  #mobile-header #mobile-quick-links-content {
    position: absolute;
    top: -1000px;
    left: 0;
    z-index: 100;
    display: table;
    width: 100%;
    height: 250px;
    background: #FFF url(../images/mobile-shadow.png) repeat-x 0 0;
    background-size: auto 12px; }
    #mobile-header #mobile-quick-links-content:before {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      display: none;
      width: 100%;
      height: 1500px;
      background: rgba(0, 0, 0, 0.3);
      content: ''; }
    #mobile-header #mobile-quick-links-content.active {
      top: 66px; }
      #mobile-header #mobile-quick-links-content.active:before {
        display: block; }
    #mobile-header #mobile-quick-links-content .group {
      display: table-row; }
    #mobile-header #mobile-quick-links-content .icon {
      position: relative;
      z-index: 1;
      display: table-cell;
      width: 50%;
      height: 125px;
      text-align: center;
      font-family: "Trade Gothic W01 Bold";
      font-size: 1.1em;
      line-height: 1;
      text-transform: uppercase;
      color: #000;
      border-right: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      vertical-align: middle;
      background: #FFF;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; }
      #mobile-header #mobile-quick-links-content .icon img {
        margin-bottom: 1em; }
  #mobile-header #mobile-shelf-container {
    position: absolute;
    top: 100%;
    left: 0;
    height: calc(100vh - 15.8vw);
    z-index: 100;
    width: 100%;
    padding: 52px 0 0 0;
    background: #222;
    overflow-y: scroll;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    #mobile-header #mobile-shelf-container form {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      #mobile-header #mobile-shelf-container form input {
        width: 100%;
        height: 52px;
        padding: .75em 1.9em;
        border: 0;
        background: #333;
        border: 0;
        font-family: "ClarendonTextW01-Regula 1097411";
        font-size: 19px;
        color: #545454;
        background: #222 url(../images/search-icon.png) no-repeat 15px 15px;
        background-size: 13px 13px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; }
        #mobile-header #mobile-shelf-container form input::-webkit-input-placeholder {
          color: #555; }
        #mobile-header #mobile-shelf-container form input:-moz-placeholder {
          color: #555; }
        #mobile-header #mobile-shelf-container form input::-moz-placeholder {
          color: #555; }
        #mobile-header #mobile-shelf-container form input:-ms-input-placeholder {
          color: #555; }
      #mobile-header #mobile-shelf-container form #mobile-search-submit {
        position: absolute;
        top: 50%;
        left: 17px;
        width: 13px;
        height: 13px;
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        #mobile-header #mobile-shelf-container form #mobile-search-submit img {
          width: 100%; }
    #mobile-header #mobile-shelf-container ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #mobile-header #mobile-shelf-container ul li {
        font-family: "Trade Gothic W01 Bold";
        text-transform: uppercase; }
        #mobile-header #mobile-shelf-container ul li a {
          display: block; }
          #mobile-header #mobile-shelf-container ul li a:hover {
            text-decoration: none; }
      #mobile-header #mobile-shelf-container ul#mobile-nav li {
        position: relative;
        padding: 28px 0 27px 14px;
        font-family: "Trade Gothic W01 Bold";
        font-size: 1.75em;
        color: #FFF;
        line-height: 1;
        border-top: 1px solid #000;
        background: #222;
        -moz-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased; }
        #mobile-header #mobile-shelf-container ul#mobile-nav li .plus {
          position: absolute;
          top: 50%;
          right: 28px;
          -moz-transform: translate(0, -50%);
          -webkit-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          #mobile-header #mobile-shelf-container ul#mobile-nav li .plus:after {
            content: "+";
            font-size: 1.5em;
            color: #85B09A;
            line-height: 0; }
        #mobile-header #mobile-shelf-container ul#mobile-nav li .minus {
          position: absolute;
          top: 50%;
          right: 28px;
          -moz-transform: translate(0, -50%);
          -webkit-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          #mobile-header #mobile-shelf-container ul#mobile-nav li .minus:after {
            content: "\2212";
            font-size: 1.5em;
            font-weight: 800;
            color: #85B09A;
            line-height: 0; }
        #mobile-header #mobile-shelf-container ul#mobile-nav li:last-child {
          border-bottom: 1px solid #000; }
        #mobile-header #mobile-shelf-container ul#mobile-nav li .sub-nav {
          margin: .25em 0 1em;
          padding-left: 1.5em;
          border-left: 1px solid #D7D7D7; }
          #mobile-header #mobile-shelf-container ul#mobile-nav li .sub-nav li {
            font-size: 18px;
            line-height: 1.5; }
            #mobile-header #mobile-shelf-container ul#mobile-nav li .sub-nav li:last-child {
              padding: 0; }
      #mobile-header #mobile-shelf-container ul#mobile-nav .mobile-shelf {
        display: none;
        padding: 35px 14px;
        background: #FFF; }
        #mobile-header #mobile-shelf-container ul#mobile-nav .mobile-shelf.open {
          display: block; }
        #mobile-header #mobile-shelf-container ul#mobile-nav .mobile-shelf :first-child {
          padding-top: 0; }
        #mobile-header #mobile-shelf-container ul#mobile-nav .mobile-shelf h4 {
          padding: 1em 0 .25em;
          margin-bottom: .5em;
          font-size: 12px;
          font-family: "Trade Gothic W01 Bold";
          color: #85B09A;
          text-transform: uppercase;
          border-bottom: 1px solid #CCC; }
        #mobile-header #mobile-shelf-container ul#mobile-nav .mobile-shelf li {
          position: static;
          padding: 0 0 .3em;
          font-family: "Trade Gothic W01 Roman";
          font-size: 24px;
          color: #212121;
          text-transform: capitalize;
          line-height: 1;
          border: none;
          background: none; }
          #mobile-header #mobile-shelf-container ul#mobile-nav .mobile-shelf li a {
            color: #212121; }
        #mobile-header #mobile-shelf-container ul#mobile-nav .mobile-shelf p {
          margin-bottom: .5em;
          font-size: 14px;
          font-family: "Trade Gothic W01 Roman";
          text-transform: none;
          line-height: 1.4;
          color: #212121; }
          #mobile-header #mobile-shelf-container ul#mobile-nav .mobile-shelf p#about-desc {
            margin-top: .25em; }
      #mobile-header #mobile-shelf-container ul#mobile-sub-nav li {
        margin: .65em .5em;
        font-size: .95em;
        letter-spacing: 1px;
        line-height: 2;
        -moz-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased; }
    #mobile-header #mobile-shelf-container #mobile-admin-status {
      margin-bottom: 10px; }

.mobile-button {
  padding: .35em 0 !important;
  color: #FFF !important;
  font-family: "Trade Gothic W01 Bold";
  font-size: 12px !important;
  text-align: center;
  text-transform: uppercase;
  background: #85B09A;
  line-height: 2;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box; }

/* --- Search Form --- */
#search-form {
  position: absolute;
  top: 0;
  right: 175px; }
  #search-form input {
    width: 170px;
    height: 50px;
    padding: 0 10px;
    font-family: "Trade Gothic W01 Roman";
    font-size: 13px;
    color: #000;
    background: #EEE;
    border: none; }
    #search-form input:focus {
      -moz-outline: none;
      outline: none; }

/* --- Added to Cart --- */
#added-to-cart {
  position: fixed;
  top: 48px;
  right: 0;
  z-index: 9999;
  width: 190px;
  padding: 15px 20px 35px 20px;
  color: #000;
  font-size: 13px;
  line-height: 18px;
  background-color: #85B09A;
  box-shadow: 0 0 15px #333;
  -webkit-box-shadow: 0 0 15px #333; }
  @media only screen and (max-width: 736px) {
    #added-to-cart {
      position: fixed;
      top: 65px !important;
      left: 0;
      width: 100%;
      padding: 17px 17px 34px 17px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-shadow: 0 0 0 0 #333;
      -moz-box-shadow: 0 0 0 0 #333;
      -webkit-box-shadow: 0 0 0 0 #333;
      -o-box-shadow: 0 0 0 0 #333;
      -ms-box-shadow: 0 0 0 0 #333; } }
  #added-to-cart p {
    margin-bottom: 20px; }
  #added-to-cart .triangle {
    position: absolute;
    top: -13px;
    left: 185px;
    font-size: 35px;
    color: #85B09A; }
    @media only screen and (max-width: 736px) {
      #added-to-cart .triangle {
        display: none; } }
  #added-to-cart .title {
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 16px;
    color: #FFF; }
  #added-to-cart .product {
    font-family: "Trade Gothic W01 Bold";
    font-size: 17px; }
  #added-to-cart .free {
    padding-bottom: 20px;
    font-size: 11px;
    line-height: 14px;
    border-bottom: 1px solid #FFF; }
    #added-to-cart .free em {
      font-family: "ClarendonTextW01-Italic 1097342" !important;
      font-size: 15px;
      line-height: 20px; }
  #added-to-cart a.go, #added-to-cart a.go:active, #added-to-cart a.go:visited {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto  !important;
    padding: 10px 20px 10px 20px !important;
    color: #FFF;
    font-family: "ClarendonTextW01-Italic 1097342" !important;
    font-size: 1.07em !important;
    text-transform: lowercase !important;
    background-color: #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    @media only screen and (max-width: 736px) {
      #added-to-cart a.go, #added-to-cart a.go:active, #added-to-cart a.go:visited {
        height: auto !important;
        padding: 10px 17px !important;
        font-size: 1.25em; } }
    #added-to-cart a.go:hover, #added-to-cart a.go:active:hover, #added-to-cart a.go:visited:hover {
      text-decoration: none;
      background-color: #222; }

#added-to-cart-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #FFF;
  font-size: 11px !important;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif !important; }
  @media only screen and (max-width: 736px) {
    #added-to-cart-close {
      font-size: 22px !important; } }
/* --- Member Login --- */
#member-login {
  position: absolute;
  top: -15px;
  right: 0;
  z-index: 9999;
  width: 974px;
  padding: 15px 0 35px 0;
  background-color: #85B09A;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  @media only screen and (max-width: 1100px) {
    #member-login {
      top: 0 !important;
      width: 686px; } }
  @media only screen and (max-width: 736px) {
    #member-login {
      position: fixed;
      top: 65px !important;
      left: 0;
      width: 100%;
      padding: 17px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-shadow: 0 0 0 0 #333;
      -moz-box-shadow: 0 0 0 0 #333;
      -webkit-box-shadow: 0 0 0 0 #333;
      -o-box-shadow: 0 0 0 0 #333;
      -ms-box-shadow: 0 0 0 0 #333; } }
  #member-login .border-left {
    border-color: rgba(255, 255, 255, 0.3); }
  #member-login .triangle {
    position: absolute;
    top: -13px;
    right: 3px;
    font-size: 35px;
    color: #85B09A; }
    @media only screen and (max-width: 736px) {
      #member-login .triangle {
        display: none; } }
  #member-login .left {
    padding-top: 30px; }
    @media only screen and (max-width: 736px) {
      #member-login .left {
        margin-bottom: 2em;
        padding-bottom: 2em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }
    #member-login .left h2 {
      margin-bottom: 30px;
      font-size: 36px;
      color: #FFF;
      font-family: "ClarendonTextW01-Regula 1097411"; }
    #member-login .left p {
      margin-bottom: 25px;
      color: #000;
      font-family: "ClarendonTextW01-Italic 1097342";
      font-size: 13px;
      line-height: 17px; }
  #member-login .right {
    padding-top: 10px; }
    #member-login .right h2 {
      margin-bottom: 15px;
      font-size: 26px;
      font-family: "Trade Gothic W01 Bold";
      text-transform: uppercase;
      text-align: left; }
    #member-login .right .text-field {
      float: left;
      width: 259px;
      padding: 4px 3px;
      font-family: "Trade Gothic W01 Roman";
      font-size: 13px;
      border: 1px solid #CCC; }
    #member-login .right .special-note {
      float: left;
      margin-bottom: 2px;
      font-size: 11px;
      text-align: left;
      font-family: "Trade Gothic W01 Obl"; }
    #member-login .right .buttons {
      padding-top: 20px; }
      @media only screen and (max-width: 1100px) {
        #member-login .right .buttons a {
          width: 193px;
          margin: 0 0 10px 0;
          text-align: center;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box; } }
      @media only screen and (max-width: 736px) {
        #member-login .right .buttons a {
          width: auto;
          margin-right: 10px; } }
    #member-login .right .italic-button:hover {
      background-color: #FFF;
      color: #85B09A !important; }
    #member-login .right .forgot {
      float: left;
      display: inline;
      margin-left: 10px;
      padding-top: 1.54em;
      font-size: .84em;
      line-height: 2.3em; }
      @media only screen and (max-width: 1100px) {
        #member-login .right .forgot {
          margin: 0;
          padding: 0;
          line-height: 1; } }
      @media only screen and (max-width: 736px) {
        #member-login .right .forgot {
          margin-left: 0; } }
      #member-login .right .forgot a, #member-login .right .forgot a:active, #member-login .right .forgot a:visited {
        color: #FFF;
        text-decoration: none; }
        #member-login .right .forgot a:hover, #member-login .right .forgot a:active:hover, #member-login .right .forgot a:visited:hover {
          text-decoration: underline; }
    @media only screen and (max-width: 1100px) {
      #member-login .right .span3, #member-login .right .span4 {
        width: 100%; } }
#member-login-close {
  position: absolute;
  top: 10px;
  right: 10px; }

/* --- Schedule Teaser --- */
#schedule-teaser {
  position: absolute;
  top: -10px;
  right: 50px;
  z-index: 9999;
  width: 290px;
  padding: 45px;
  background-color: #85B09A;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3); }
  #schedule-teaser .triangle {
    position: absolute;
    top: -13px;
    right: 10px;
    font-size: 35px;
    color: #85B09A; }
  #schedule-teaser h2 {
    margin-bottom: 30px;
    font-size: 36px;
    color: #FFF;
    font-family: "ClarendonTextW01-Regula 1097411"; }
  #schedule-teaser p {
    color: #000;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 13px;
    line-height: 17px; }
    #schedule-teaser p a {
      color: #FFF; }
  #schedule-teaser .buttons {
    float: left;
    width: 100%;
    padding-top: 20px; }
  #schedule-teaser .italic-button:hover {
    background-color: #FFF;
    color: #85B09A; }

/* --- Shelf Nav --- */
.free #shelf {
  top: 190px !important; }

/*
.emergency {
	#shelf { top: 200px !important; }
}
*/
/* --- Emergency Banner --- */
#emergency {
  position: relative;
  width: 100%;
  height: 39px;
  padding-top: 8px;
  padding-bottom: 3px;
  background-color: #FFF;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15), transparent);
  white-space: nowrap;
  overflow: hidden; }
  #emergency a {
    color: #000; }
  #emergency h1 {
    display: inline;
    padding-right: 10px;
    font-family: "Trade Gothic W01 Bold";
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    color: #85B09A; }

#emergency-message {
  display: inline-block;
  width: 1200px;
  height: 13px;
  margin-top: 14px;
  font-size: 13px;
  line-height: 13px;
  overflow: hidden; }

#emergency-message .inner {
  float: left;
  width: 5000px;
  height: 13px; }

#emergency-message p {
  float: left;
  display: inline;
  width: auto;
  padding-right: 20px;
  font-family: "ClarendonTextW01-Regula 1097411"; }

@media only screen and (max-width: 1500px) {
  #emergency h1 {
    padding-right: 5px; } }

@media only screen and (max-width: 736px) {
  #emergency {
    padding-top: 0; }
  #emergency h1 {
    font-size: 18px; } }

/* --- Films Shelf --- */
#films-content .column {
  width: 205px;
  height: 135px !important;
  padding: 5px 35px;
  border-left: none;
  border-right: 1px solid #CCC; }
  #films-content .column.last {
    padding-right: 0;
    border-right: none; }
  #films-content .column.first {
    width: 330px !important;
    padding: 10px 60px 0 0;
    margin-bottom: 35px; }
    #films-content .column.first .block {
      position: relative;
      float: left;
      width: 100%;
      padding-bottom: 17px;
      margin-bottom: 17px;
      border-bottom: 1px solid #CCC; }
      #films-content .column.first .block.last {
        padding: 0;
        margin: 0;
        border: none; }
      #films-content .column.first .block img {
        position: relative;
        z-index: 0;
        float: left;
        margin-right: 13px;
        border: 6px solid #85B09A; }
      #films-content .column.first .block p {
        position: relative;
        z-index: 0;
        float: none;
        width: auto; }
      #films-content .column.first .block .title {
        margin-bottom: 0; }
      #films-content .column.first .block a {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        width: 330px;
        height: 50px;
        text-indent: -9999px;
        background: transparent url(../images/blank.gif) repeat 0 0; }
  #films-content .column select {
    width: 100%; }

/* --- Thank You Header --- */
#home-thank-you {
  position: relative;
  z-index: 0;
  float: left;
  width: 100%;
  height: 440px;
  background: transparent url(../images/thank-you-bg.jpg) no-repeat 0 0; }

#home-thank-you-link {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 290px;
  text-indent: -9999px; }

#home-thank-you-text {
  position: absolute;
  top: 290px;
  left: 50%;
  width: 184px;
  height: 35px;
  margin-left: -95px;
  font-size: 26px;
  font-family: "Trade Gothic W01 Bold";
  color: #85B09A;
  line-height: 35px;
  text-transform: uppercase;
  text-align: center;
  background: transparent url(../images/thank-you-wrapper.png) no-repeat 0 0; }

#home-thank-you-callout {
  position: absolute;
  top: 335px;
  width: 100%;
  text-align: center;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 13px;
  color: #FFF; }

#home-thank-you-callout .arrow {
  font-family: "Latin Wide W01 D" !important;
  font-size: 12px;
  line-height: 15px;
  color: #85B09A; }

#stats-banner {
  position: absolute;
  z-index: 1;
  top: 150px;
  left: 0;
  width: 100%;
  height: 54px;
  font-family: "Trade Gothic W01 Bold";
  font-size: 72px;
  line-height: 52px;
  color: #85B09A;
  background: transparent url(../images/thank-you-banner.png) repeat 0 0;
  overflow: hidden; }

#stats-slider {
  position: absolute;
  top: -100px;
  left: 0;
  width: 10000px;
  height: 54px; }

#stats-banner .slide {
  float: left;
  display: inline; }

#stats-banner .slide p {
  float: left;
  display: inline;
  margin-right: 10px; }

#stats-banner .slide .small {
  font-size: 15px;
  font-family: "ClarendonTextW01-Italic 1097342"; }

/* --- Intro Header --- */
#home-intro {
  position: relative;
  z-index: 0;
  float: left;
  width: 100%;
  height: 0;
  padding-bottom: 29.333333%;
  background: transparent url(../images/intro-bg-40.gif) no-repeat 0 0;
  background-size: cover; }

#home-intro-link {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 290px;
  text-indent: -9999px; }

/* --- Section Bar --- */
#section-bar {
  float: left;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 60px;
  padding-top: 1.154em;
  background: transparent url(../images/light-gradient.jpg) repeat-x bottom left;
  border-bottom: 1px solid #CCC; }
  @media only screen and (max-width: 736px) {
    #section-bar {
      padding: 0;
      height: auto; }
      #section-bar.general {
        float: left;
        overflow: visible;
        height: 58px; } }
  #section-bar h1#page-title {
    margin-bottom: .7em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.4em;
    line-height: 1;
    color: #000;
    text-transform: uppercase; }
    @media only screen and (max-width: 1100px) {
      #section-bar h1#page-title {
        margin-bottom: .636em; } }
    @media only screen and (max-width: 736px) {
      #section-bar h1#page-title {
        display: none; } }
  #section-bar #page-links {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media only screen and (max-width: 736px) {
      #section-bar #page-links {
        display: none; } }
    #section-bar #page-links.small li {
      margin-right: 10px; }
    #section-bar #page-links li {
      float: left;
      display: inline;
      margin-right: 14px; }
      #section-bar #page-links li a, #section-bar #page-links li a:active, #section-bar #page-links li a:visited {
        display: block;
        padding-bottom: 6px;
        font-size: 14px;
        line-height: 14px;
        color: #666; }
        @media only screen and (max-width: 1100px) {
          #section-bar #page-links li a, #section-bar #page-links li a:active, #section-bar #page-links li a:visited {
            padding-bottom: 9px; } }
        #section-bar #page-links li a:hover, #section-bar #page-links li a:active:hover, #section-bar #page-links li a:visited:hover {
          text-decoration: none;
          color: #85B09A; }
      #section-bar #page-links li.selected a {
        color: #000;
        border-bottom: 9px solid #85B09A; }
      #section-bar #page-links li select {
        margin: 0; }
  @media only screen and (max-width: 736px) {
    #section-bar.archive-header #page-links {
      display: block;
      margin-top: 1em !important; } }
  #section-bar .filter {
    position: absolute;
    top: 7px;
    right: 0;
    padding: .278em 0 .278em 15px;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 1.385em !important;
    border-left: 1px solid #CCC; }
  #section-bar #mobile-page-nav {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    padding: 1em 17px 1em 17px;
    background: #222;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    @media only screen and (max-width: 736px) {
      #section-bar #mobile-page-nav {
        display: block; } }
    #section-bar #mobile-page-nav:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -20px;
      z-index: 2;
      width: 100%;
      height: 20px; }
    #section-bar #mobile-page-nav .current-section {
      display: block;
      font-size: 1.15em;
      font-family: "ClarendonTextW01-Italic 1097342";
      line-height: 1.3;
      color: #85B09A; }
    #section-bar #mobile-page-nav .current-page {
      display: block;
      font-family: "Trade Gothic W01 Bold";
      font-size: 1.3em;
      line-height: 1;
      color: #FFF;
      text-transform: uppercase;
      -moz-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased; }
    #section-bar #mobile-page-nav > ul {
      overflow: hidden;
      position: absolute;
      left: 0;
      width: 100%;
      margin-top: 1em;
      padding: 0;
      list-style: none;
      background: #222; }
      #section-bar #mobile-page-nav > ul:before {
        content: '';
        position: absolute;
        top: 0;
        left: -100px;
        width: 1000px;
        border-top: 1px solid #333; }
      #section-bar #mobile-page-nav > ul:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -20px;
        z-index: 2;
        width: 100%;
        height: 20px; }
      #section-bar #mobile-page-nav > ul li {
        font-size: 1em; }
        #section-bar #mobile-page-nav > ul li.selected a {
          border-left: 5px solid #85B09A; }
        #section-bar #mobile-page-nav > ul li p {
          position: relative;
          z-index: 1; }
        #section-bar #mobile-page-nav > ul li .title {
          margin-bottom: 0;
          text-transform: uppercase;
          color: #FFF;
          font-size: 1.1em;
          -moz-font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          -o-font-smoothing: antialiased;
          -ms-font-smoothing: antialiased; }
        #section-bar #mobile-page-nav > ul li a {
          position: relative;
          display: block;
          padding: 17px;
          color: #FFF;
          text-decoration: none;
          border-bottom: 1px solid #333;
          border-left: 5px solid transparent; }
        #section-bar #mobile-page-nav > ul li ul {
          list-style: none; }
          #section-bar #mobile-page-nav > ul li ul li {
            margin: 0 0 6px 0;
            padding-left: 10px;
            font-family: "ClarendonTextW01-Regula 1097411" !important;
            font-size: 1em; }
        #section-bar #mobile-page-nav > ul li.last {
          margin-bottom: 0; }
    #section-bar #mobile-page-nav #dropdown-trigger {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      width: 68px;
      height: 100%;
      text-align: center; }
      #section-bar #mobile-page-nav #dropdown-trigger:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        z-index: 2;
        margin: -5px 0 0 -10px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #85B09A; }

/* --- Slideshow --- */
#home-slideshow {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 440px;
  border-bottom: 1px solid #CCC;
  overflow: hidden; }

@media only screen and (max-width: 736px) {
  #home-slideshow {
    height: 0;
    padding-bottom: 36%; } }

#home-slideshow-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 900%;
  height: 440px; }

#home-slideshow-slider .slide {
  position: relative;
  float: left;
  display: inline;
  height: 440px; }

@media only screen and (max-width: 1000px) {
  #home-slideshow-slider .slide {
    width: 11.111111%; } }

@media only screen and (max-width: 736px) {
  #home-slideshow-slider .slide img {
    width: 100%; } }

#home-slideshow-slider .slide .banner {
  position: absolute;
  z-index: 1;
  top: 150px;
  left: 0;
  width: 100%;
  height: 43px;
  padding: 11px 0 0 55px;
  background: transparent url(../images/home-slider-banner.png) repeat 0 0;
  overflow: hidden; }

#home-slideshow-slider .slide .banner .lucy-wrapper {
  width: 100%;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase;
  font-size: 2em;
  line-height: 33px;
  color: #000;
  font-family: "Trade Gothic W01 Bold"; }

@media only screen and (max-width: 1000px) {
  #home-slideshow-slider .slide .banner .lucy-wrapper {
    width: 686px; } }

@media only screen and (max-width: 1000px) {
  #home-slideshow-slider .slide .banner {
    top: 157px;
    width: 100%;
    padding-left: 0; } }

@media only screen and (max-width: 736px) {
  #home-slideshow-slider .slide .banner {
    top: 0;
    height: 33px;
    padding-top: 5px;
    font-size: .9em;
    line-height: 21px; } }

#home-slideshow-slider .slide.first-feature .banner {
  width: 984px;
  padding-left: 180px; }

@media only screen and (max-width: 1000px) {
  #home-slideshow-slider .slide.first-feature .banner {
    width: 100%;
    padding-left: 0 !important; } }

#home-slideshow.festival #home-slideshow-slider .slide.first-feature .banner {
  width: 928px;
  padding-left: 236px; }

@media only screen and (max-width: 1000px) {
  #home-slideshow.festival #home-slideshow-slider .slide.first-feature .banner {
    padding-left: 0 !important; } }

#home-slideshow-slider .slide .banner a, #home-slideshow-slider .slide .banner a:active, #home-slideshow-slider .slide .banner a:visited, #home-slideshow-slider .slide .banner a:hover {
  color: #000;
  text-decoration: none; }

#home-slideshow .box-label {
  position: absolute;
  z-index: 2;
  top: 162px;
  left: 1220px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #FFF;
  font-family: "ClarendonTextW01-Italic 1097342";
  white-space: nowrap;
  background-color: #000; }

@media only screen and (max-width: 1000px) {
  #home-slideshow .box-label {
    display: none; } }

#home-slideshow .box-label span {
  float: left;
  display: inline; }

#upcoming-time {
  margin: 4px 0 0 10px;
  padding-left: 10px;
  font-size: 20px;
  line-height: 20px;
  font-family: "Trade Gothic W01 Bold";
  border-left: 1px solid #666; }

#upcoming-time em {
  font-size: 12px;
  color: #999;
  font-style: normal; }

/* --- Slider Navigation --- */
#home-slideshow-nav {
  position: absolute;
  z-index: 3;
  top: 150px;
  left: 1131px; }

#home-slideshow-nav a, #home-slideshow-nav a:active, #home-slideshow-nav a:visited {
  float: left;
  display: inline;
  width: 32px;
  height: 54px;
  text-indent: -9999px;
  background-color: #42BCD5;
  background-position: 11px 21px;
  background-repeat: no-repeat; }

#home-slideshow-nav a:hover {
  background-color: #FFF; }

#home-slideshow-nav a.previous {
  background-image: url(../images/black-arrow-left.png);
  border-right: 1px solid #666; }

#home-slideshow-nav a.next {
  background-image: url(../images/black-arrow-right.png); }

#sponsor-categories {
  width: 200px; }

/* --- Latest Updates Bar --- */
#updates-bar ul {
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
  padding: 0;
  list-style-type: none; }
  #updates-bar ul li {
    float: left;
    display: inline;
    padding-right: 20px;
    margin: 7px 20px 0 0;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 16px !important;
    border-right: 1px solid #CCC; }
    #updates-bar ul li.first {
      height: 37px;
      line-height: 37px;
      margin: 0 25px 0 0;
      padding-right: 35px;
      font-size: 20px;
      background: transparent url(../images/archive-curly.png) no-repeat top right;
      border: none; }
      #updates-bar ul li.first h1 {
        line-height: 37px !important; }
    #updates-bar ul li.last {
      padding-right: 0;
      margin-right: 0;
      border-right: 0; }

/* --- General Content --- */
.content-block {
  position: relative;
  float: left;
  display: inline;
  width: 100%;
  padding-bottom: 1.5em;
  margin-bottom: 3em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }
  .content-block:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1000px;
    height: 1px;
    border-bottom: 1px solid #CCC; }
    @media only screen and (max-width: 736px) {
      .content-block:before {
        left: -2.615em;
        right: auto;
        width: 1000px; } }
  .content-block.last {
    padding-bottom: 0 !important; }
    .content-block.last:before {
      display: none; }
  .content-block.no-margin {
    margin-bottom: 0 !important; }
  .content-block p {
    margin-bottom: 2.308em; }
  .content-block h2 {
    margin-bottom: 1.923em;
    font-size: 1.385em !important; }
    .content-block h2 a, .content-block h2 a:active, .content-block h2 a:visited {
      color: #000;
      text-decoration: none; }
      .content-block h2 a:hover, .content-block h2 a:active:hover, .content-block h2 a:visited:hover {
        text-decoration: underline; }
  .content-block ul.list {
    margin-bottom: 2.308em;
    padding-left: 1.538em; }
  .content-block .image {
    margin-bottom: 2.308em; }
  .content-block .image-alt {
    margin-top: 2.308em;
    margin-bottom: 2.308em; }

/* --- Gift of Film --- */
#gift-of-film {
  padding-top: 5.385em;
  padding-bottom: 3.846em;
  background: transparent url(../images/snowflakes.png) no-repeat 72% 0; }
  #gift-of-film h2 {
    margin-bottom: .5em;
    text-transform: uppercase;
    font-size: 8.462em !important;
    line-height: .2;
    font-family: "TradeGothicW01-BoldCn20 675334";
    color: #85B09A; }
    #gift-of-film h2 span {
      color: #000;
      font-size: .4em;
      text-transform: lowercase;
      font-family: "ClarendonTextW01-Regula 1097411"; }
    @media only screen and (max-width: 1100px) {
      #gift-of-film h2 {
        line-height: .5; } }
/* --- Full Column --- */
#ciff-full {
  float: left;
  width: 100%;
  padding: 2.692em 0; }

.form-box {
  float: left;
  width: 100%;
  background: #edf3f0; }
  @media only screen and (max-width: 736px) {
    .form-box {
      padding: 1.5em !important; } }
  .form-box h2 {
    margin-bottom: 1.2em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.92em !important;
    color: #000; }
  .form-box .error input[type='text'], .form-box .error input[type='number'], .form-box .error textarea {
    color: #F00;
    border-color: #F00; }
  .form-box .error label {
    color: #F00; }

#ciff-full.no-pad {
  padding: 0; }

/* --- Left Column --- */
#ciff-left {
  padding: 2.6em 0 1.5em 0;
  /* --- Become A Member --- */
  /* --- Left Form Box --- */ }
  #ciff-left .become-a-member {
    margin-bottom: 2.250em;
    padding-bottom: 5px;
    font-family: "Trade Gothic W01 Roman";
    color: #666;
    font-size: 1.538em;
    line-height: 1.4;
    border-bottom: 1px solid #CCC; }
    #ciff-left .become-a-member.last {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    #ciff-left .become-a-member h1 {
      margin-bottom: .938em;
      color: #85B09A;
      font-size: 2.462em;
      font-family: "ClarendonTextW01-Regula 1097411"; }
      #ciff-left .become-a-member h1 span {
        font-family: "ClarendonTextW01-Italic 1097342"; }
    #ciff-left .become-a-member p {
      margin-bottom: 1.250em; }
    #ciff-left .become-a-member .action a {
      font-family: "Trade Gothic W01 Bold";
      font-size: .5em;
      text-transform: uppercase; }
  #ciff-left .form-box {
    float: left; }
    @media only screen and (max-width: 736px) {
      #ciff-left .form-box {
        padding: 1.5em !important; } }
    #ciff-left .form-box.filled {
      background-color: #edf3f0; }
    #ciff-left .form-box .inner {
      padding-top: 2.692em;
      padding-bottom: 2.692em; }
      @media only screen and (max-width: 736px) {
        #ciff-left .form-box .inner {
          padding: 0; } }
    #ciff-left .form-box.spaced {
      margin-bottom: 30px; }
    #ciff-left .form-box .outter {
      float: left;
      width: 100%;
      padding-bottom: 30px; }
    #ciff-left .form-box .group {
      float: left;
      display: inline;
      width: 246px;
      margin: 0 17px 20px 0; }
      #ciff-left .form-box .group.full {
        width: 545px; }
        #ciff-left .form-box .group.full .text-field {
          width: 505px; }
      #ciff-left .form-box .group.third {
        width: 158px; }
        #ciff-left .form-box .group.third .text-field {
          width: 152px; }
      #ciff-left .form-box .group.state {
        width: 81px; }
        #ciff-left .form-box .group.state .text-field {
          width: 75px; }
      #ciff-left .form-box .group.zip {
        width: 148px; }
        #ciff-left .form-box .group.zip.text-field {
          width: 142px; }
      #ciff-left .form-box .group label {
        float: left;
        width: 100%;
        line-height: 24px;
        font-size: 10px;
        color: #666;
        text-transform: uppercase;
        font-family: "Trade Gothic W01 Bold"; }

/* --- Right Column --- */
#ciff-right {
  position: relative;
  float: left;
  display: inline;
  margin-bottom: 40px;
  padding: 35px 0 20px 0;
  /* --- Film Details --- */
  /* --- Dibs --- */
  /* --- Challenge Match --- */
  /* --- From the Blog --- */
  /* --- Tweets --- */
  /* --- Instagram Photos --- */
  /* --- Become a Member --- */
  /* --- Merch --- */
  /* --- Call for Entries --- */
  /* --- Gift Certificates --- */
  /* --- YouTube Videos --- */
  /* --- Free Screening --- */ }
  #ciff-right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 1000px;
    height: 723px;
    background: transparent url(../images/right-gradient.png) repeat-x 0 0; }
    @media only screen and (max-width: 736px) {
      #ciff-right:before {
        left: -17px; } }
  #ciff-right.no-border {
    border-left: none; }
  #ciff-right .block {
    position: relative;
    z-index: 2;
    float: left;
    clear: both;
    width: 100%;
    padding: 50px 0 15px 35px;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    @media only screen and (max-width: 736px) {
      #ciff-right .block {
        padding-left: 0; } }
    #ciff-right .block:first-child {
      padding-top: 0; }
    #ciff-right .block:last-child {
      padding-bottom: 0;
      border-bottom: none; }
    #ciff-right .block .block-link {
      position: absolute;
      top: 0;
      width: 250px;
      height: 250px;
      text-indent: -9999px;
      background: transparent url(../images/blank.gif) repeat 0 0; }
  #ciff-right .after-image-sidebar .block:first-child {
    padding-top: 50px; }
  #ciff-right .director-images img {
    display: inline-block;
    height: 100px;
    margin: 0 10px 10px 0; }
  #ciff-right .dibs {
    color: #333;
    font-size: 1.077em;
    line-height: 1.429em;
    font-family: "ClarendonTextW01-Italic 1097342"; }
    #ciff-right .dibs h2 {
      margin-bottom: 30px;
      font-size: 5em;
      line-height: 1;
      color: #85B09A;
      text-transform: uppercase;
      font-family: "TradeGothicW01-BoldCn20 675334"; }
      #ciff-right .dibs h2 a {
        text-decoration: none; }
    #ciff-right .dibs p {
      margin-bottom: 1.786em; }
  #ciff-right .action a, #ciff-right .action a:active, #ciff-right .action a:visited {
    font-family: "Trade Gothic W01 Bold";
    font-size: .769em;
    text-transform: uppercase; }
  #ciff-right .challenge {
    padding-bottom: 2.692em;
    font-family: "ClarendonTextW01-Italic 1097342";
    line-height: 130%; }
    #ciff-right .challenge .sponsor {
      margin-bottom: 0;
      font-size: 1.077em; }
    #ciff-right .challenge h2 {
      position: relative;
      left: -5px;
      margin-bottom: .5em;
      font-family: "TradeGothicW01-BoldCn20 675334";
      text-transform: uppercase;
      color: #AAA;
      font-size: 4.615em;
      line-height: 1; }
      #ciff-right .challenge h2 span {
        font-size: 1.5em;
        color: #000; }
    #ciff-right .challenge p {
      margin-bottom: 1.538em; }
    #ciff-right .challenge .bar {
      position: relative;
      float: left;
      width: 175px;
      height: 27px;
      margin-bottom: 1.923em;
      background: #FFF; }
      #ciff-right .challenge .bar:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 27px;
        background: transparent url(../images/progress-bar-shadow.png) repeat-x 0 0; }
      #ciff-right .challenge .bar .fill {
        position: relative;
        top: 0;
        left: 0;
        height: 27px;
        background: #85B09A; }
        #ciff-right .challenge .bar .fill p {
          float: right;
          display: inline;
          margin-right: 10px;
          font-size: 1.538em;
          font-family: "TradeGothicW01-BoldCn20 675334";
          text-transform: uppercase;
          color: #FFF;
          line-height: 2.077; }
    #ciff-right .challenge .goal {
      float: right;
      display: inline;
      font-family: "Trade Gothic W01 Bold";
      font-size: 1.077em; }
    #ciff-right .challenge .donate-now {
      float: right;
      width: 100%;
      padding: .694em 0;
      text-align: center;
      text-transform: uppercase;
      font-family: "Trade Gothic W01 Bold";
      font-size: 2.769em;
      color: #FFF;
      background: #000; }
      #ciff-right .challenge .donate-now:hover {
        text-decoration: none;
        background: #85B09A; }
  #ciff-right .from-the-blog {
    color: #000;
    line-height: 1.538;
    font-family: "Trade Gothic W01 Roman"; }
    #ciff-right .from-the-blog h2 {
      margin-bottom: 30px;
      font-size: 1.077em;
      line-height: 1.429;
      font-family: "ClarendonTextW01-Italic 1097342";
      color: #85B09A; }
    #ciff-right .from-the-blog p {
      margin-bottom: 1.923em; }
    #ciff-right .from-the-blog .date {
      margin-bottom: .833em;
      font-family: "ClarendonTextW01-Regula 1097411";
      font-size: .923em;
      color: #999; }
    #ciff-right .from-the-blog .title {
      font-family: "Trade Gothic W01 Bold";
      font-size: 1.231em;
      color: #2C2A26;
      line-height: 1.188;
      text-transform: uppercase; }
  #ciff-right .tweets {
    color: #000;
    line-height: 1.538em;
    font-family: "Trade Gothic W01 Roman"; }
    #ciff-right .tweets h2 {
      margin-bottom: 1em;
      font-size: 1.077em;
      line-height: 1.429em;
      font-family: "ClarendonTextW01-Italic 1097342";
      color: #85B09A; }
    #ciff-right .tweets p {
      margin-bottom: 1.923em; }
    #ciff-right .tweets .actions {
      margin-bottom: 4em;
      font-size: .769em;
      font-family: "Trade Gothic W01 Bold";
      color: #999;
      text-transform: uppercase; }
    #ciff-right .tweets .join {
      margin-top: -1em; }
    #ciff-right .tweets img {
      max-width: 100%; }
  #ciff-right .instagram p {
    margin-bottom: 30px;
    font-size: 11px;
    color: #999; }
  #ciff-right .instagram h2 {
    margin-bottom: 0;
    font-size: 1.077em;
    line-height: 1.429;
    font-family: "ClarendonTextW01-Italic 1097342";
    color: #85B09A; }
  #ciff-right .instagram img {
    margin-bottom: 5px; }
  #ciff-right .become-a-member {
    color: #000;
    font-size: 1.077em;
    font-family: "ClarendonTextW01-Italic 1097342"; }
    #ciff-right .become-a-member p {
      margin-bottom: 1.786em; }
    #ciff-right .become-a-member h2 {
      margin-bottom: .595em;
      font-size: 3.000em;
      line-height: 1.071;
      color: #85B09A;
      font-family: "ClarendonTextW01-Regula 1097411"; }
    #ciff-right .become-a-member span {
      font-family: "ClarendonTextW01-Italic 1097342"; }
  #ciff-right .merch {
    color: #000;
    font-size: 1.077em;
    font-family: "ClarendonTextW01-Italic 1097342";
    text-align: center; }
    #ciff-right .merch p {
      margin-bottom: 1.786em;
      text-align: left; }
    #ciff-right .merch h2 {
      margin-bottom: 30px;
      text-align: left;
      line-height: 1.346;
      font-size: 1.857em;
      font-family: "Trade Gothic W01 Bold";
      text-transform: uppercase; }
    #ciff-right .merch img {
      margin-bottom: 2.857em; }
  #ciff-right .call-for-entries {
    padding-bottom: 3.85em !important;
    background: transparent url(../images/call-for-entries-camera.png) no-repeat bottom center; }
    #ciff-right .call-for-entries h2 {
      margin-bottom: .429em;
      font-size: 5.385em;
      line-height: 1;
      color: #85B09A;
      text-transform: uppercase;
      font-family: "TradeGothicW01-BoldCn20 675334"; }
    #ciff-right .call-for-entries p {
      width: 150px;
      margin-bottom: 1.786em;
      color: #000;
      font-size: 1.077em;
      font-family: "ClarendonTextW01-Italic 1097342"; }
  #ciff-right .gift-certificates h2 {
    margin-bottom: .429em;
    font-size: 5.385em;
    line-height: 1;
    color: #85B09A;
    text-transform: uppercase;
    font-family: "TradeGothicW01-BoldCn20 675334"; }
  #ciff-right .gift-certificates p {
    margin-bottom: 1.786em;
    color: #000;
    font-size: 1.077em;
    font-family: "ClarendonTextW01-Italic 1097342"; }
  #ciff-right .youtube {
    /* --- FIX --- */ }
    #ciff-right .youtube h2 {
      position: relative;
      margin-bottom: 1.786em;
      font-size: 1.077em;
      line-height: 1.429em;
      font-family: "ClarendonTextW01-Italic 1097342";
      color: #85B09A; }
      #ciff-right .youtube h2 a {
        position: absolute;
        top: 0;
        right: 0;
        font-size: .714em;
        color: #85B09A;
        font-family: "Trade Gothic W01 Bold";
        text-transform: uppercase;
        text-decoration: none; }
    #ciff-right .youtube .thumb {
      float: left;
      display: inline;
      width: 250px;
      margin-bottom: 3.636em;
      font-family: "Trade Gothic W01 Bold";
      font-size: .846em;
      line-height: 1.273;
      text-transform: uppercase;
      cursor: pointer; }
    #ciff-right .youtube .image {
      position: relative;
      width: 250px;
      height: 140px;
      margin-bottom: .769em;
      overflow: hidden; }
      #ciff-right .youtube .image img {
        position: absolute;
        top: -24px;
        left: 0; }
      #ciff-right .youtube .image .play {
        top: 50%;
        left: 50%;
        margin: -23px 0 0 -23px;
        cursor: pointer; }
  #ciff-right .free-screening {
    padding-bottom: 3.846em;
    background: transparent url(../images/call-for-entries-camera.png) no-repeat bottom center; }
    #ciff-right .free-screening h2 {
      margin-bottom: .429em;
      font-size: 5.385em;
      line-height: 1;
      color: #85B09A;
      text-transform: uppercase;
      font-family: "TradeGothicW01-BoldCn20 675334"; }
    #ciff-right .free-screening p {
      width: 250px;
      margin-bottom: 7.143em;
      color: #000;
      font-size: 1.077em;
      font-family: "ClarendonTextW01-Italic 1097342"; }

#countdown {
  color: #333; }

/* --- Feasts List --- */
.feast-sponsor {
  float: left;
  width: 100%;
  margin-bottom: 1.75em; }

#home-feasts {
  float: left;
  display: inline;
  margin-bottom: 2em;
  font-family: "Trade Gothic W01 Roman";
  color: #666;
  font-size: 1.538em;
  line-height: 1.4;
  border-bottom: 1px solid #CCC; }
  @media only screen and (max-width: 736px) {
    #home-feasts {
      margin-bottom: 1em; } }
  #home-feasts h1 {
    font-size: 2.75em !important; }
  #home-feasts.gift {
    margin-bottom: 0;
    border-bottom: none; }
  #home-feasts .section {
    float: left;
    width: 100%; }
  #home-feasts .proceeds {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 3.125em;
    padding: 10px 0;
    font-family: "ClarendonTextW01-Italic 1097342";
    color: #333;
    font-size: .8em;
    line-height: 1; }
    #home-feasts .proceeds:before, #home-feasts .proceeds:after {
      content: '';
      position: absolute;
      right: 0;
      border-top: 1px solid #CCC;
      height: 1px;
      width: 1000px; }
      @media only screen and (max-width: 736px) {
        #home-feasts .proceeds:before, #home-feasts .proceeds:after {
          width: 100%; } }
    #home-feasts .proceeds:before {
      top: 0; }
    #home-feasts .proceeds:after {
      bottom: 0; }
  #home-feasts h2 {
    position: relative;
    margin-bottom: 1.667em;
    font-family: "ClarendonTextW01-Italic 1097342";
    font-size: 1.200em;
    line-height: 1;
    color: #666; }
    #home-feasts h2 a, #home-feasts h2 a:active, #home-feasts h2 a:visited {
      position: absolute;
      top: 0;
      right: 0;
      font-size: .417em;
      font-family: "Trade Gothic W01 Bold";
      text-transform: uppercase; }
  #home-feasts p {
    margin-bottom: 1.750em; }
  #home-feasts .feast-image {
    width: 100%;
    margin-bottom: 2.25em; }
  #home-feasts .feasts {
    float: left;
    width: 100%; }
    #home-feasts .feasts .feast {
      float: left;
      width: 100%;
      margin-bottom: 1.923em;
      font-size: .650em;
      color: #000;
      line-height: 1.385;
      font-family: "ClarendonTextW01-Italic 1097342"; }
      #home-feasts .feasts .feast .title {
        margin-bottom: .769em;
        color: #85B09A;
        font-size: 1.385em;
        font-family: "Trade Gothic W01 Bold";
        text-transform: uppercase; }
        #home-feasts .feasts .feast .title span {
          font-size: .944em;
          color: #666;
          font-family: "Trade Gothic W01 Roman";
          text-transform: none; }
        #home-feasts .feasts .feast .title img {
          vertical-align: middle; }
        #home-feasts .feasts .feast .title .info {
          margin-bottom: 1em;
          color: #666;
          font-size: .556em;
          line-height: 1.3;
          text-transform: uppercase;
          font-family: "Trade Gothic W01 Bold"; }
      #home-feasts .feasts .feast a.more, #home-feasts .feasts .feast a.more:active, #home-feasts .feasts .feast a.more:visited {
        color: #85B09A;
        text-decoration: none; }
        #home-feasts .feasts .feast a.more:hover, #home-feasts .feasts .feast a.more:active:hover, #home-feasts .feasts .feast a.more:visited:hover {
          text-decoration: none; }
        #home-feasts .feasts .feast a.more em, #home-feasts .feasts .feast a.more:active em, #home-feasts .feasts .feast a.more:visited em {
          color: #999;
          font-size: .833em;
          font-style: normal;
          font-family: "ClarendonTextW01-Regula 1097411"; }
  #home-feasts .italic-button {
    margin-bottom: 1.250em; }
  #home-feasts .info {
    float: left;
    width: 100%;
    font-size: .650em; }

h1#feast-header {
  float: left;
  width: 100%;
  margin-bottom: .545em;
  font-family: "ClarendonTextW01-Regula 1097411";
  color: #85B09A;
  font-size: 4.231em;
  line-height: 1;
  text-transform: none !important; }
  h1#feast-header span {
    float: left;
    display: inline;
    margin-right: .273em; }
    h1#feast-header span.small {
      font-family: "ClarendonTextW01-Italic 1097342";
      font-size: .4em;
      line-height: 2.75; }

/* --- Membership Table --- */
#membership-table {
  width: 100%;
  margin: 2.692em 0 1.538em 0;
  table-layout: fixed;
  border-bottom: 1px solid #ECECEC;
  border-collapse: collapse; }
  @media only screen and (max-width: 736px) {
    #membership-table {
      display: none; } }
  #membership-table.logged-in {
    margin-top: 100px; }
  #membership-table thead tr td {
    border-bottom: 7px solid #ECECEC; }
    #membership-table thead tr td.level {
      position: relative;
      padding-top: 65px;
      text-align: center;
      border-left: 7px solid #ECECEC; }
      #membership-table thead tr td.level .inner {
        position: relative; }
      #membership-table thead tr td.level .current {
        position: absolute;
        top: -34px;
        left: -7px;
        width: 100%;
        height: 3.091em;
        line-height: 3.091;
        font-size: .846em;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        font-family: "Trade Gothic W01 Bold";
        background: #85B09A;
        border-left: 7px solid #85B09A;
        border-right: 7px solid #85B09A; }
      #membership-table thead tr td.level.active {
        background: #000; }
        #membership-table thead tr td.level.active h3 {
          top: 40px;
          color: #FFF; }
      #membership-table thead tr td.level.first {
        border-left-width: 1px; }
        #membership-table thead tr td.level.first .current {
          left: -1px;
          border-left-width: 1px; }
      #membership-table thead tr td.level.last {
        border-right: 1px solid #ECECEC; }
        #membership-table thead tr td.level.last .current {
          border-right-width: 1px; }
  #membership-table thead h2 {
    position: relative;
    margin-bottom: .385em;
    line-height: 1.077;
    font-size: 2em;
    font-family: "Trade Gothic W01 Bold";
    text-transform: uppercase;
    color: #85B09A; }
    #membership-table thead h2 span {
      position: absolute;
      bottom: 0;
      right: 10px;
      font-size: .846em;
      color: #000; }
  #membership-table thead h3 {
    position: absolute;
    top: 40px;
    right: -4px;
    width: 90px;
    margin-bottom: 0;
    line-height: .889;
    font-size: 1.385em;
    font-family: "Trade Gothic W01 Bold";
    text-transform: uppercase;
    color: #000;
    text-align: right;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
    @media only screen and (max-width: 1100px) {
      #membership-table thead h3 {
        right: -21px; } }
    #membership-table thead h3.single {
      right: 1px; }
      @media only screen and (max-width: 1100px) {
        #membership-table thead h3.single {
          right: -13px; } }
    #membership-table thead h3 span {
      font-size: 12px;
      color: #999; }
  #membership-table thead .price {
    display: inline-block;
    margin-top: 3.462em;
    color: #999; }
  #membership-table thead .buttons {
    width: 100%; }
    #membership-table thead .buttons a {
      display: block;
      height: 2.182em;
      line-height: 2.182;
      font-size: .846em;
      color: #000;
      text-decoration: none;
      text-transform: uppercase;
      font-family: "Trade Gothic W01 Bold";
      background: #85B09A;
      border-bottom: 1px solid #FFF; }
      #membership-table thead .buttons a:hover, #membership-table thead .buttons a.active {
        color: #FFF;
        background: #000; }
  #membership-table tbody tr.alt td {
    background: #f2f7f4; }
  #membership-table tbody tr#membership-options td {
    text-align: center;
    background: #f2f7f4;
    border: 1px solid #f2f7f4;
    border-bottom: 7px solid #ECECEC; }
    #membership-table tbody tr#membership-options td .inner {
      text-align: left; }
    #membership-table tbody tr#membership-options td .title {
      color: #000;
      font-size: 1.538em;
      font-family: "Trade Gothic W01 Bold";
      text-transform: uppercase; }
  @media only screen and (max-width: 736px) {
    #membership-table tbody tr#membership-options form {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 100;
      overflow: scroll;
      width: 100%;
      height: 100%;
      padding: 17px;
      background: #f2f7f4;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; }
      #membership-table tbody tr#membership-options form input[type='input'], #membership-table tbody tr#membership-options form select {
        width: 100%; } }
  #membership-table tbody tr td {
    padding: 10px;
    text-align: center;
    border-left: 7px solid #ECECEC; }
    #membership-table tbody tr td.benefit {
      width: 300px;
      padding: 10px 15px;
      line-height: 150%;
      text-align: left;
      border-left: 1px solid #ECECEC; }
    #membership-table tbody tr td.last {
      border-right: 1px solid #ECECEC; }

#membership-listing {
  display: none;
  float: left;
  width: 100%;
  margin: 2.692em 0 1.538em 0; }
  @media only screen and (max-width: 736px) {
    #membership-listing {
      display: block; } }
  #membership-listing .level {
    float: left;
    width: 100%;
    margin-bottom: 1.538em; }
    #membership-listing .level .title {
      margin: 0;
      padding: 1em 0;
      font-size: 1.23em;
      font-family: "Trade Gothic W01 Bold";
      text-align: center;
      text-transform: uppercase;
      color: #FFF;
      background: #000;
      -moz-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased; }
      #membership-listing .level .title span {
        font-family: "Trade Gothic W01 Roman";
        color: #979797; }
    #membership-listing .level .buttons {
      display: table;
      table-layout: fixed;
      width: 100%; }
      #membership-listing .level .buttons a {
        display: table-cell;
        padding: 1em 0;
        font-family: "Trade Gothic W01 Bold";
        text-align: center;
        text-transform: uppercase;
        color: #000;
        background: #85B09A;
        border-left: 1px solid #FFF;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; }
        #membership-listing .level .buttons a:hover, #membership-listing .level .buttons a.active {
          background: #000;
          text-decoration: none;
          color: #FFF;
          -moz-font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          -o-font-smoothing: antialiased;
          -ms-font-smoothing: antialiased; }
        #membership-listing .level .buttons a:first-child {
          border: 0; }
    #membership-listing .level ul {
      float: left;
      width: 100%;
      margin: 0;
      padding: 17px !important;
      list-style: none;
      border: 1px solid #CCC;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box; }
      #membership-listing .level ul li {
        position: relative;
        margin-top: 1.38em;
        padding-left: 28px;
        line-height: 1.3; }
        #membership-listing .level ul li:first-child {
          margin: 0; }
        #membership-listing .level ul li:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 18px;
          height: 16px;
          background: url(../images/benefit-star.png) no-repeat left top; }

/* --- Statistics --- */
ul#statistics {
  float: left;
  width: 100%;
  padding: 0;
  list-style-type: none;
  line-height: 2.182em;
  font-size: 1.692em;
  font-family: "Trade Gothic W01 Bold"; }
  ul#statistics span {
    font-family: "ClarendonTextW01-Italic 1097342";
    color: #999;
    font-size: .864em; }

/* --- Contact --- */
#contact .newsletter-required {
  margin-bottom: 3.5em;
  padding-top: .5em;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase;
  color: #999;
  font-size: .769em;
  border-top: 1px solid #CCC; }

#contact p {
  margin-bottom: 25px; }

#contact .top {
  margin-bottom: 40px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCC; }
  #contact .top h2 {
    margin-bottom: .882em; }
  #contact .top p {
    font-size: 1.538em;
    color: #666; }
  #contact .top em {
    font-family: "ClarendonTextW01-Italic 1097342" !important; }

#contact input[type='text'] {
  background-color: #edf3f0; }

#contact .right {
  text-align: right; }

/* --- Competitions --- */
#competitions .past {
  float: left;
  width: 100%;
  margin: -1.429em 0 3.214em 0;
  font-size: 1.077em;
  color: #999;
  font-family: "ClarendonTextW01-Italic 1097342"; }

#competitions .competition {
  float: left;
  width: 100%;
  margin-bottom: 4.231em;
  padding-top: 1.769em;
  border-top: 4px solid #85B09A; }
  #competitions .competition h2 {
    height: 2.818;
    padding: 0 0 2.091em 100px;
    line-height: 1.545;
    font-size: .846em;
    color: #666;
    font-family: "ClarendonTextW01-Regula 1097411";
    border-bottom: 1px solid #CCC;
    background: transparent url(../images/official-selection.gif) no-repeat 0 0; }
    #competitions .competition h2 em {
      font-family: "ClarendonTextW01-Italic 1097342" !important;
      font-size: 1.545em;
      color: #000; }
  #competitions .competition .winner {
    margin-bottom: 1.538em;
    padding: 1.154em 0;
    border-bottom: 1px solid #CCC; }
    #competitions .competition .winner .image {
      position: relative; }
      #competitions .competition .winner .image img {
        width: 100%; }
      #competitions .competition .winner .image .play {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        width: 46px;
        height: 46px;
        margin: -23px 0 0 -23px;
        background: transparent url(../images/play-button.png) no-repeat 0 0;
        cursor: pointer; }
      #competitions .competition .winner .image .details {
        padding-top: 25px;
        color: #666;
        font-size: .769em;
        line-height: 1.3;
        text-transform: uppercase;
        font-family: "Trade Gothic W01 Bold"; }
        #competitions .competition .winner .image .details .title {
          font-size: 1.6;
          line-height: 1;
          color: #000;
          margin-bottom: .938em;
          text-transform: none; }
  #competitions .competition .runners-up h3 {
    margin-bottom: 1.667em;
    font-family: "ClarendonTextW01-Regula 1097411";
    font-size: .923em;
    color: #000; }
  #competitions .competition .runners-up .film {
    margin-bottom: 2.308em; }
    #competitions .competition .runners-up .film img {
      width: 100%; }
    #competitions .competition .runners-up .film .details {
      padding-top: .5;
      color: #666;
      font-size: .769em;
      line-height: 1.3;
      text-transform: uppercase;
      font-family: "Trade Gothic W01 Bold"; }
      #competitions .competition .runners-up .film .details .title {
        font-size: 1.4;
        line-height: 1;
        color: #000;
        margin-bottom: .714em;
        text-transform: none; }

/* --- Sponsors --- */
#sponsors h3 {
  float: left;
  width: 100%;
  margin-bottom: 1.538em;
  padding-top: 1.154em;
  font-size: 1em;
  line-height: 1;
  font-family: "ClarendonTextW01-Italic 1097342";
  border-top: 1px solid #CCC; }

#sponsors .group {
  float: left;
  width: 100%;
  margin-bottom: 50px; }
  #sponsors .group .sponsor {
    float: none;
    display: inline-block;
    height: 120px;
    text-align: center;
    margin-bottom: 4.615em; }
  #sponsors .group .text-sponsor {
    height: 70px;
    margin: 0 60px 4em 0;
    padding-top: 3.333em;
    text-align: center;
    font-size: 1.154em; }
    #sponsors .group .text-sponsor a, #sponsors .group .text-sponsor a:active, #sponsors .group .text-sponsor a:visited {
      font-family: "Trade Gothic W01 Bold";
      color: #000 !important;
      text-transform: uppercase; }
      #sponsors .group .text-sponsor a:hover, #sponsors .group .text-sponsor a:active:hover, #sponsors .group .text-sponsor a:visited:hover {
        text-decoration: underline; }

#sponsors #sponsors-22 .text-sponsor, #sponsors #sponsors-23 .text-sponsor, #sponsors #sponsors-36 .text-sponsor {
  font-size: 1.385em; }

/* --- Film Listing (full width) --- */
#program-top {
  border-bottom: 1px solid #CCC; }

#film-list .film {
  position: relative;
  padding: 3.46em 0;
  border-bottom: 1px solid #CCC; }
  @media only screen and (max-width: 736px) {
    #film-list .film {
      padding: 2em 0 1em 0; } }
  #film-list .film.last {
    padding-bottom: 0;
    border-bottom: none; }
  #film-list .film .image {
    position: relative;
    height: 190px;
    background-color: #FCFCFC;
    overflow: hidden; }
    @media only screen and (max-width: 736px) {
      #film-list .film .image {
        margin-bottom: 2em; } }
    #film-list .film .image img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      cursor: pointer; }
      @media only screen and (max-width: 736px) {
        #film-list .film .image img {
          width: 100%; } }
    #film-list .film .image .play {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      width: 46px;
      height: 46px;
      margin: -23px 0 0 -23px;
      background: transparent url(../images/play-button.png) no-repeat 0 0;
      cursor: pointer; }
  #film-list .film .details {
    float: left;
    display: inline;
    height: 190px;
    color: #000;
    font-size: 13px;
    line-height: 1.38;
    font-family: "Trade Gothic W01 Roman"; }
    #film-list .film .details .short-films {
      padding-left: 0;
      list-style-type: none; }
      #film-list .film .details .short-films li {
        float: left;
        width: 50%;
        line-height: 1.1;
        margin-bottom: .77em; }
    @media only screen and (max-width: 736px) {
      #film-list .film .details {
        height: auto; } }
  #film-list .film .title {
    float: left;
    width: 100%;
    margin-bottom: .46em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 2em;
    line-height: 1;
    height: 1em;
    color: #000;
    text-transform: uppercase;
    overflow: hidden; }
    #film-list .film .title span {
      font-family: "Trade Gothic W01 Roman";
      font-size: .65em;
      color: #999; }
    #film-list .film .title a {
      color: #000; }
    @media only screen and (max-width: 736px) {
      #film-list .film .title {
        height: auto; } }
  #film-list .film .info {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    color: #666;
    font-size: .77em;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: "Trade Gothic W01 Bold"; }
  #film-list .film a.more, #film-list .film a.more:active, #film-list .film a.more:visited {
    text-transform: none;
    color: #85B09A;
    text-decoration: none; }
    #film-list .film a.more:hover, #film-list .film a.more:active:hover, #film-list .film a.more:visited:hover {
      text-decoration: none; }
    #film-list .film a.more em, #film-list .film a.more:active em, #film-list .film a.more:visited em {
      color: #999;
      font-size: 1.15em;
      font-style: normal;
      font-family: "ClarendonTextW01-Regula 1097411"; }

/* --- Filmmaker Panels --- */
#filmmaker-panels h2 {
  margin-bottom: 1.15em;
  font-size: 2em; }

#filmmaker-panels .panel {
  float: left;
  width: 100%;
  padding: 4.23em 0;
  border-top: 1px solid #CCC; }
  #filmmaker-panels .panel.last {
    padding-bottom: 0; }
  #filmmaker-panels .panel .date {
    margin-bottom: 3.07em;
    font-family: "Trade Gothic W01 Bold"; }
  #filmmaker-panels .panel h3 {
    margin-bottom: .55em;
    font-size: 1.38em;
    font-family: "ClarendonTextW01-Italic 1097342"; }
  #filmmaker-panels .panel .panelists {
    margin-bottom: 2em;
    color: #666; }
    #filmmaker-panels .panel .panelists strong {
      color: #000; }

/* --- Archive --- */
.archive-header h1 {
  float: left;
  display: inline;
  width: auto !important;
  margin-right: 20px;
  padding: 1em 20px .227em 0;
  border-right: 1px solid #CCC; }

.archive-header ul {
  float: left;
  display: inline;
  width: auto !important;
  margin-top: 2.385em !important; }

.archive-header select {
  margin-bottom: 0 !important; }

#archive-year {
  float: left;
  display: inline;
  width: auto;
  height: 2.056em;
  margin: .944em 20px 0 0;
  padding: .333em 30px 0 0;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 1.385em;
  background: transparent url(../images/archive-curly.png) no-repeat top right; }

#archive-search {
  position: absolute;
  top: 1.583em;
  right: -10px;
  width: 315px;
  margin-right: 10px;
  padding: .417em;
  font-size: .923em;
  font-family: "Trade Gothic W01 Roman";
  background: #ECECEC url(../images/film-search-icon.png) no-repeat 98% 0.417em;
  border: 1px solid #CCC; }
  @media only screen and (max-width: 1100px) {
    #archive-search {
      width: 135px; } }
  @media only screen and (max-width: 736px) {
    #archive-search {
      right: 0;
      width: 93px; } }
/* --- Trailers --- */
#trailers .trailer {
  float: left;
  width: 100%;
  margin-bottom: 3.077em;
  border-bottom: 1px solid #CCC; }
  #trailers .trailer .video-wrapper {
    margin-bottom: 3.846em; }
  #trailers .trailer.last {
    margin-bottom: 0;
    border-bottom: none; }
  #trailers .trailer h2 {
    margin-bottom: .588em; }

/* --- Festival Guide --- */
/* --- Films A-Z --- */
#a-z h2 {
  float: left;
  width: 100%;
  margin-bottom: 1.25em;
  font-family: "Trade Gothic W01 Bold";
  font-size: 1.231em;
  color: #000; }
  #a-z h2 a {
    color: #000;
    text-decoration: none; }

#a-z .group {
  float: left;
  width: 100%;
  margin-bottom: 3.077em;
  padding-bottom: 3.846em;
  border-bottom: 1px solid #CCC; }
  #a-z .group.last {
    padding-bottom: 0;
    border-bottom: none; }
  #a-z .group ul {
    padding: 0 !important;
    list-style-type: none;
    font-family: "Trade Gothic W01 Roman";
    line-height: 1.231; }
    #a-z .group ul li {
      margin-bottom: .615em; }

/* --- Special Programs --- */
#program-top {
  border-bottom: 1px solid #CCC; }
  #program-top .intro {
    padding-bottom: 2.31em;
    margin-bottom: 0; }

/* --- Lights! Camera! Action Steps! --- */
#lcas {
  margin-top: 3.08em; }
  #lcas ul {
    padding: 0;
    list-style-type: none;
    font-family: "Trade Gothic W01 Roman";
    line-height: 1.7; }
    #lcas ul.last {
      margin-right: 0; }
    #lcas ul li {
      margin-bottom: .6em; }
      #lcas ul li a, #lcas ul li a:active, #lcas ul li a:visited {
        color: #333; }
        #lcas ul li a:hover, #lcas ul li a:active:hover, #lcas ul li a:visited:hover {
          color: #85B09A; }
        #lcas ul li a img, #lcas ul li a:active img, #lcas ul li a:visited img {
          vertical-align: text-bottom; }

/* --- Competitions & Film Forum --- */
#forum-list {
  float: left; }
  #forum-list .short-films {
    float: left;
    width: 100%; }
  #forum-list .film {
    position: relative;
    padding: 3.46em 0;
    border-bottom: 1px solid #CCC; }
    @media only screen and (max-width: 736px) {
      #forum-list .film {
        padding: 2em 0 1em 0; } }
    #forum-list .film.last {
      padding-bottom: 0;
      border-bottom: none; }
    #forum-list .film .image {
      position: relative;
      height: 190px;
      background-color: #FCFCFC;
      overflow: hidden; }
      @media only screen and (max-width: 736px) {
        #forum-list .film .image {
          margin-bottom: 2em; } }
      #forum-list .film .image img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        cursor: pointer; }
        @media only screen and (max-width: 736px) {
          #forum-list .film .image img {
            width: 100%; } }
      #forum-list .film .image .play {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        width: 46px;
        height: 46px;
        margin: -23px 0 0 -23px;
        background: transparent url(../images/play-button.png) no-repeat 0 0;
        cursor: pointer; }
    #forum-list .film .details {
      color: #000;
      line-height: 1.38;
      font-family: "Trade Gothic W01 Roman"; }
    #forum-list .film .date {
      float: left;
      width: 100%;
      margin-bottom: .5em;
      text-transform: uppercase;
      font-size: .769em;
      font-family: "Trade Gothic W01 Bold"; }
    #forum-list .film .title {
      float: left;
      width: 100%;
      margin-bottom: .96em;
      font-family: "Trade Gothic W01 Bold";
      font-size: 2em;
      line-height: 1;
      color: #000;
      text-transform: uppercase; }
      #forum-list .film .title a, #forum-list .film .title a:active, #forum-list .film .title a:visited {
        display: block;
        color: #000;
        text-decoration: none; }
        #forum-list .film .title a:hover, #forum-list .film .title a:active:hover, #forum-list .film .title a:visited:hover {
          text-decoration: underline; }
        #forum-list .film .title a span, #forum-list .film .title a:active span, #forum-list .film .title a:visited span {
          color: #999; }
      #forum-list .film .title span {
        font-family: "Trade Gothic W01 Roman";
        font-size: .65em;
        color: #999; }
    #forum-list .film .theater {
      margin-bottom: 0;
      font-family: "Trade Gothic W01 Bold";
      font-size: 1.25em; }
    #forum-list .film .panelists {
      margin-bottom: 2em;
      color: #666; }
      #forum-list .film .panelists strong {
        color: #000; }
    #forum-list .film .download {
      margin-bottom: 0; }
      #forum-list .film .download a, #forum-list .film .download a:active, #forum-list .film .download a:visited {
        font-family: "Trade Gothic W01 Bold";
        font-size: .769em;
        line-height: 1.3;
        text-transform: uppercase;
        color: #666; }
        #forum-list .film .download a:hover, #forum-list .film .download a:active:hover, #forum-list .film .download a:visited:hover {
          text-decoration: underline; }
    #forum-list .film a.more, #forum-list .film a.more:active, #forum-list .film a.more:visited {
      text-transform: none;
      color: #85B09A;
      text-decoration: none; }
      #forum-list .film a.more:hover, #forum-list .film a.more:active:hover, #forum-list .film a.more:visited:hover {
        text-decoration: none; }
      #forum-list .film a.more em, #forum-list .film a.more:active em, #forum-list .film a.more:visited em {
        color: #999;
        font-size: 1.154em;
        font-style: normal;
        font-family: "ClarendonTextW01-Regula 1097411" !important; }
  #forum-list .recipients {
    float: left;
    width: 538px;
    padding: 40px 40px 0 0;
    border-right: 1px solid #CCC; }
  #forum-list .sponsored-by {
    float: left;
    width: 160px;
    padding: 40px 0 0 40px; }
  #forum-list.spotlight .film .span8 {
    height: 397px; }
    @media only screen and (max-width: 1100px) {
      #forum-list.spotlight .film .span8 {
        height: 278px; } }
    @media only screen and (max-width: 736px) {
      #forum-list.spotlight .film .span8 {
        height: 725px; } }
  #forum-list.spotlight .film#dream-catcher {
    border-bottom: none; }
  #forum-list.spotlight .recipients {
    width: 100%;
    padding-top: 40px;
    border-right: none; }

/* --- Awards List --- */
#awards-list {
  float: left;
  display: inline;
  width: 100%;
  margin-bottom: 3em;
  padding: 0 0 3em 0;
  border-bottom: 1px solid #CCC; }
  @media only screen and (max-width: 1100px) {
    #awards-list {
      width: 425px; } }
  @media only screen and (max-width: 736px) {
    #awards-list {
      float: none;
      width: 100%; } }
  #awards-list.last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  #awards-list img {
    float: left; }
  #awards-list h1 {
    position: relative;
    margin-bottom: 30px;
    line-height: 35px;
    font-size: 26px;
    font-family: 'Trade Gothic W01 Bold';
    text-transform: uppercase; }
    @media only screen and (max-width: 1100px) {
      #awards-list h1 {
        font-size: 22px; } }
    #awards-list h1 img {
      margin-right: 10px;
      vertical-align: text-bottom; }
    #awards-list h1 a, #awards-list h1:visited {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 10px;
      font-family: 'Trade Gothic W01 Bold';
      text-transform: uppercase; }
  #awards-list .award {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 3em; }
    @media only screen and (max-width: 1100px) {
      #awards-list .award img {
        height: auto; } }
    #awards-list .award img {
      float: left;
      width: 100%; }
    #awards-list .award .title {
      margin-bottom: 0;
      font-size: 26px; }
    #awards-list .award .director {
      margin-bottom: 0;
      font-size: 13px; }
    #awards-list .award h2 {
      margin-bottom: 0;
      padding: 15px 20px;
      color: #FFF;
      font-family: 'ClarendonTextW01-Italic 1097342';
      font-size: 16px;
      line-height: 19px;
      background-color: #000; }
      @media only screen and (max-width: 1100px) {
        #awards-list .award h2 {
          width: 385px; } }
      @media only screen and (max-width: 736px) {
        #awards-list .award h2 {
          width: 100%;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box; } }
      #awards-list .award h2 span {
        font-family: 'Trade Gothic W01 Bold';
        font-size: 10px;
        text-transform: uppercase; }
    #awards-list .award .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 120px;
      -moz-opacity: .64;
      filter: alpha(opacity=64);
      opacity: .64;
      background-color: #85B09A; }
    #awards-list .award .film-info {
      position: absolute;
      bottom: 30px;
      left: 20px;
      color: #FFF;
      font-size: 22px;
      line-height: 24px;
      font-family: 'ClarendonTextW01-Italic 1097342'; }

/* --- New Direction --- */
.director-row .span24 {
  border-bottom: 1px solid #CCC; }
  @media only screen and (max-width: 736px) {
    .director-row .span24 {
      border: 0; } }
.director-row .director {
  min-height: 330px;
  padding-top: 2.3em;
  padding-bottom: 2.3em; }
  @media only screen and (max-width: 1100px) {
    .director-row .director {
      min-height: 95px; } }
  @media only screen and (max-width: 736px) {
    .director-row .director {
      text-align: center;
      border-bottom: 1px solid #CCC !important; }
      .director-row .director.double .span5 {
        width: 49% !important; }
        .director-row .director.double .span5:first-child {
          margin-right: 2% !important; }
      .director-row .director img {
        margin-bottom: 1em; } }
  .director-row .director.double .details {
    margin-top: 20px;
    text-align: center; }
  .director-row .director.double .films {
    text-align: center; }
  .director-row .director .bio {
    margin: 1em 0 0 0; }
  .director-row .director .details .title {
    margin-bottom: .38em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 2em;
    line-height: 1;
    color: #000;
    text-transform: uppercase; }
  .director-row .director .films p {
    margin-bottom: 0 !important; }

/* --- Festival Updates --- */
#updates h3, #ciff-alums h3 {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid #CCC;
  background: transparent url(../images/light-gradient.jpg) repeat-x bottom left; }
  #updates h3 .lucy-wrapper, #ciff-alums h3 .lucy-wrapper {
    padding-top: 1.3em;
    font-family: "Trade Gothic W01 Bold";
    text-transform: uppercase;
    color: #85B09A;
    font-size: 1.69em; }

#updates .films, #ciff-alums .films {
  position: relative;
  float: left;
  width: 100%; }
  #updates .films .film, #ciff-alums .films .film {
    float: left;
    width: 100%;
    padding: 17px 0;
    border-bottom: 1px solid #CCC; }
    #updates .films .film.alt, #ciff-alums .films .film.alt {
      background-color: #F5F5F5; }
    #updates .films .film img, #ciff-alums .films .film img {
      float: left;
      display: inline;
      margin-right: 12px; }
    #updates .films .film .title, #ciff-alums .films .film .title {
      float: left;
      display: inline;
      height: 43px;
      padding: 10px 0 0 0;
      line-height: 18px;
      font-size: 13px;
      border-right: 1px solid #CCC; }
    #updates .films .film .date-time, #ciff-alums .films .film .date-time {
      float: left;
      display: inline;
      margin: 20px 0 0 0; }
    #updates .films .film input, #ciff-alums .films .film input {
      float: left;
      display: inline;
      width: 25px;
      margin: 18px 15px 0 0;
      padding: 4px 6px;
      font-size: 13px;
      font-family: "Trade Gothic W01 Roman";
      border: 1px solid #CCC; }
    #updates .films .film .has-tooltip, #ciff-alums .films .film .has-tooltip {
      position: relative;
      float: left;
      display: inline;
      width: 32px;
      height: 26px;
      margin-top: 17px; }
    #updates .films .film a.add, #ciff-alums .films .film a.add, #updates .films .film a.add:active, #updates .films .film a.add:visited {
      float: left;
      display: inline;
      width: 32px;
      height: 23px;
      padding-bottom: 3px;
      font-family: "Trade Gothic W01 Bold";
      font-size: 23px;
      line-height: 23px;
      color: #FFF;
      text-align: center;
      text-decoration: none;
      background-color: #85B09A; }
      #updates .films .film a.add:hover, #ciff-alums .films .film a.add:hover, #updates .films .film a.add:active:hover, #updates .films .film a.add:visited:hover {
        background-color: #000; }
    #updates .films .film .note, #ciff-alums .films .film .note {
      float: left;
      width: 100%;
      padding: 45px 0 25px 0;
      font-size: 11px; }

/* --- Festival Events --- */
#events {
  float: left;
  width: 100%; }
  #events h2 {
    margin-top: 2em;
    font-size: 3em;
    text-transform: uppercase;
    font-family: "Trade Gothic W01 Bold"; }
    #events h2:first-child {
      margin-top: 0; }
  #events .event {
    padding: 3.077em 0;
    line-height: 1.23;
    border-bottom: 1px solid #CCC; }
    @media only screen and (max-width: 736px) {
      #events .event {
        padding: 2.25em 0 2em 0; }
        #events .event:first-child {
          padding-top: 0; } }
    #events .event.last {
      padding-bottom: .77em;
      border-bottom: none; }
    #events .event .image {
      height: 153px; }
      @media only screen and (max-width: 736px) {
        #events .event .image {
          height: auto;
          margin-bottom: 1.5em; }
          #events .event .image img {
            width: 100%; } }
    #events .event p {
      margin-bottom: 0; }
    #events .event .date {
      margin-bottom: 2em;
      line-height: 1.23;
      font-family: "Trade Gothic W01 Bold"; }
      #events .event .date span {
        color: #999;
        font-size: 16px; }
    #events .event .title {
      margin-bottom: 5px;
      font-family: "Trade Gothic W01 Bold";
      font-size: 2em;
      line-height: 1;
      text-transform: uppercase; }
      #events .event .title a, #events .event .title a:active, #events .event .title a:visited {
        color: #000; }
    #events .event .sub-title {
      margin-bottom: 1.6em;
      font-family: "ClarendonTextW01-Italic 1097342";
      font-size: 1.077em;
      line-height: 1; }
    #events .event a.more, #events .event a.more:active, #events .event a.more:visited {
      text-transform: none;
      color: #85B09A;
      text-decoration: none; }
      #events .event a.more:hover, #events .event a.more:active:hover, #events .event a.more:visited:hover {
        color: #000; }
      #events .event a.more em, #events .event a.more:active em, #events .event a.more:visited em {
        color: #999;
        font-size: 1.15em;
        font-style: normal;
        font-family: "Trade Gothic W01 Bold" !important; }

/* --- Event Detail --- */
#event-detail .films-header {
  float: left;
  width: 100%;
  margin-bottom: 0;
  padding: 18px 0;
  color: #85B09A;
  font-size: 18px;
  font-family: "Trade Gothic W01 Bold";
  text-transform: uppercase;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC; }
  #event-detail .films-header select {
    position: relative;
    top: 6px; }

#event-detail .event-image {
  float: left;
  display: inline;
  margin-right: 40px; }
  @media only screen and (max-width: 736px) {
    #event-detail .event-image {
      width: 100%;
      margin: 0 0 1.5em 0; } }
#event-detail .event-image-body {
  float: left;
  display: inline;
  width: 558px; }

#event-detail .sponsor-header {
  float: left;
  width: 100%;
  margin-top: 40px;
  padding: 20px 0;
  font-size: 17px;
  font-family: "ClarendonTextW01-Italic 1097342";
  border-top: 1px solid #CCC; }

#event-detail .sponsor {
  float: left;
  display: inline;
  height: 200px;
  margin-right: 30px; }

#event-detail .sub-title {
  margin: -1em 0 1.6em 0;
  font-family: "ClarendonTextW01-Italic 1097342";
  font-size: 1.077em;
  line-height: 1; }

/* --- Film Detail --- */
#film-detail {
  /* --- Star Ratings --- */
  /* --- Buy Tickets --- */
  /* --- Image Viewer --- */
  /* --- External Trailer --- */
  /* --- Jurors --- */
  /* --- Social Networking Buttons --- */
  /* --- Right Column --- */ }
  #film-detail h1 {
    margin-bottom: .58em;
    font-size: 2em;
    font-family: "Trade Gothic W01 Bold"; }
    #film-detail h1 span {
      font-size: .58em;
      color: #666;
      font-family: "Trade Gothic W01 Roman";
      text-transform: none; }
  #film-detail p {
    margin-bottom: 1.54em; }
  #film-detail .info {
    margin-bottom: 1.54em;
    line-height: 1.4;
    font-family: "Trade Gothic W01 Roman"; }
  #film-detail .stars {
    float: left;
    width: 100%;
    height: 11px;
    margin-bottom: 1.54em;
    overflow: hidden; }
  #film-detail .star {
    float: left;
    display: inline;
    width: 12px;
    height: 11px;
    background: transparent url(../images/star.png) no-repeat 0 0; }
    #film-detail .star.half {
      background-position: 0 -11px; }
    #film-detail .star.full {
      background-position: 0 -22px; }
  #film-detail #rating-caption {
    float: left;
    display: inline;
    width: 200px;
    height: 11px;
    margin-left: 10px;
    color: #999;
    font-size: .85em;
    line-height: 1; }
  #film-detail #buy-tickets {
    float: left;
    width: 100%;
    padding: 1.77em 0;
    background: transparent url(../images/light-gradient-alt.png) repeat-x 0 0;
    border-top: 1px solid #CCC;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    @media only screen and (max-width: 1100px) {
      #film-detail #buy-tickets {
        padding: 1.5em !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; }
        #film-detail #buy-tickets .row {
          margin: 0; }
        #film-detail #buy-tickets [class*='span'] {
          width: 100%;
          margin: 0 !important;
          padding: 0 !important; }
        #film-detail #buy-tickets .styled-button {
          display: block; } }
    #film-detail #buy-tickets .left {
      margin-top: .92em; }
    #film-detail #buy-tickets .right {
      height: 48px;
      background: transparent url(../images/buy-tickets-curly.png) no-repeat 0 0; }
      #film-detail #buy-tickets .right .inner {
        padding-left: 35px; }
      #film-detail #buy-tickets .right .schedule {
        margin-left: 5px; }
      @media only screen and (max-width: 1100px) {
        #film-detail #buy-tickets .right {
          background: none; }
          #film-detail #buy-tickets .right .inner {
            padding-left: 0; } }
    #film-detail #buy-tickets h2 {
      float: left;
      display: inline;
      width: auto;
      margin-right: 10px;
      font-family: "Trade Gothic W01 Bold";
      font-size: 1.4em;
      color: #000;
      text-transform: uppercase; }
    #film-detail #buy-tickets select {
      float: left;
      display: inline;
      width: 230px;
      margin: 0; }
    #film-detail #buy-tickets input {
      float: left;
      display: inline;
      width: 30px;
      margin-left: 5px;
      padding: 3px;
      font-family: "Trade Gothic W01 Roman";
      border: 1px solid #CCC; }
    #film-detail #buy-tickets .schedule.not-on-sale {
      margin-top: 1.15em; }
  #film-detail #film-images.has-external-trailer {
    margin-bottom: 0 !important; }
  #film-detail #film-images.no-thumbs {
    margin-bottom: 30px; }
  #film-detail #film-thumbs {
    float: left;
    width: 100%;
    margin: 10px 0 20px 0; }
    #film-detail #film-thumbs.has-external-trailer {
      margin-bottom: 0; }
    #film-detail #film-thumbs .thumb {
      position: relative;
      height: 0;
      padding-bottom: 12.69318%;
      cursor: pointer;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      filter: alpha(opacity=65);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
      -moz-opacity: 0.65;
      -khtml-opacity: 0.65;
      opacity: 0.65; }
      @media only screen and (max-width: 736px) {
        #film-detail #film-thumbs .thumb {
          width: 20% !important;
          margin-right: 0px !important; } }
      #film-detail #film-thumbs .thumb.selected {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
      #film-detail #film-thumbs .thumb.last {
        padding-right: 0; }
      #film-detail #film-thumbs .thumb .play {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: transparentx;
        background-image: url(../images/play-button-grid.png);
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer; }
  #film-detail a.external-trailer, #film-detail a.external-trailer:active, #film-detail a.external-trailer:visited {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 15px;
    color: #85B09A;
    font-family: "Trade Gothic W01 Bold";
    font-size: 14px;
    text-transform: uppercase;
    background: transparent url(../images/light-gradient.jpg) repeat-x bottom left;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    #film-detail a.external-trailer:hover, #film-detail a.external-trailer:active:hover, #film-detail a.external-trailer:visited:hover {
      text-decoration: underline; }
  #film-detail .jurors {
    float: left;
    width: 100%;
    margin-bottom: 3.46em;
    padding-bottom: 1.54em;
    border-bottom: 1px solid #CCC; }
    #film-detail .jurors .juror {
      float: left;
      width: 100%;
      margin-bottom: .77em;
      line-height: 1.38em; }
      #film-detail .jurors .juror img {
        float: left;
        display: inline;
        margin: 0 20px 1.54em 0; }
      #film-detail .jurors .juror p {
        float: none !important; }
        #film-detail .jurors .juror p.has-photo {
          float: left !important;
          display: inline;
          width: 460px; }
      #film-detail .jurors .juror strong {
        text-transform: none; }
  #film-detail #film-social {
    float: left;
    width: 100%;
    padding: 0;
    list-style-type: none; }
    #film-detail #film-social li {
      float: left;
      display: inline;
      width: 100px;
      overflow: hidden; }
  #film-detail #ciff-right {
    color: #000;
    font-size: 13px;
    line-height: 1.54;
    font-family: "Trade Gothic W01 Roman";
    /* --- Screenings --- */ }
    #film-detail #ciff-right .block {
      padding: 2.7em 0 0 35px; }
      @media only screen and (max-width: 736px) {
        #film-detail #ciff-right .block {
          padding-left: 17px; } }
      #film-detail #ciff-right .block:first-child {
        padding-top: 0; }
      #film-detail #ciff-right .block:last-child {
        padding-bottom: 0;
        border-bottom: none; }
    #film-detail #ciff-right p {
      margin-bottom: 1.54em; }
    #film-detail #ciff-right #film-screenings {
      float: left;
      width: 100%;
      margin-bottom: 1.92em; }
      #film-detail #ciff-right #film-screenings p {
        float: left;
        width: 100%;
        margin-bottom: 0 !important; }
        #film-detail #ciff-right #film-screenings p.spaced {
          margin-top: 1em; }
        #film-detail #ciff-right #film-screenings p.location a {
          color: #000;
          text-decoration: underline; }
          #film-detail #ciff-right #film-screenings p.location a:hover {
            text-decoration: none; }
      #film-detail #ciff-right #film-screenings ul {
        float: left;
        width: 100%;
        margin-bottom: 0;
        padding-left: .75em;
        list-style-type: none; }
        #film-detail #ciff-right #film-screenings ul li:before {
          content: '*'; }
      #film-detail #ciff-right #film-screenings .alert {
        color: #F00; }
    #film-detail #ciff-right .print-source {
      margin-bottom: 1.5em; }
      #film-detail #ciff-right .print-source p {
        margin-bottom: .25em; }
    #film-detail #ciff-right p a.sponsor {
      color: #000;
      text-transform: uppercase;
      font-family: "Trade Gothic W01 Bold";
      font-size: 1.23em;
      -moz-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased; }

/* --- Search --- */
#search h1 {
  margin-bottom: 1.538em; }

#search .entry {
  float: left;
  width: 100%;
  margin-bottom: 3.077em;
  padding-bottom: 1.154em;
  border-bottom: 1px solid #CCC; }
  #search .entry p {
    margin-bottom: 1.923em; }
  #search .entry .title {
    margin-bottom: .313em;
    font-family: "Trade Gothic W01 Bold";
    font-size: 1.231em;
    text-transform: uppercase; }
  #search .entry .date {
    font-family: "ClarendonTextW01-Regula 1097411";
    font-size: .923em; }

/* --- Account --- */
#profile .form-box {
  margin-bottom: .62em;
  padding: 2.3em 0; }

#profile .styled-button {
  margin-top: 1.54em; }

#profile .large {
  font-size: 15px; }

/* --- Order History --- */
#orders {
  float: left;
  width: 100%;
  margin-bottom: 3.077; }
  #orders .order {
    position: relative;
    float: left;
    width: 100%;
    padding: .77em 0;
    border-bottom: 1px solid #CCC; }
    #orders .order:hover {
      background-color: #F7F7F7; }
    #orders .order.heading {
      font-family: "Trade Gothic W01 Bold";
      font-size: 1.15em; }
    #orders .order p {
      margin-bottom: 0 !important; }
    #orders .order a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 4.77em;
      text-indent: -9999px; }
    #orders .order .number {
      padding: .85em 0;
      color: #000;
      text-indent: 10px; }
    #orders .order .date {
      text-indent: 10px;
      padding: .85em 0; }
    #orders .order .total {
      text-indent: 10px;
      padding: .85em 0; }

/* --- Footer --- */
/* --- Callouts --- */
#callouts {
  float: left;
  width: 100%;
  min-height: 130px;
  padding: 20px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #ECECEC; }
  #callouts .callout {
    position: relative;
    padding-top: 2em;
    padding-bottom: 2em;
    font-family: "ClarendonTextW01-Italic 1097342";
    color: #666;
    font-size: 1.077em;
    line-height: 19px; }
    @media only screen and (max-width: 736px) {
      #callouts .callout {
        padding-top: 1.5em;
        padding-bottom: 0; } }
    #callouts .callout .title {
      margin-bottom: 15px;
      color: #2C2A26;
      font-size: 1.86em;
      font-family: "Trade Gothic W01 Bold";
      text-transform: uppercase;
      line-height: 1.15; }
    #callouts .callout.last {
      padding: 25px 0;
      margin-right: 0;
      border-right: none; }
      #callouts .callout.last .arrow {
        right: 0; }
    #callouts .callout a {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -9999px; }
    #callouts .callout .arrow {
      position: absolute;
      top: 30px;
      right: 45px;
      font-family: "Latin Wide W01 D" !important;
      font-size: 20px;
      line-height: 20px;
      color: #85B09A; }
      @media only screen and (max-width: 736px) {
        #callouts .callout .arrow {
          right: 0;
          line-height: .5em; } }
/* --- Social Bar --- */
#social-bar {
  float: left;
  width: 100%;
  height: 48px;
  padding-top: 2em;
  background: transparent url(../images/light-gradient.jpg) repeat-x bottom left;
  border-bottom: 1px solid #CCC; }
  @media only screen and (max-width: 736px) {
    #social-bar {
      height: auto;
      padding-bottom: 2em; } }
  #social-bar #newsletter-signup {
    float: left;
    display: inline; }
    #social-bar #newsletter-signup p {
      float: left;
      display: inline;
      width: auto;
      margin: 0 10px 0 0;
      font-size: 14px;
      line-height: 26px;
      color: #333;
      font-family: "TradeGothicW01-BoldCn20 675334";
      text-transform: uppercase; }
      @media only screen and (max-width: 1100px) {
        #social-bar #newsletter-signup p span {
          display: none; } }
      @media only screen and (max-width: 736px) {
        #social-bar #newsletter-signup p span {
          display: inline; } }
    #social-bar #newsletter-signup input {
      float: left;
      display: inline;
      width: 160px;
      padding: 6px 10px;
      font-family: "Trade Gothic W01 Bold";
      font-size: 10px;
      color: #333;
      text-transform: uppercase;
      background-color: #ECECEC;
      border: 1px solid #CCC; }
      @media only screen and (max-width: 1100px) {
        #social-bar #newsletter-signup input {
          width: 150px; } }
      @media only screen and (max-width: 736px) {
        #social-bar #newsletter-signup input {
          width: 80%; } }
    #social-bar #newsletter-signup a, #social-bar #newsletter-signup a:active, #social-bar #newsletter-signup a:visited {
      float: left;
      display: inline;
      margin-left: 10px;
      font-family: "ClarendonTextW01-Italic 1097342";
      color: #85B09A;
      font-size: 15px;
      line-height: 22px;
      text-decoration: none; }
      #social-bar #newsletter-signup a:hover, #social-bar #newsletter-signup a:active:hover, #social-bar #newsletter-signup a:visited:hover {
        text-decoration: underline; }
    @media only screen and (max-width: 736px) {
      #social-bar #newsletter-signup {
        margin-bottom: 1em; } }
  #social-bar #social-icons {
    display: inline-block;
    margin: 2px 0 0 0;
    padding: 0;
    list-style-type: none; }
    #social-bar #social-icons li {
      float: left;
      display: inline;
      margin-right: 4px; }
      #social-bar #social-icons li.apple {
        height: 24px;
        margin: 0 6px 0 28px;
        padding-right: 6px;
        border-right: 1px solid #CCC; }
      #social-bar #social-icons li.like {
        width: 75px;
        margin: 0 0 0 30px;
        padding-top: 3px; }
  @media only screen and (max-width: 736px) {
    #social-bar .right {
      text-align: left; } }
/* --- Footer Sponsors --- */
#footer-sponsors {
  float: left;
  width: 100%;
  padding: 3em 0;
  text-align: center; }
  #footer-sponsors img {
    margin: 0 25px;
    vertical-align: middle; }
    @media only screen and (max-width: 736px) {
      #footer-sponsors img {
        margin-bottom: 1em; } }
/* --- Power Footer --- */
#footer {
  float: left;
  width: 100%;
  padding: 40px 0 20px 0;
  background-color: #000; }
  #footer #footer-quick-links {
    display: none; }
  #footer .festival {
    float: left;
    display: inline;
    padding-top: 10px; }
  #footer .festival-label {
    margin-bottom: 5px !important;
    color: #FFF !important;
    font-family: "Trade Gothic W01 Bold" !important;
    font-size: 16px !important;
    text-transform: uppercase !important; }
  #footer .border-left {
    border-color: #333; }
  #footer [class*="span"] {
    padding-top: 10px; }
    #footer [class*="span"] .title {
      margin-bottom: 8px;
      font-family: "ClarendonTextW01-Italic 1097342";
      font-size: 14px;
      color: #818181; }
      #footer [class*="span"] .title a {
        color: #818181; }
    #footer [class*="span"] ul {
      margin-bottom: 1.5em;
      padding: 0;
      list-style: none;
      font-size: 11px;
      line-height: 15px;
      font-family: "Trade Gothic W01 Roman"; }
    #footer [class*="span"].right {
      text-align: right; }
      @media only screen and (max-width: 736px) {
        #footer [class*="span"].right {
          text-align: left; } }
    #footer [class*="span"].last {
      color: #FFF;
      font-size: 14px;
      text-transform: uppercase;
      font-family: "Trade Gothic W01 Bold"; }
      #footer [class*="span"].last p {
        padding-left: 16px; }
        @media only screen and (max-width: 736px) {
          #footer [class*="span"].last p {
            padding-left: 0; } }
  @media only screen and (max-width: 736px) {
    #footer #footer-quick-links {
      display: block; }
    #footer .festival-label, #footer .column, #footer .span3.offset2.inset-r1 {
      display: none; }
    #footer select {
      width: 100%; }
    #footer .span10, #footer .span4, #footer .span3 {
      display: none; } }
#copyright {
  margin-top: 30px;
  font-family: "Trade Gothic W01 Roman";
  font-size: 9px;
  color: #CCC;
  line-height: 17px; }
  #copyright img {
    vertical-align: text-bottom; }
  #copyright a, #copyright a:active, #copyright a:visited {
    color: #CCC;
    text-decoration: none; }
    #copyright a:hover, #copyright a:active:hover, #copyright a:visited:hover {
      color: #85B09A; }

/* --- Video Overlay --- */
#video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  background: transparent url(../images/video-overlay-bg.png) repeat 0 0; }

a#video-overlay-close {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -256px 0 0 465px;
  z-index: 10001;
  width: 30px;
  height: 30px;
  background: transparent url(../images/overlay-close.png) no-repeat 0 0; }

#youtube-video {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;
  margin: -255px 0 0 -455px; }

/* --- Newsletter Box --- */
#newsletter-signup-box {
  position: fixed;
  z-index: 20;
  display: none;
  /* added for Donate callout 3/20/20 SMC */
  bottom: -350px;
  right: 2.5em;
  width: 300px;
  padding: 2em;
  text-align: center;
  background: #85B09A;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-shadow: -5px -5px 20px -5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -5px -5px 20px -5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -5px -5px 20px -5px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -5px -5px 20px -5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -5px -5px 20px -5px rgba(0, 0, 0, 0.1); }
  #newsletter-signup-box.show {
    bottom: -1px; }
  #newsletter-signup-box h4 {
    display: inline-block;
    margin-bottom: 0;
    font-size: 2em;
    font-family: "Trade Gothic W01 Bold";
    text-transform: uppercase;
    line-height: 1.3;
    color: #FFF !important; }
  #newsletter-signup-box p {
    margin-bottom: .35em;
    color: #FFF;
    font-size: 1.1em; }
  #newsletter-signup-box input {
    width: 100%;
    height: 35px;
    margin-bottom: 10px;
    border: 1px solid #CCC;
    font-size: 1em;
    color: #000;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; }
    #newsletter-signup-box input:first-of-type {
      margin-top: 1em; }
  #newsletter-signup-box #newsletter-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    font-family: "Trade Gothic W01 Bold";
    font-size: 2em;
    color: #FFF;
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box; }
    #newsletter-signup-box #newsletter-close .icon-close {
      display: block;
      margin-top: 11px;
      margin-left: 2px;
      color: #FFF;
      -moz-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased; }
  #newsletter-signup-box .button {
    display: inline-block;
    padding: .5em 1em;
    font-size: 1em;
    background: #000; }
  #newsletter-signup-box #newsletter-decline {
    color: rgba(255, 255, 255, 0.7);
    line-height: 2; }

/* --- Add to Home Screen prompt for mobile --- */
#addToHomeScreen {
  z-index: 9999;
  -webkit-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  touch-callout: none;
  width: 232px;
  font-size: 14px;
  padding: 12px 24px 12px 12px;
  text-align: left;
  font-family: helvetica;
  /*background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));*/
  background-color: #000;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  color: #FFF;
  line-height: 130%;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

#addToHomeScreen.addToHomeIpad {
  width: 268px;
  font-size: 18px;
  padding: 14px; }

/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.addToHomeWide {
  width: 296px; }

#addToHomeScreen.addToHomeIpad.addToHomeWide {
  width: 320px;
  font-size: 18px;
  padding: 14px; }

/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .addToHomeArrow {
  position: absolute;
  /*background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));*/
  background-color: #000;
  width: 16px;
  height: 16px;
  -webkit-transform: rotateZ(45deg);
  bottom: -8px;
  left: 50%;
  margin-left: -8px; }

/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
  -webkit-transform: rotateZ(-135deg);
  /*background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));*/
  background-color: #FFF;
  /*-webkit-box-shadow:inset -1px -1px 0 #fff;*/
  top: -9px;
  bottom: auto;
  left: 50%; }

/**
 *
 * Close button
 *
 */
#addToHomeScreen .addToHomeClose {
  -webkit-box-sizing: border-box;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 18px;
  height: 18px;
  line-height: 14px;
  text-align: center;
  text-indent: 1px;
  -webkit-border-radius: 9px;
  background-color: #000;
  color: #FFF;
  -webkit-box-shadow: 0 1px 0 #666;
  font-size: 16px; }

/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .addToHomePlus {
  font-weight: bold;
  font-size: 1.3em; }

/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .addToHomeShare {
  display: inline-block;
  width: 18px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
  background-size: 18px 15px;
  text-indent: -9999em;
  overflow: hidden; }

/**
 *
 * The 'share' icon, displayed only on iOS >= 7
 *
 */
#addToHomeScreen .addToHomeTopArrow {
  display: inline-block;
  width: 15px;
  height: 21px;
  background-repeat: no-repeat;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMuaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0OCA3OS4xNjQwMzYsIDIwMTkvMDgvMTMtMDE6MDY6NTcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlERTNENDc5MTJDNjExRUFCNzk3QzI1MDc0NjU2MjVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlERTNENDdBMTJDNjExRUFCNzk3QzI1MDc0NjU2MjVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OURFM0Q0NzcxMkM2MTFFQUI3OTdDMjUwNzQ2NTYyNUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OURFM0Q0NzgxMkM2MTFFQUI3OTdDMjUwNzQ2NTYyNUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAVAA8DAREAAhEBAxEB/8QAXwABAAMAAAAAAAAAAAAAAAAABwAGCAEBAAAAAAAAAAAAAAAAAAAAABAAAQQCAgECBwAAAAAAAAAAAwECBAYFBxEIEwAUIRIVN3e3CREBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Awd121fa9AdktNgvlbpU+6SdwVCpBGy5VWyyq8R+YQWV8tdxk6dIZM4H4RyZDUZDXyK1iTXRDxgDw0K6bC+m7loVX1/jJuKxU202erDs1NJ7qTW/dTsnkAUabKbJBHdGhqcsBYZQO4K+OJkIgYoQuGwrrita/0PvGxs7Hly8JQOxWTsmYiwGMJKLFxVtJMOwDCkExxHMEqMRz2oq8cuRPj6Av60/cWx/irbH68sPoHDs3gOtpuyXYM2d2xsrHZsuyrY/MY+Br3DzYoJTsxKU4gSi3SK8w2P5awjgjVycOUbFX5UCdfMB1tFfM+7D7Y2VPlrrXZrDAma9w8QbYr6LnWzCtIO6SVUgo6kIMasRCPa0biCa5SsD/2Q==);
  background-size: 15px 21px;
  text-indent: -9999em;
  overflow: hidden; }

/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .addToHomeTouchIcon {
  display: block;
  float: left;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 57px;
  height: 57px;
  -webkit-background-size: 57px 57px;
  background-size: 57px 57px;
  margin: 0 12px 0 0;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

/**
 *
 * The 'share' icon for retina display
 *
 */
@media all and (-webkit-min-device-pixel-ratio: 2) {
  #addToHomeScreen .addToHomeShare {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); } }