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

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

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

/*
 * jQuery slider Slider v0.4 BETA
 * http://marktyrrell.com/labs/slider/
 *
 * Copyright (C) 2011, Mark Tyrrell <me@marktyrrell.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
.slider {
  margin: 0 auto;
}

.slider .slides {
  display: block;
  position: relative;
  overflow: hidden;
}

.slider .slides li {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.slider .slides li img {
  display: block;
  width: 100%;
  max-width: none;
}

.slider .slides li.active {
  display: block;
  position: relative;
}

.slider .crop li img {
  width: auto;
}

.slider .pager {
  height: 40px;
  text-align: center;
}

.slider .pager li {
  display: inline-block;
}

.slider .pager li a,
.slider .pager li a span {
  display: block;
  height: 4px;
  width: 4px;
}

.slider .pager li a {
  padding: 18px 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

.slider .pager li a span {
  overflow: hidden;
  background: #c0c0c0;
  text-indent: -9999px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

.slider .pager li.active a span {
  background: #404040;
}

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  top: 100px;
  width: 55%;
  position: fixed;
  left: 50%;
  margin: 0 0 0 -27.5%;
  background: #eee;
  border: solid 6px #fff;
  position: fixed;
  z-index: 1001;
  padding: 30px 40px 34px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.reveal-modal p, .reveal-modal label {
  line-height: 0;
}
.reveal-modal h2 {
  margin: 1em 0;
}
.reveal-modal input {
  background: rgba(255, 255, 255, 0.5);
  border: 5px solid white;
  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
  font-size: 1.6rem;
  margin: 0 0 10px 0;
  padding: 10px 15px;
  width: 70%;
}
.reveal-modal input:focus {
  border-color: rgba(153, 51, 51, 0.95);
}
.reveal-modal button {
  border: 5px solid rgba(153, 51, 51, 0.95);
  background: #fff;
  font-size: 1.6rem;
  cursor: pointer;
  font-size: 1.1rem;
  padding: .5rem 3rem;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
}
.reveal-modal button:hover {
  border: 5px solid #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
}

input[type="email"],
input[type="text"] {
  width: 100%;
}

/*
  
NOTES

Close button entity is &#215;

Example markup

<div id="myModal" class="reveal-modal">
  <h2>Awesome. I have it.</h2>
  <p class="lead">Your couch.  I it's mine.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
  <a class="close-reveal-modal">&#215;</a>
</div>

*/
@media screen and (max-width: 769px) {
  .reveal-modal {
    left: 0;
    margin: 0;
    top: 0 !important;
    width: 100%;
  }
}
/* GLOBAL STYLES */
body {
  font-family: "news-gothic-std",sans-serif;
  -webkit-font-smoothing: antialiased;
}

p {
  color: #77787b;
}

a {
  color: #c6443d;
  text-decoration: none;
}
a:hover {
  color: #212121;
}

h2 {
  color: #505050;
  font-size: 16px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 500;
}

span.icon-stack {
  display: inline-block;
}

/* THE NAV */
.nav-container {
  background: rgba(153, 51, 51, 0.95);
  height: 50px;
  padding-top: 5px;
  position: fixed;
  top: 45px;
  width: 100%;
  z-index: 1000;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.08s;
  -moz-transition-duration: 0.08s;
  transition-duration: 0.08s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.nav-container [role=banner] {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}
.nav-container [role=banner]:before, .nav-container [role=banner]:after {
  content: " ";
  display: table;
}
.nav-container [role=banner]:after {
  clear: both;
}
.nav-container .title {
  margin-right: 0;
  color: #fff;
  text-transform: uppercase;
}
.nav-container .title h1 {
  float: left;
  font-style: normal;
  font-weight: 500;
  margin-top: 3px;
  margin-right: 20px;
}
.nav-container nav a {
  color: #fff;
  display: block;
  line-height: 2.5em;
  text-decoration: none;
  text-transform: uppercase;
}
.nav-container nav a:hover {
  text-decoration: underline;
}
.nav-container nav ul {
  float: right;
}
.nav-container nav li {
  display: inline-block;
}
.nav-container nav li:nth-of-type(odd) {
  margin: 0 10px;
}

/* ABOUT */
#about {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  color: #666666;
  padding: 50px 0px;
}
#about:before, #about:after {
  content: " ";
  display: table;
}
#about:after {
  clear: both;
}
#about h2 {
  font-size: 1.4em;
  text-align: center;
  padding-bottom: 50px;
}
#about h3 {
  margin-top: 0;
}
#about img {
  width: 100%;
}
#about section {
  margin: 20px 0;
}
#about article {
  margin-bottom: 3%;
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}
#about article:before, #about article:after {
  content: " ";
  display: table;
}
#about article:after {
  clear: both;
}
#about article aside {
  display: block;
  float: left;
  margin-right: 2.3576516%;
  width: 40.2913699%;
}
#about article aside:last-child {
  margin-right: 0;
}
#about article aside button {
  border: 5px solid rgba(153, 51, 51, 0.95);
  background: #fff;
  font-family: "news-gothic-std",sans-serif;
  font-size: 1.6rem;
  cursor: pointer;
  font-size: 1.1rem;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  text-transform: uppercase;
  width: 100%;
}
#about article aside button:hover {
  border: 5px solid #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}
#about article aside button a {
  display: block;
  padding: .5rem 3rem;
}
#about article div {
  display: block;
  float: left;
  margin-right: 2.3576516%;
  width: 57.3509785%;
}
#about article div:last-child {
  margin-right: 0;
}
#about .awards {
  width: 100%;
}
#about .awards ul {
  margin: 0px auto;
  width: 166px;
}
#about .awards ul li {
  display: inline-block;
}
#about .awards .sundance-award {
  background: url(../imgs/sundance.png) no-repeat top left;
  display: block;
  height: 70px;
  width: 166px;
}
#about h4 {
  color: #993333;
  font-size: .9em;
  font-style: italic;
  line-height: 160%;
}

#about-title {
  text-transform: none;
}

#about-the-town {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  color: #666666;
  padding: 50px 0 100px 0;
  text-align: justify;
}
#about-the-town:before, #about-the-town:after {
  content: " ";
  display: table;
}
#about-the-town:after {
  clear: both;
}
#about-the-town h2 {
  font-size: 1.4em;
  text-align: center;
  padding: 40px 0;
}
#about-the-town .support {
  margin: 0 auto;
  width: 58%;
  text-transform: uppercase;
}
#about-the-town .support p {
  float: left;
  font-size: .8em;
  line-height: 50px;
  margin: 0 2% 0 0;
  text-transform: uppercase;
}
#about-the-town .support ul {
  margin: 1.8% 0 0;
  width: 100%;
}
#about-the-town .support ul li {
  background: url("../imgs/rh-sprite.png") no-repeat left bottom scroll;
  display: inline-block;
  height: 25px;
  margin-right: 10px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.08s;
  -moz-transition-duration: 0.08s;
  transition-duration: 0.08s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#about-the-town .support ul li:hover {
  cursor: pointer;
  opacity: .5;
}
#about-the-town .support ul .macarthur {
  width: 53px;
}
#about-the-town .support ul .sundance {
  background-position: -71px bottom;
  width: 70px;
}
#about-the-town .support ul .ifp {
  background-position: -158px bottom;
  width: 25px;
}
#about-the-town .support ul .film-independant {
  background-position: -198px bottom;
  width: 85px;
}
#about-the-town .support ul .ida {
  background-position: -298px bottom;
  width: 35px;
}
#about-the-town .support ul .cr {
  background-position: -351px bottom;
  width: 24px;
}
#about-the-town .support ul .ff {
  background: url(../imgs/ff_logo.png) no-repeat top left;
  width: 66px;
}

/* MEDIA */
#media {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}
#media:before, #media:after {
  content: " ";
  display: table;
}
#media:after {
  clear: both;
}
#media h2 {
  font-size: 1.3em;
}

/* STILLS */
#stills {
  padding: 50px 0;
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.3576516%;
  margin-top: 2.3576516%;
}
#stills h2 {
  font-size: 1.3em;
}
#stills:before, #stills:after {
  content: " ";
  display: table;
}
#stills:after {
  clear: both;
}
#stills ol {
  list-style-type: none;
  margin: 0;
}

/* PRESS */
#press {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 0;
  margin-bottom: 2.3576516%;
}
#press:before, #press:after {
  content: " ";
  display: table;
}
#press:after {
  clear: both;
}
#press h2 {
  font-size: 1.3em;
}
#press article {
  display: block;
  float: left;
  height: 6em;
  margin-top: 2.3576516%;
  margin-right: 2.3576516%;
  width: 30.7615656%;
}
#press hr {
  border: none;
  background: #c8c8c8;
  clear: both;
  height: 1px;
  width: 100%;
}
#press .promotional-material, #impact .photos {
  font-size: 14px;
  margin-top: 4.65%;
}
#press .promotional-material img:hover, #impact .photos img:hover{
  opacity: .8;
}
#press .promotional-material li {
  display: block;
  float: left;
  margin-right: 2.3576516%;
  width: 31.7615656%;
  margin-right: 14.357652%;
  width: 23.761566%;
}
#press .promotional-material li:last-child {
  margin-right: 0;
}
#press .promotional-material p {
  margin: 0;
}
#press .promotional-material small {
  display: block;
}



#impact .photos li {
  display: block;
  float: left;
  margin-right: 2.3576516%;
  width: 50%;
}


#stills-title-impact { text-align: left!important; }

#press .promotional-material .presskit, #press .promotional-material .festival {
  background: #ebebeb;
  color: black;
  display: block;
  font-size: 1.2em;
  height: 379px;
  line-height: 255px;
  text-align: center;
  width: 255px;
}
#press .contact {
  font-size: .9em;
  text-align: center;
}
#press .dl-options {
  display: none;
}

/* SCREENINGS */
#screenings {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.3576516%;
  padding: 50px 0;
}
#screenings:before, #screenings:after {
  content: " ";
  display: table;
}
#screenings:after {
  clear: both;
}
#screenings article {
  display: block;
  float: left;
  height: 10em;
  margin-top: 2.3576516%;
  margin-right: 2.3576516%;
  width: 30.7615656%;
}
#screenings h2 {
  font-size: 1.3em;
}
#screenings hr {
  border: none;
  background: #c8c8c8;
  clear: both;
  height: 1px;
  width: 100%;
}

/* CREW */
#crew {
  background: #b2b4b6;
  min-height: 800px;
  padding: 5%;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#crew:before, #crew:after {
  content: " ";
  display: table;
}
#crew:after {
  clear: both;
}
#crew h2 {
  font-size: 1.3em;
  margin: 1.0666667em 0;
  text-align: center;
  text-transform: uppercase;
}
#crew h3 {
  color: #77787b;
  font-size: 1em;
  margin: 1.74% 0 0;
  line-height: 110%;
  text-align: center;
  text-transform: uppercase;
}
#crew h4 {
  color: #77787b;
  font-size: .9em;
  font-style: italic;
  text-align: center;
  line-height: 160%;
}
#crew div {
  background: white;
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}
#crew div:before, #crew div:after {
  content: " ";
  display: table;
}
#crew div:after {
  clear: both;
}
#crew article {
  padding-bottom: 1.5em;
  width: 375px;
}
#crew article.long {
  margin-bottom: 1em;
  min-height: 48em;
}
#crew article.medium {
  margin-bottom: 1em;
  min-height: 38em;
}
#crew article.short {
  margin-bottom: 2.1333334em;
}
#crew article:nth-child(even) {
  float: left;
  margin-left: 9em;
}
#crew article:nth-child(odd) {
  float: right;
  margin-right: 9em;
}
#crew article p {
  font-size: .8em;
  text-align: justify;
}

/* IMPACT */
#impact {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  color: #666666;
  padding-top: 50px;
  text-align: center;
}
#impact:before, #impact:after {
  content: " ";
  display: table;
}
#impact:after {
  clear: both;
}
#impact .container {
  display: block;
  float: left;
  margin-right: 2.3576516%;
  width: 100%;
  float: left;
}
#impact .container:last-child {
  margin-right: 0;
}
#impact article {
  display: block;
  float: left;
  margin-right: 2.3576516%;
  width: 100%;
  margin-right: 0;
  width: 50%;
}

#impact article:last-child {
  margin-right: 0;
}
#impact h2 {
  font-size: 1.4em;
  text-align: center;
  padding-bottom: 20px;
}

#trailer-title-impact {
	text-align: left!important;
}

#quotes {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  background: rgba(102, 102, 102, 0.3);
  padding: 50px;
  margin-bottom: 2.3576516%;
  text-align: center;
}
#quotes:before, #quotes:after {
  content: " ";
  display: table;
}
#quotes:after {
  clear: both;
}
#quotes article {
  display: block;
  float: left;
  height: 7em;
  margin-right: 2.3576516%;
  width: 30.7615656%;
}
#quotes p {
  color: #505050;
  margin: 0;
  text-transform: uppercase;
}
#quotes small {
  font-size: .9em;
}

.donate {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}
.donate:before, .donate:after {
  content: " ";
  display: table;
}
.donate:after {
  clear: both;
}
.donate h2 {
  font-size: 1em;
  float: left;
  line-height: 20px;
  padding-right: 20px;
  text-align: right;
  width: 48%;
}
.donate div {
  display: inline-block;
  padding-right: 20px;
  width: auto;
}
.donate a {
  display: block;
}
.donate a:hover {
  opacity: .8;
}
.donate .rally {
  background: url(../imgs/rally_logo.png) no-repeat top left;
  display: block;
  height: 20px;
  margin-bottom: 7px;
  width: 91px;
}
.donate .fledgling-fund {
  background: url(../imgs/ff_logo_big.png) no-repeat top left;
  display: block;
  height: 45px;
  width: 105px;
}

/* Scroll Boxes Live Here*/
.scroll-box-1 {
  background: url(../imgs/scroll-1.jpg) no-repeat center top fixed;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 800px;
  max-width: 1900px;
  height: 1000px;
}
.scroll-box-1:before, .scroll-box-1:after {
  content: " ";
  display: table;
}
.scroll-box-1:after {
  clear: both;
}

.scroll-box-2 {
  background: url(../imgs/scroll-2.jpg) no-repeat center top fixed;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 800px;
  max-width: 1900px;
}
.scroll-box-2:before, .scroll-box-2:after {
  content: " ";
  display: table;
}
.scroll-box-2:after {
  clear: both;
}

.scroll-box-3 {
  background: url(../imgs/scroll-3.jpg) no-repeat center top fixed;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 800px;
  max-width: 1900px;
}
.scroll-box-3:before, .scroll-box-3:after {
  content: " ";
  display: table;
}
.scroll-box-3:after {
  clear: both;
}

.scroll-box-4 {
  background: url(../imgs/scroll-4.jpg) no-repeat center top fixed;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 800px;
  max-width: 1900px;
}
.scroll-box-4:before, .scroll-box-4:after {
  content: " ";
  display: table;
}
.scroll-box-4:after {
  clear: both;
}

.scroll-box-5 {
  background: url(../imgs/scroll-5.jpg) no-repeat center top fixed;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 800px;
  max-width: 1900px;
}
.scroll-box-5:before, .scroll-box-5:after {
  content: " ";
  display: table;
}
.scroll-box-5:after {
  clear: both;
}

.scroll-box-6 {
  background: url(../imgs/scroll-6.jpg) no-repeat center top fixed;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 800px;
  max-width: 1900px;
}
.scroll-box-6:before, .scroll-box-6:after {
  content: " ";
  display: table;
}
.scroll-box-6:after {
  clear: both;
}

/* FIXED FOOTER */
.footer-nav {
  background-color: rgba(153, 51, 51, 0.95);
  bottom: 0;
  color: #fff;
  line-height: 50px;
  left: 0;
  height: 115px;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
@media (min-width: 768px) {
  .footer-nav {
    height: 90px;
  }
}
.footer-nav .theater-listing-cta {
  background-color: #5d5d5d;
  text-align: right;
  position: relative;
  line-height: 0;
}
.footer-nav .theater-listing-cta a {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  vertical-align: top;
}
@media (min-width: 768px) {
  .footer-nav .theater-listing-cta a {
    line-height: 18px;
  }
}
.footer-nav .theater-listing-cta a .callout, .footer-nav .theater-listing-cta a .cta {
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .footer-nav .theater-listing-cta a .callout, .footer-nav .theater-listing-cta a .cta {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
}
@media (min-width: 768px) {
  .footer-nav .theater-listing-cta a .callout {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .footer-nav .theater-listing-cta a .cta {
    text-align: right;
  }
}
.footer-nav .share {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}
.footer-nav .share:before, .footer-nav .share:after {
  content: " ";
  display: table;
}
.footer-nav .share:after {
  clear: both;
}
.footer-nav .share .sharing {
  display: block;
  float: left;
  margin-right: 2.3576516%;
  width: 48.8211742%;
}
.footer-nav .share .sharing:last-child {
  margin-right: 0;
}
.footer-nav .share .sharing a {
  color: white !important;
}
.footer-nav .share .sharing i {
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  opacity: .6;
}
.footer-nav .share .sharing i:hover {
  opacity: 1;
}
.footer-nav .share p {
  color: #fff;
  display: inline-block;
  float: right;
  line-height: 50px;
  text-transform: uppercase;
}
.footer-nav .share small {
  font-size: .7em;
}

/* ::Clearfixs and extends. Use which suits best */
/* ----------------------------------------------------------- */
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.pie-clearfix {
  *zoom: 1;
}
.pie-clearfix:after {
  content: "";
  display: table;
  clear: both;
}

h1 {
  font-size: 2.25em;
  line-height: 1.1111111em;
  margin: 0 0 0.6666667em 0;
}

h2 {
  font-size: 1.875em;
  line-height: 1.3333333em;
  margin: 1.0666667em 0 0.5333333em 0;
}

h3 {
  font-size: 1.375em;
  line-height: 1.4545455em;
  margin: 1.4545455em 0 0.7272727em 0;
}

h4 {
  font-size: 1.25em;
  line-height: 1.2em;
  margin: 0 0 0.4em 0;
}

h5 {
  font-size: 1.125em;
  line-height: 1.3333333em;
  margin: 0 0 0.4444444em 0;
}

h6 {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 0.5em 0;
}

p, pre, label {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1em 0;
}

ol, ul {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 2em 0;
}

li {
  line-height: auto;
}

ul {
  list-style-position: outside;
  list-style-type: disc;
}

ol {
  list-style-position: outside;
  list-style-type: decimal;
}

strong, b {
  font-weight: 600;
}

em, i, q {
  font-style: italic;
}

blockquote {
  padding-left: 1em;
  border-left: 0.3125em solid grey;
  line-height: normal;
  margin: 0;
}
blockquote p {
  font-style: italic;
  margin: 0;
  font-size: 1.25em;
  line-height: 1.2em;
  margin: 1.2em 0 1.2em 0;
}

label, select {
  display: block;
}

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

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

textarea {
  overflow: auto;
  vertical-align: top;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"] {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  *margin-top: 4px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

@media screen and (max-width: 769px) {
  body {
    -webkit-text-size-adjust: none;
  }

  h2 {
    text-align: center;
  }

  .nav-container {
    top: 0px;
  }
  .nav-container .title {
    width: 100%;
  }
  .nav-container .title h1 {
    float: none;
    margin: 0px auto;
    position: relative;
    width: 205px;
  }

  #quotes,
  .promotional-material,
  .support,
  .scroll-box-1,
  .scroll-box-2,
  .scroll-box-3,
  .scroll-box-4,
  .scroll-box-5,
  .scroll-box-6,
  .scroll-box-7 {
    display: none;
  }

  [role=banner] nav {
    display: none;
  }
  [role=banner] p {
    display: none;
  }

  #about {
    padding-bottom: 0px;
  }
  #about article div {
    padding: 10px;
    text-align: center;
    width: 100%;
  }
  #about article aside {
    width: 100%;
  }
  #about article h2 {
    padding-bottom: 10px;
  }

  #about-the-town p {
    padding: 10px;
  }

  #press,
  #crew {
    background: #fff;
    text-align: center;
    width: 100%;
  }
  #press article,
  #crew article {
    padding-bottom: 1.5em;
    width: 100%;
  }
  #press article.long,
  #crew article.long {
    margin-bottom: 1em;
    height: auto;
  }
  #press article:nth-child(even),
  #crew article:nth-child(even) {
    margin-left: 0;
  }
  #press article:nth-child(odd),
  #crew article:nth-child(odd) {
    float: right;
    margin-right: 0;
  }
  #press article p,
  #crew article p {
    margin: none;
    padding: 10px;
  }
  #press hr,
  #crew hr {
    display: none;
  }
  #press img,
  #crew img {
    width: 100%;
  }

  #screenings article {
    text-align: center;
    width: 100%;
  }
  #screenings hr {
    display: none;
  }

  #impact article {
    width: 100%;
  }
}
/* HELPER CLASSES */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.group:before,
.group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.group:after {
  clear: both;
}

.group {
  *zoom: 1;
}