/* Links, buttons, branding */
/* Backgrounds, h1 Headings, medium grey */
/* Borders, hr light grey */
/*
	Font specs
*/
.font-weight-thin {
  font-weight: 100;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-regular {
  font-weight: 400;
}
.font-weight-semi {
  font-weight: 600;
}
.font-weight-bold {
  font-weight: 700;
}
.divider {
  padding-bottom: 10px;
  border-bottom: 4px solid #f47d30;
}
.hover {
  cursor: pointer;
}
.margin-30 {
  margin-bottom: 30px;
}
.margin-50 {
  margin-bottom: 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .margin-50 {
    margin-bottom: 25px;
  }
}
.content {
  margin-bottom: 50px!important;
}
@font-face {
  font-family: 'Benton';
  src: url('/fonts/benton.eot');
  src: url('/fonts/benton.eot?#iefix') format('embedded-opentype'), url('/fonts/benton.woff') format('woff'), url('/fonts/benton.ttf') format('truetype'), url('/fonts/benton.svg#benton') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* our custom icon font */
@font-face {
  font-family: "tiff-icons-font-1";
  src: url("/fonts/tiff-icons-font-1.eot");
  src: url("/fonts/tiff-icons-font-1.eot?#iefix") format("embedded-opentype"), url("/fonts/tiff-icons-font-1.woff") format("woff"), url("/fonts/tiff-icons-font-1.ttf") format("truetype"), url("/fonts/tiff-icons-font-1.svg#tiff-icons-font-1") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "tiff-icons-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="tiff-icon-"]:before,
[class*="tiff-icon-"]:before {
  font-family: "tiff-icons-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tiff-icon-film:before {
  content: "a";
}
.tiff-icon-schedule:before {
  content: "b";
}
.tiff-icon-ticket:before {
  content: "c";
}
/*

Headings

Use hdng__section for landing/main pages
Use hdng__article for inner, content pages
Use hdng__small--grey for the smaller grids below content pages
hdng__withsub and hdng__sub are used on the Microsite pages (Festival landing pages)

*/
h1 {
  font-weight: 300;
}
h2 {
  font-size: 28px;
  color: #837970;
  line-height: 1.4;
}
@media (min-width: 0px) and (max-width: 767px) {
  h2 {
    font-size: 20px;
  }
}
h3 {
  font-size: 24px;
}
@media (min-width: 0px) and (max-width: 767px) {
  h3 {
    font-size: 18px;
  }
}
.hdng__home {
  font-weight: 100;
  color: #f47d30;
  font-size: 36px;
  margin-bottom: 50px;
  line-height: 1;
}
@media (min-width: 0px) and (max-width: 767px) {
  .hdng__home {
    margin-bottom: 25px;
  }
}
.hdng__section {
  font-size: 36px;
  font-weight: 600;
  color: #837970;
  margin-bottom: 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .hdng__section {
    margin-bottom: 25px;
    line-height: 1.2;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hdng__section {
    margin-bottom: 36px;
  }
}
.hdng__article {
  color: #000;
  font-size: 24px;
  margin-bottom: 20px;
  clear: both;
}
@media (min-width: 768px) {
  .hdng__article {
    font-size: 36px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 40px;
    line-height: 1.4;
  }
}
.hdng__withsub {
  margin-bottom: 10px;
}
.hdng__sub {
  margin-bottom: 30px;
  font-size: 15px;
}
@media (min-width: 768px) {
  .hdng__sub {
    font-size: 24px;
  }
}
.hdng__sub--black {
  margin-bottom: 30px;
  font-size: 15px;
  color: #000000;
}
@media (min-width: 768px) {
  .hdng__sub--black {
    font-size: 24px;
  }
}
.hdng_bold {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 25px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .hdng_bold {
    font-size: 15px;
  }
}
.hdng_bold--edu {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}
.hdng__select {
  margin-bottom: 10px!important;
}
.hdng_small--light {
  font-weight: 300;
  font-size: 30px;
}
.hdng_small--grey {
  color: #837970;
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
}
.hdng_medium--grey {
  font-size: 24px;
  padding-top: 30px;
  margin-bottom: 20px;
  color: #837970;
}
@media (min-width: 768px) {
  .hdng_medium--grey {
    font-size: 28px;
    color: #837970;
  }
}
.hdng_medium--grey--edu {
  font-size: 28px;
  color: #837970;
  margin-bottom: 20px;
}
.hdng_medium--black {
  font-size: 24px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 25px;
}
.hdng__sub--shop {
  padding-top: 30px;
}
.hdng__divider {
  border-bottom: 4px solid #c3c3c3;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
/*
	Column Styles / Bootstrap Reconfigure
*/
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.row {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.row .highlight {
  background-color: #ff0;
}
/*
	Box Styles (for Buckets)
*/
/* Homepage box style */
@media (max-width: 767px) {
  .box-lay-1 {
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .box-lay-1 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .box-lay-1 {
    margin-bottom: 64px;
  }
}
.box-lay-1 a:hover .box-lay-1__title,
.box-lay-1 a:focus .box-lay-1__title {
  color: #f47d30;
}
.box-lay-1 img {
  display: block;
}
.box-lay-1 .box-lay-1__thumbnail {
  margin-bottom: 12px;
}
.box-lay-1 .box-lay-1__date {
  font-size: 14px;
  margin-bottom: 8px;
  color: #666666;
}
.box-lay-1 .box-lay-1__date a {
  color: #666666;
}
.box-lay-1 .box-lay-1__date a:hover {
  color: #f47d30;
}
.box-lay-1 .box-lay-1__title {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 6px;
  border-bottom: 4px solid #f47d30;
}
.box-lay-1 .box-lay-1__category {
  font-size: 18px;
}
.whats-on-home-festival {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .whats-on-home-festival {
    margin-bottom: 35px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .whats-on-home-festival {
    padding-right: 20px;
  }
}
.whats-on-home-festival a:hover .box-lay-2__title,
.whats-on-home-festival a:focus .box-lay-2__title,
.whats-on-home-festival a:hover .box-lay-2__title2,
.whats-on-home-festival a:focus .box-lay-2__title2,
.whats-on-home-festival a:hover .box-lay-2__title3,
.whats-on-home-festival a:focus .box-lay-2__title3 {
  color: #f47d30;
}
.whats-on-home-festival .box-lay-2__featuredimg {
  display: block;
  margin-bottom: 28px;
}
.whats-on-home-festival .box-lay-2__featuredimg2 {
  display: block;
  margin-bottom: 15px;
}
.whats-on-home-festival .box-lay-2__heading {
  font-size: 16px;
  margin-bottom: 15px;
  color: #837970;
  font-weight: 700;
}
.whats-on-home-festival .box-lay-2__heading a {
  color: #837970;
}
.whats-on-home-festival .box-lay-2__heading a:hover,
.whats-on-home-festival .box-lay-2__heading a:focus {
  color: #f47d30;
}
.whats-on-home-festival .box-lay-2__info {
  font-size: 15px;
  color: #666666;
  font-weight: 300;
  margin-bottom: 30px;
  line-height: 1.4;
}
.whats-on-home-festival .box-lay-2__margin {
  margin: 20px 0;
}
.whats-on-home-festival .box-lay-2__title {
  font-size: 22px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
}
.whats-on-home-festival .box-lay-2__title2 {
  font-size: 30px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  color: #000000;
  font-weight: 300;
}
.whats-on-home-festival .box-lay-2__title2 a {
  color: #000000;
}
.whats-on-home-festival .box-lay-2__title2 a:hover,
.whats-on-home-festival .box-lay-2__title2 a:focus {
  color: #f47d30;
}
.whats-on-home-festival .box-lay-2__title3 {
  padding-bottom: 0px;
  margin-bottom: 20px;
  color: #000000;
  font-weight: 300;
}
@media (min-width: 768px) {
  .whats-on-home-festival .box-lay-2__title3 {
    font-size: 36px;
  }
}
.whats-on-home-festival .box-lay-2__times {
  font-size: 16px;
  font-weight: 700;
  margin: 2px 0;
}
.whats-on-home-festival .box-lay-2__times--list {
  font-size: 16px;
  font-weight: 300;
  padding: 0;
  margin: 0 0 20px 0;
}
.whats-on-home-festival .box-lay-2__times--list li {
  display: inline-block;
  margin-right: 25px;
}
.whats-on-home-festival .box-lay-2__times--list li.clearfix {
  display: block;
}
.whats-on-home-festival .btn {
  text-decoration: none;
  font-size: 18px;
}
.whats-on-home-festival .box-lay-2__social {
  margin-top: 20px;
}
.box-lay-2 {
  padding-right: 0px;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .box-lay-2 {
    margin-bottom: 35px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .box-lay-2 {
    padding-right: 20px;
  }
}
.box-lay-2 a:hover .box-lay-2__title,
.box-lay-2 a:focus .box-lay-2__title,
.box-lay-2 a:hover .box-lay-2__title2,
.box-lay-2 a:focus .box-lay-2__title2,
.box-lay-2 a:hover .box-lay-2__title3,
.box-lay-2 a:focus .box-lay-2__title3 {
  color: #f47d30;
}
.box-lay-2 .box-lay-2__featuredimg {
  display: block;
  margin-bottom: 28px;
}
.box-lay-2 .box-lay-2__featuredimg2 {
  display: block;
  margin-bottom: 15px;
}
.box-lay-2 .box-lay-2__heading {
  font-size: 16px;
  margin-bottom: 15px;
  color: #837970;
  font-weight: 700;
}
.box-lay-2 .box-lay-2__heading a {
  color: #837970;
}
.box-lay-2 .box-lay-2__heading a:hover {
  color: #f47d30;
}
.box-lay-2 .box-lay-2__info {
  font-size: 15px;
  color: #666666;
  font-weight: 300;
  margin-bottom: 30px;
  line-height: 1.4;
}
.box-lay-2 .box-lay-2__margin {
  margin: 20px 0;
}
.box-lay-2 .box-lay-2__title {
  font-size: 22px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
}
.box-lay-2 .box-lay-2__title2 {
  font-size: 30px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  color: #000000;
  font-weight: 300;
}
.box-lay-2 .box-lay-2__title2 a {
  color: #000000;
}
.box-lay-2 .box-lay-2__title2 a:hover,
.box-lay-2 .box-lay-2__title2 a:focus {
  color: #f47d30;
}
.box-lay-2 .box-lay-2__title3 {
  padding-bottom: 0px;
  margin-bottom: 20px;
  color: #000000;
  font-weight: 300;
}
@media (min-width: 768px) {
  .box-lay-2 .box-lay-2__title3 {
    font-size: 36px;
  }
}
.box-lay-2 .box-lay-2__times {
  font-size: 16px;
  font-weight: 700;
  margin: 2px 0;
}
.box-lay-2 .box-lay-2__times--list {
  font-size: 16px;
  font-weight: 300;
  padding: 0;
  margin: 0 0 20px 0;
}
.box-lay-2 .box-lay-2__times--list li {
  display: inline-block;
  margin-right: 25px;
}
.box-lay-2 .box-lay-2__times--list li.clearfix {
  display: block;
}
.box-lay-2 .btn {
  text-decoration: none;
  font-size: 18px;
}
.box-lay-2 .box-lay-2__social {
  margin-top: 20px;
}
/* 320px - Responsive view: 
Stacked orange links, unless the static title variation is used, then title remains the same */
@media (min-width: 768px) {
  .box-lay-3 {
    margin-bottom: 30px;
  }
}
.box-lay-3 a:hover .box-lay-3__title,
.box-lay-3 a:focus .box-lay-3__title {
  color: #000000;
}
@media (min-width: 768px) {
  .box-lay-3 a:hover .box-lay-3__title,
  .box-lay-3 a:focus .box-lay-3__title {
    color: #f47d30;
  }
}
.box-lay-3 a:hover .box-lay-3__title--static,
.box-lay-3 a:focus .box-lay-3__title--static {
  color: #f47d30;
}
.box-lay-3 .box-lay-3__thumbnail {
  margin-bottom: 10px;
}
.box-lay-3 .box-lay-3__title {
  color: #f47d30;
  line-height: 1.2;
  font-size: 16px;
  display: block;
  border-bottom: 4px solid #c3c3c3;
  padding: 3px 0 8px 0;
  text-decoration: none;
  font-weight: 600;
}
.box-lay-3 .box-lay-3__title a {
  color: #000000;
}
.box-lay-3 .box-lay-3__title a:hover,
.box-lay-3 .box-lay-3__title a:focus {
  color: #f47d30;
}
@media (min-width: 768px) {
  .box-lay-3 .box-lay-3__title {
    color: #000000;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
    font-size: 20px;
    padding: 0px 0 8px 0;
  }
}
.box-lay-3 .box-lay-3__title--static {
  padding-bottom: 0px;
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  margin: 5px 0;
  line-height: 1.2;
  display: block;
}
.box-lay-3 .box-lay-3__title--static a {
  color: #000000;
}
.box-lay-3 .box-lay-3__title--static a:hover,
.box-lay-3 .box-lay-3__title--static a:focus {
  color: #f47d30;
}
.box-lay-3 .box-lay-3__date {
  font-size: 14px;
  color: #666666;
  font-weight: 300;
  margin-bottom: 10px;
}
.box-lay-3 .box-lay-3__info {
  margin-top: 5px;
  font-size: 14px;
  color: #000000;
  font-weight: 700;
}
.box-lay-3 .box-lay-3__content {
  font-weight: 300;
  color: #000000;
}
.box-lay-3 .box-lay-3__content a {
  text-decoration: underline;
  display: block;
  margin-top: 10px;
  margin-top: 20px;
}
.box-lay-4 {
  margin-bottom: 40px;
  color: #f47d30;
}
@media (min-width: 0px) and (max-width: 767px) {
  .box-lay-4 {
    margin-bottom: 15px;
  }
}
.box-lay-4 a:hover .box-lay-4__title,
.box-lay-4 a:focus .box-lay-4__title {
  color: #f47d30;
}
.box-lay-4 .box-lay-4__featureimg {
  margin-bottom: 25px;
}
.box-lay-4 .box-lay-4__title {
  font-size: 20px;
  margin-bottom: 10px;
  color: #000000;
  font-weight: 400;
  line-height: 1.4;
}
.box-lay-4 .box-lay-4__date {
  font-size: 15px;
  margin-bottom: 20px;
  padding: 0;
  font-weight: 700;
  color: #000000;
}
@media (min-width: 768px) {
  .box-lay-4 .box-lay-4__date {
    font-size: 18px;
  }
}
.box-lay-4 .box-lay-4__content {
  color: #666;
  font-weight: 300;
  margin-bottom: 20px;
}
.box-lay-4 .box-lay-4__featuredimg {
  margin-bottom: 20px;
}
.box-lay-4 .carousel {
  margin-bottom: 20px;
}
.box-lay-4__nav ul {
  list-style: none;
  padding: 0;
}
.box-lay-4__nav ul li {
  display: inline;
  border-left: 1px solid #f47d30;
}
.box-lay-4__nav ul li a {
  margin: 20px 5px 0 7px;
  font-size: 14px;
}
.box-lay-4__nav ul li a:hover,
.box-lay-4__nav ul li a:focus {
  color: #000000;
  text-decoration: none;
}
@media (min-width: 0px) and (max-width: 767px) {
  .box-lay-4__nav ul li a {
    font-size: 13px;
  }
}
.box-lay-4__nav ul .box-lay-4__noborder {
  border: none;
}
.box-lay-4__nav ul .box-lay-4__noborder a {
  margin-left: 0px;
}
.box-lay-4__nav .btn:hover,
.box-lay-4__nav .btn:focus {
  color: #000000;
  text-decoration: none;
}
@media (min-width: 0px) and (max-width: 767px) {
  .box-lay-4__nav {
    margin-bottom: 30px;
  }
}
.box-lay-4__nav.page a {
  font-size: 15px;
}
/* Use this class for the lower section programmes links */
/* Cronenberg Microsite */
.box-lay-5 a {
  text-decoration: none;
  color: #000000;
}
.box-lay-5 a:hover .box-lay-5--title,
.box-lay-5 a:focus .box-lay-5--title {
  color: #f47d30;
  text-decoration: none;
}
.box-lay-5 .box-lay-5--title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  color: #000000;
  text-decoration: none;
}
.box-lay-5 .box-lay-5--subtitle {
  font-size: 15px;
  margin-top: 5px;
}
.box-lay-5 img {
  margin: 20px 0 10px 0;
}
.box-lay-6 {
  margin-bottom: 20px;
}
.box-lay-6 img {
  margin-bottom: 5px;
}
.box-lay-6 a:hover .box-lay-6__title,
.box-lay-6 a:focus .box-lay-6__title {
  color: #f47d30;
}
.box-lay-6 .box-lay-6__title {
  padding-bottom: 0px;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
  margin: 0px;
}
.box-lay-6 .box-lay-6__title a {
  color: #000000;
}
.box-lay-6 .box-lay-6__title a:hover,
.box-lay-6 .box-lay-6__title a:focus {
  color: #f47d30;
}
.box-lay-6 .box-lay-6__sub {
  margin: 0px;
  font-weight: 300;
  font-size: 15px;
  color: #000000;
}
.box-lay-6 .box-lay-6__date {
  margin: 0px;
  font-weight: 700;
  font-size: 17px;
  color: #000000;
}
/*

	Button Styles
	
*/
.btn {
  background-color: #f47d30;
  border-radius: 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;
}
.btn:hover,
.btn:focus {
  color: #ffffff;
  text-decoration: none;
}
.btn-grey {
  background-color: #837970;
  border-radius: 0;
  color: #ffffff;
  text-decoration: none;
}
.btn-grey--light {
  background-color: #c3c3c3;
  border-radius: 0;
  color: #ffffff;
  text-decoration: none;
}
.btn-large {
  font-size: 18px;
  padding: 7px 18px;
  text-decoration: none;
}
.btn-xlarge {
  padding: 9px 45px;
  margin-bottom: 20px;
  font-size: 18px;
  text-decoration: none;
  font-weight: 300;
}
.intro-btn {
  margin-bottom: 20px;
  padding: 9px 20px;
}
.btn-essay {
  float: right;
}
@media (max-width: 767px) {
  .btn-essay {
    float: none;
  }
}
.intro-btn--full {
  float: right;
}
@media (min-width: 1024px) {
  .intro-btn--full {
    padding: 0px;
  }
}
.intro-btn--full a {
  width: 48%;
  margin-bottom: 20px;
  float: left;
  display: block;
  border: 0px;
  padding: 7px;
}
.intro-btn--full a.btn-grey {
  border-right: 5px solid #fff;
}
.intro-btn--full a.btn-grey--light {
  border-left: 5px solid #fff;
}
.btn-buy-tickets {
  cursor: pointer;
}
/*

	BTN STICKY: Programmes Page

*/
.programmes__btn--wrap.stuck {
  position: fixed;
  top: 80px;
}
/*

	320px Buttons: Floated right buttons are floated left for 320px

*/
@media (min-width: 0px) and (max-width: 767px) {
  .series_filmlist .hdng_bold,
  .programmes .hdng_bold {
    float: none!important;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .series_filmlist .btn,
  .programmes .btn {
    float: none!important;
    display: inline-block !important;
    margin-bottom: 20px;
  }
}
/*
	Global Form Styles
*/
input[type="search"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.general__form input:focus,
.general__form textarea:focus,
.general__form select:focus,
.general__form label:focus,
.general__form .btn:focus {
  outline: none;
}
.general__form input[type="text"],
.general__form input[type="email"],
.general__form input[type="password"],
.general__form textarea {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: 1px solid #837970;
  -webkit-appearance: none;
}
.general__form textarea {
  width: 100%;
  min-height: 100px;
}
.general__form select {
  width: 100%;
}
.general__form label,
.general__form .control-label {
  text-align: left;
  padding: 5px 0px;
  font-weight: 300;
}
.general__form .btn {
  margin-top: 20px;
  font-size: 18px;
  padding: 7px 18px;
  background-color: #f47d30;
  border-radius: 0;
  color: #ffffff;
  text-decoration: none;
  text-transform: capitalize;
  border: none;
  font-weight: 300;
}
.general__form .btn:hover,
.general__form .btn:focus {
  color: #ffffff;
  text-decoration: none;
}
.general__form input[type="submit"] {
  margin-top: 20px;
  font-size: 18px;
  padding: 7px 18px;
  background-color: #f47d30;
  border-radius: 0;
  color: #ffffff;
  text-decoration: none;
  text-transform: capitalize;
  border: none;
  font-weight: 300;
}
.general__form input[type="submit"]:focus {
  outline: none;
}
.general__form input[type="submit"]:hover,
.general__form input[type="submit"]:focus {
  color: #ffffff;
  text-decoration: none;
}
@media (min-width: 0px) and (max-width: 767px) {
  .general__form .formfield {
    padding-left: 0px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .general__form {
    margin: 20px 0;
  }
}
.general__form select {
  color: #404040;
  padding-left: 5px;
  display: block;
  padding-right: 45px;
  font-size: 14px;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  height: 38px;
  max-width: 400px;
  -webkit-appearance: none;
  border: 1px solid #837970;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/placeholder/ddl-arrow.png') no-repeat right;
}
.general__form select p {
  color: #666;
}
.general__form select:focus {
  outline: none;
}
.general__form select::-ms-expand {
  display: none;
}
@-moz-document url-prefix() {
  select {
    padding-top: 10px;
  }
}
/*
	Hack to disable browser DDL arrow
*/
select {
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
/*
	Film Detail Table
*/
.festivalScheduleInfo .table_detail {
  width: 25px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  margin-left: 7px;
  background-image: url('/images/sprites/sprite_filmdetail.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .festivalScheduleInfo .table_detail {
    background-image: url("/images/sprites/sprite_filmdetail@2x.png");
    background-size: 338px 23px;
  }
}
.festivalScheduleInfo .qa {
  background-position: -291px -2px;
  width: 40px;
  height: 19px;
}
.filmdetail__table {
  margin-bottom: 80px;
  margin-top: 25px;
}
.filmdetail__table .table_detail {
  width: 25px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  margin-left: 7px;
  background-image: url('/images/sprites/sprite_filmdetail.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .filmdetail__table .table_detail {
    background-image: url("/images/sprites/sprite_filmdetail@2x.png");
    background-size: 338px 23px;
  }
}
.filmdetail__table .icon-legend {
  color: #b0b0b0;
}
.filmdetail__table .icon-legend td {
  border: none;
}
.filmdetail__table .icon-legend-icon {
  width: 35px;
}
.filmdetail__table .premium {
  background-position: -146px 0px;
}
.filmdetail__table .subtitle {
  background-position: -218px 0px;
}
.filmdetail__table .dubbed {
  background-position: -38px 0px;
}
.filmdetail__table .food {
  background-position: -255px 0px;
}
.filmdetail__table .qa {
  background-position: -292px 0px;
}
.filmdetail__table .three-d {
  background-position: -103px 0px;
  width: 35px;
  margin-left: 0px;
}
.filmdetail__table .seventy-mm {
  background-position: -183px 0px;
}
.filmdetail__table .school-screening {
  background-position: -73px 0px;
}
.filmdetail__table .reader {
  background-position: 0px 0px;
  width: 35px;
}
.filmdetail__table .length {
  background-position: -118px -28px;
  width: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__table .filmdetail__table--time {
    background-color: #ededed;
    padding: 10px 10px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__table .icon-legend-icon {
    background-color: #ededed;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__table .filmdetail__table--row {
    border-top: none;
    border-bottom: 4px solid #ffffff;
  }
}
.filmdetail__table tbody > tr > td {
  border-top: none;
  border-bottom: 4px solid #ededed;
  padding: 8px 0 5px 0;
  vertical-align: top;
  color: #808080;
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__table tbody > tr > td {
    border: none;
  }
}
@-moz-document url-prefix() {
  .food {
    margin: -6px 1px -6px -6px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__table {
    max-width: 767px;
    text-align: left;
    font-size: 13px;
    margin: 30px 0;
  }
}
@media (min-width: 768px) {
  .filmdetail__table {
    max-width: 767px;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .filmdetail__table .time--wrap {
    margin-left: 40px;
  }
}
.calendar__table_days .calendar__row--head {
  background-color: #FFF;
  color: #8b807a;
}
.calendar__table_days .calendar__row {
  background-color: #c3c3c3;
  color: #FFF;
}
/*
	Extends Film Detail Table, slight difference at 320px;
*/
.event__table tr {
  border-bottom: 2px solid #ededed;
}
@media (min-width: 1200px) {
  #delegate-results td {
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
}
.sponsor {
  display: block;
}
@media (max-width: 767px) {
  .sponsors__wrap {
    margin-left: 20px;
  }
}
#sponsors--list {
  text-align: center;
}
@media (min-width: 768px) {
  #sponsors--list {
    text-align: left;
  }
}
#sponsors--list img {
  padding: 20px;
  padding-left: 0px;
}
.sponsors__intro {
  margin-top: 15px;
  color: #837970;
}
.sponsors-extra {
  width: 74px;
  height: 40px;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sponsors.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .sponsors-extra {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sponsors@2x.jpg");
    background-size: 656px 40px;
  }
}
@media (min-width: 1024px) {
  .sponsors-extra {
    width: 80px;
  }
}
.sponsors-circuit {
  width: 74px;
  height: 40px;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sponsors-circuit.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .sponsors-circuit {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sponsors-circuit@2x.jpg");
    background-size: 343px 40px;
  }
}
@media (min-width: 1024px) {
  .sponsors-circuit {
    width: 80px;
  }
}
.sponsors-black {
  width: 74px;
  height: 32px;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_sponsors--black.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .sponsors-black {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_sponsors--black@2x.png");
    background-size: 640px 80px;
  }
}
@media (min-width: 1024px) {
  .sponsors-black {
    width: 80px;
  }
}
.sponsors-white {
  width: 80px;
  height: 32px;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_sponsors--white.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .sponsors-white {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_sponsors--white@2x.png");
    background-size: 640px 80px;
  }
}
.sponsors-tiffkids-festival {
  width: 658px;
  height: 64px;
  background: url('http://s3.amazonaws.com/content.tiff.net/uploads/original/f4ece15bc7799abdd864da5c4e01b1c0.png');
}
.sponsors__lists {
  padding-left: 0px;
}
.sponsors__lists li {
  float: left;
  list-style-type: none;
  margin-right: 7px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .sponsors__lists li {
    padding-bottom: 6px;
  }
}
.sponsors__lists li ul {
  padding: 0px;
  list-style-type: none;
}
@media (max-width: 767px) {
  .sponsors__lists li {
    margin-bottom: 8px;
  }
}
.sponsors__lists .sponsors__lists__heading {
  text-transform: uppercase;
  font-size: 8px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .sponsors__lists .sponsors__lists__heading {
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  .sponsors__lists .sponsors__lists__heading {
    padding-right: 18px;
  }
}
@media (min-width: 1024px) {
  .sponsors__lists .lead-sponsor,
  .sponsors__lists .major-sponsor {
    border-right: 1px solid black;
  }
}
.sponsors__lists .major-sponsor,
.sponsors__lists .major-supporter {
  margin-left: 10px;
}
.sponsors__lists .bell {
  background-position: -14px -25px;
  width: 55px;
  height: 31px;
}
.sponsors__lists .rbc {
  background-position: -76px -24px;
  width: 83px;
}
.sponsors__lists .loreal {
  background-position: -161px -24px;
  width: 77px;
  margin: 0 4px;
}
.sponsors__lists .visa {
  background-position: -241px -24px;
}
.sponsors__lists .canada {
  background-position: -406px -24px;
  width: 74px;
}
.sponsors__lists .ontario {
  background-position: -480px -24px;
}
.sponsors__lists .toronto {
  background-position: -560px -24px;
  width: 77px;
}
.sponsors__lists .telefilm {
  background-position: 0px -44px;
  width: 74px;
  height: 27px;
}
.sponsors__lists .film-ontario {
  background-position: -86px -43px;
  width: 61px;
  height: 36px;
}
.sponsors__lists .jp-stanley {
  background-position: -110px -43px;
  width: 75px;
  height: 36px;
}
.sponsors__lists .cineplex {
  background-position: -284px -45px;
  width: 76px;
  height: 31px;
}
.sponsors__lists .artcouncil {
  background-position: -153px -44px;
  width: 124px;
  height: 31px;
}
.sponsors__lists .artcouncil--canada {
  background-position: 300px -43px;
  width: 135px;
  height: 36px;
}
.sponsors__lists .artcouncil--50th {
  background-position: 158px -40px;
  width: 161px;
  height: 40px;
}
#footer__sponsors {
  margin-bottom: 15px;
  border-bottom: 1px solid #fff;
}
@media (min-width: 767px) {
  #footer__sponsors {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) {
  #footer__sponsors {
    margin-left: 20px;
  }
}
@media (min-width: 1200px) {
  #footer__sponsors {
    margin-left: 25px;
    padding-left: 0px;
  }
}
#footer__sponsors .lead-sponsor,
#footer__sponsors .major-sponsor {
  border-right: 1px solid #7a7a7a;
}
@media (min-width: 768px) {
  .homepage__sponsors #page_sponsors {
    border-bottom: 4px solid #f47d30;
    padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  .homepage__sponsors #page_sponsors {
    border: none;
    margin-top: 25px;
  }
}
.homepage__sponsors .major-sponsor,
.homepage__sponsors .major-supporter {
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .homepage__sponsors .major-sponsor,
  .homepage__sponsors .major-supporter {
    width: 100%;
  }
}
#page_sponsors .major-sponsor,
#page_sponsors .major-supporter {
  margin-left: 0px;
}
@media (min-width: 1024px) {
  #page_sponsors .major-sponsor,
  #page_sponsors .major-supporter {
    margin-left: 5px;
  }
}
@media (min-width: 1200px) {
  #page_sponsors .major-sponsor,
  #page_sponsors .major-supporter {
    margin-left: 10px;
  }
}
@media (min-width: 0px) {
  #page_sponsors {
    margin: 0px;
  }
}
@media (min-width: 768px) {
  #page_sponsors {
    margin-bottom: 35px;
  }
}
@media (min-width: 768px) {
  #page_sponsors {
    padding-bottom: 25px;
  }
}
@media (min-width: 1024px) {
  #page_sponsors {
    padding-bottom: 0px;
  }
}
.page__partners {
  text-align: center;
  padding-bottom: 20px;
}
.page__partners img {
  margin-bottom: -15px;
}
.page__partners p {
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 10px!important;
}
.page__partners--alignleft {
  text-align: left;
}
.festival-supporters__list {
  padding-left: 0px;
}
.festival-supporters__list ul {
  padding-left: 0px;
}
.festival-supporters__list li {
  list-style-type: none;
  float: left;
}
.festival-supporters__list .festival-supporters {
  display: block;
  width: 247px;
  height: 95px;
  margin-bottom: 10px;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/gov_partners_logoblock.jpg');
}
.festival-supporters__list .telefilm {
  background-position: 0px 0px;
  height: 100px;
}
.festival-supporters__list .omdc {
  background-position: 247px 0px;
  height: 100px;
}
.festival-supporters__list .toronto {
  background-position: 0px 290px;
}
.festival-supporters__list .ontario-travel {
  background-position: 247px 290px;
}
.festival-supporters__list .arts-council {
  background-position: 0px 193px;
}
.festival-supporters__list .canada-council {
  background-position: 247px 193px;
}
.festival-supporters__list .canada {
  background-position: 0px 95px;
}
.festival-supporters__list .ontario {
  background-position: 247px 95px;
}
#sidebar__calendar--listview .calendar__heading,
#sidebar__calendar--calendarview .calendar__heading {
  font-size: 18px;
  color: #837970;
  margin: 30px 0 20px 0;
}
#sidebar__calendar--listview .calendar__date,
#sidebar__calendar--calendarview .calendar__date {
  font-size: 16px;
  margin: 15px 0 0 0;
}
#sidebar__calendar--listview .btn-orange,
#sidebar__calendar--calendarview .btn-orange {
  font-size: 18px;
  margin-top: 30px;
}
#calendar__screeningtimes {
  clear: both;
}
.calendar__date--view {
  background-color: #c3c3c3;
  padding: 10px 20px;
  text-align: center;
  margin: 20px 0 5px 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  .calendar__date--view {
    background-color: #ffffff;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 0px;
  }
}
.calendar__date--view p {
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 0px) and (max-width: 767px) {
  .calendar__date--view p {
    text-transform: none;
    font-weight: 700;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .calendar__times--list {
    margin-bottom: 0px;
    padding: 0px;
  }
}
.calendar__times--list li {
  display: inline-block;
  margin-right: 15px;
  color: #f47d30;
}
@media (min-width: 0px) and (max-width: 767px) {
  .calendar__times--list li {
    color: #000000;
    font-size: 16px;
  }
}
.calendar__times--list .label-status {
  z-index: 1;
  position: relative;
  display: block;
  margin-left: 0;
}
#filmdetail__calendar--wrap li {
  margin-bottom: 3px;
}
#filmdetail__calendar--wrap .btn-grey {
  margin-bottom: 5px;
  width: 49%;
}
#filmdetail__calendar--wrap .btn-grey--light {
  margin-bottom: 5px;
  width: 49%;
}
#filmdetail__calendar--wrap .calendar--heading {
  font-weight: 300;
  padding-bottom: 10px;
}
#calendar .today {
  background: #837970;
  color: #fff;
  cursor: pointer;
}
#calendar .today:hover {
  background: #f47d30;
}
#calendar {
  padding-top: 5px;
  font-size: 13px;
}
#calendar h3#calender__nav__month {
  border-bottom: 0px !important;
  padding-bottom: 0px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 17px;
}
#calendar #calendar__nav {
  padding: 0 15px;
  position: relative;
  margin-top: 5px;
}
#calendar #calendar__nav a {
  width: 10px;
  height: 15px;
  display: block;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/btn-calendar.gif');
  position: absolute;
}
#calendar #calendar__nav #btn-next {
  right: 15px;
  top: 0px;
  background-position: right;
}
#calendar .calendar__row {
  width: 100%;
  background: #c3c3c3;
  border-bottom: 1px solid #fff;
}
#calendar .calendar__row .calendar__day {
  padding: 0;
}
#calendar .calendar__row td > .event_tooltip:hover {
  background-color: #f47d30;
  cursor: pointer;
}
#calendar .calendar__row--head {
  border-top: 4px solid #c3c3c3;
}
#calendar tr > .calendar__row--head .calendar__day {
  width: 14.28%;
  float: left;
  text-align: center;
  padding: 10px 0;
  border-right: 1px solid #fff;
  display: block;
  text-decoration: none;
  font-weight: 700;
  color: #00ff00;
  background-color: #FFF;
}
#calendar tr > .calendar__row--head .calendar__day:hover {
  background: #f47d30;
}
#calendar .calendar__day.event {
  background: #837970;
  color: #fff;
  cursor: pointer;
}
#calendar .calendar__day.event:hover {
  background: #f47d30;
}
#calendar .calendar__day.active {
  background: #f47d30;
  color: #fff;
  cursor: pointer;
}
#calendar .calendar__day.active:hover {
  background: #f47d30;
}
#calendar .calendar__day.future {
  background: #8b8178;
}
#calendar .calendar__day.future:hover {
  background: #c3c3c3;
}
#calendar div.calendar__day {
  color: #8b8178;
}
#calendar div.calendar__day:hover {
  background: none;
}
.whatson_main #calendar {
  margin-bottom: 0px;
}
.calendar--heading--whatson {
  margin: 0px;
  border-bottom: 4px solid #c3c3c3;
  padding-bottom: 10px;
  font-weight: 300;
}
.calendar__table_days .calendar__row--head {
  background-color: #FFF;
  color: #8b807a;
}
.calendar__table_days .calendar__row {
  background-color: #c3c3c3;
  color: #FFF;
}
.calendar__table {
  margin-bottom: 0px;
}
#calender__nav__month {
  text-align: center;
  color: #837970;
  font-size: 18px;
  font-weight: 600;
}
.calendar__table_days .calendar__row .calendar__day {
  background-color: #c3c3c3;
  color: #FFF;
  border-left: 1px solid #FFF;
}
.calendar__table_days .calendar__row .calendar__day:hover {
  background-color: #c3c3c3;
}
.calendar__table_days .calendar__row .calendar__day a {
  color: #FFF;
  text-align: center;
  display: block;
  min-width: 39px;
  height: 32px;
  padding-top: 8px;
}
.calendar__table_days .calendar__row .calendar__day a.inactive {
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/dead_date_bg.png');
}
/*

Wrap the toggle-tabs class around Bootstrap navigation tabs.

*/
.toggle-tabs .nav-tabs {
  border: none;
}
.toggle-tabs .nav-tabs > li > a {
  background-color: #837970;
  border-radius: 0;
  color: #ffffff;
  text-decoration: none;
  padding: 6px 12px;
}
.toggle-tabs .nav-tabs > li.active > a {
  background-color: #c3c3c3;
  border-radius: 0;
  color: #ffffff;
  text-decoration: none;
}
/*
	Header Styles.
	See menu.less for MENU styles.
*/
header {
  background-color: #000000;
  color: #ffffff;
  width: 100%;
  position: relative;
  z-index: 999;
}
@media (min-width: 320px) {
  header .container {
    padding: 5px 10px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    background: #000;
  }
}
@media (min-width: 768px) {
  header .container {
    padding: 5px 20px;
    position: fixed;
  }
}
@media (min-width: 1024px) {
  header .container {
    padding: 10px 20px;
    position: static;
  }
}
header .header__container,
header .header__inner {
  padding: 0px;
}
@media (min-width: 1023px) and (max-width: 1199px) {
  header #header__navigation--main {
    padding-left: 15px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  header .inner-brands {
    padding-left: 0px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header .inner-brands {
    padding-left: 10px;
  }
}
header .wrapper--head {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  padding-left: 20px;
}
header .header__logo--wrap {
  z-index: 999;
}
@media (min-width: 0px) and (max-width: 767px) {
  header .header__logo--wrap {
    text-align: center;
    padding: 0;
  }
  header .header__logo--wrap a {
    z-index: 999;
  }
}
@media (min-width: 1280px) {
  header .header__logo--wrap {
    margin-top: 10px;
    padding-left: 0px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  header #header__logo {
    width: auto;
    height: 32px;
    margin-top: 3px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  header #header__logo {
    width: 70px;
    height: 42px;
    margin-top: 12px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header #header__logo {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 72px;
    height: 45px;
  }
}
@media (min-width: 1200px) {
  header #header__logo {
    margin-bottom: 10px;
    margin-top: 5px;
    padding-top: 10px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  header .mobile__icon--container {
    padding-top: 5px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  header .mobile__icon--container {
    padding-top: 20px;
  }
}
header #header__search {
  z-index: 999;
}
@media (min-width: 768px) and (max-width: 1199px) {
  header #header__search {
    padding-right: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  header #header__search {
    padding-left: 20px;
    padding-right: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
@media (min-width: 1200px) {
  header #header__search {
    margin-top: 15px;
  }
}
header #header__search .icon {
  margin: 0 1.59% 0 3%;
}
header #header__search .btn {
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 9px;
  background: none;
  border: 1px solid #ccc;
  color: #ccc;
}
header #header__search .btn:hover {
  color: #fff;
  border-color: #fff;
}
header #header__search .header__search--buttonwrap {
  width: 150px;
  float: right;
}
header #header__search--input {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  width: 209px;
  float: right;
  margin-right: 9px;
  background: #ffffff;
}
@media (min-width: 768px) and (max-width: 1023px) {
  header #header__search--input {
    margin-top: -27px;
    height: 27px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header #header__search--input {
    margin-top: -34px;
  }
}
@media (min-width: 1200px) {
  header #header__search--input {
    margin-top: -34px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  header .header__search--mobile {
    display: inline-block !important;
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  header .header__brands {
    margin-bottom: 15px;
  }
}
@media (min-width: 1024px) and (max-width: 1069px) {
  header .header__banner,
  header .header__longbox {
    padding-top: 0px;
  }
}
@media (min-width: 1200px) {
  header .header__banner,
  header .header__longbox {
    margin-top: 6px;
  }
}
header .header__info--hours {
  padding: 0px;
  font-size: 12px;
  z-index: 900;
}
header .header__info--hours a:hover,
header .header__info--hours a:focus {
  color: #ffffff;
}
header .header__info--hours img {
  max-height: 30px;
  max-width: 139px;
}
@media (min-width: 0px) and (max-width: 767px) {
  header {
    padding: 7px 0;
    min-height: 45px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  header {
    padding: 10px 0;
    min-height: 85px;
  }
}
@media (min-width: 1024px) {
  header {
    padding-top: 0px;
  }
}
#search-box {
  width: 100%;
  background: #666;
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 45px;
  z-index: 20;
}
@media (min-width: 1024px) {
  #search-box {
    display: none;
  }
}
#search-box .form-group {
  width: 72%;
  padding-left: 0px;
  display: inline-block;
  float: none;
}
#search-box form {
  margin: 0px;
}
#search-box form button {
  border-radius: 4px;
  background: #000;
  border-color: #000;
}
#search-box form button:focus {
  color: #fff;
}
/*
Footer Styles
*/
footer {
  background-color: #000000;
  color: #ffffff;
  font-size: 12px;
  padding: 28px 0 60px 0;
  position: relative;
  z-index: 4;
  font-weight: 300;
}
footer .wrapper {
  padding: 30px 0;
}
footer a {
  color: #ffffff;
}
footer a:hover,
footer a:focus {
  color: #f47d30;
  text-decoration: none;
}
footer #footer__map {
  width: 225px;
  float: none;
  margin: 0 auto 30px;
}
@media (min-width: 768px) {
  footer #footer__map {
    float: left;
    width: 25.22%;
    margin-bottom: 50px;
  }
}
@media (min-width: 1024px) {
  footer #footer__map {
    width: 21.98%;
  }
}
@media (min-width: 1200px) {
  footer #footer__map {
    width: 17.58%;
  }
}
footer #footer__map img {
  opacity: 0;
}
footer #footer__map .footer__map-google {
  display: block;
  background: url('http://maps.googleapis.com/maps/api/staticmap?center=TIFF+Bell+Lightbox,+King+Street+West,+Toronto,+ON,+Canada&zoom=14&size=225x185&maptype=roadmap&sensor=false&key=AIzaSyDBWdd29u4tIq5IqChRQUdpg3yaFDY-7BY&format=png&visual_refresh=true&markers=%7Ccolor:red%7CTIFF+Bell+Lightbox,+King+Street+West,+Toronto,+ON,+Canada');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  footer #footer__map .footer__map-google {
    background-image: url("http://maps.googleapis.com/maps/api/staticmap?center=TIFF+Bell+Lightbox,+King+Street+West,+Toronto,+ON,+Canada&zoom=14&scale=2&size=225x185&maptype=roadmap&sensor=false&key=AIzaSyDBWdd29u4tIq5IqChRQUdpg3yaFDY-7BY&format=png&visual_refresh=true&markers=%7Ccolor:red%7CTIFF+Bell+Lightbox,+King+Street+West,+Toronto,+ON,+Canada");
    background-size: 225px 185px;
  }
}
footer #footer__hours {
  margin-bottom: 26px;
  padding: 0 50px;
  font-size: 16px;
}
@media (min-width: 768px) {
  footer #footer__hours {
    font-size: inherit;
    text-align: left;
    margin-bottom: 20px;
    padding: 0 110px 0 30px;
  }
}
@media (min-width: 1024px) {
  footer #footer__hours {
    padding: 0 0 0 20px;
  }
}
@media (min-width: 1200px) {
  footer #footer__hours {
    padding: 0 20px;
  }
}
footer #footer__hours #footer__hours__time {
  margin-bottom: 12px;
}
footer #footer__hours #footer__hours__time span.pull-right {
  display: inherit;
  float: right!important;
}
@media (min-width: 768px) {
  footer #footer__hours #footer__hours__time .day {
    float: left;
    padding-right: 6%;
    margin-top: 1%;
    margin-bottom: 15px;
  }
}
@media (min-width: 1024px) {
  footer #footer__hours #footer__hours__time .day {
    padding-right: 3%;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  footer #footer__hours #footer__hours__time .day {
    float: none;
    padding: 0px;
  }
}
footer #footer__hours #footer__hours__time .day .day__time {
  display: block;
  float: right;
}
@media (min-width: 768px) {
  footer #footer__hours #footer__hours__time .day .day__time {
    float: none;
  }
}
@media (min-width: 1200px) {
  footer #footer__hours #footer__hours__time .day .day__time {
    float: right;
  }
}
footer #footer__hours #footer__hours__contact {
  clear: both;
}
@media (min-width: 1200px) {
  footer #footer__hours #footer__hours__contact {
    text-align: right;
  }
}
@media (min-width: 768px) {
  footer #footer__links {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  footer #footer__links {
    width: 78%;
  }
}
@media (min-width: 1200px) {
  footer #footer__links {
    width: 65.75%;
  }
}
footer .footer__social {
  /*mark*/
}
@media (min-width: 768px) {
  footer .footer__social {
    float: left;
  }
}
footer .footer__social ul {
  margin: 0 auto;
  list-style-type: none;
  padding: 0px;
  text-align: center;
}
footer .footer__social ul li {
  display: inline-block;
}
footer .footer__social ul li a {
  margin: 0 5px;
}
footer .footer__social .social {
  width: 36px;
  height: 36px;
  display: block;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_social.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  footer .footer__social .social {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_social@2x.png");
    background-size: 302px 36px;
  }
}
@media (min-width: 768px) {
  footer .footer__social .social {
    width: 25px;
    height: 25px;
    margin-top: -2px;
    background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_social-sm.png');
  }
}
@media (min-width: 768px) and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (min-resolution: 1.5dppx) {
  footer .footer__social .social {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_social-sm@2x.png");
    background-size: 173px 25px;
  }
}
footer .footer__social .facebook {
  background-position: -4px;
}
@media (min-width: 768px) {
  footer .footer__social .facebook {
    background-position: 0;
  }
}
footer .footer__social .twitter {
  background-position: -55px 0;
}
@media (min-width: 768px) {
  footer .footer__social .twitter {
    background-position: -30px 0;
  }
}
footer .footer__social .google {
  background-position: -108px 0;
}
@media (min-width: 768px) {
  footer .footer__social .google {
    background-position: -60px 0;
  }
}
footer .footer__social .pinterest {
  background-position: 142px 0;
}
@media (min-width: 768px) {
  footer .footer__social .pinterest {
    background-position: -90px 0;
  }
}
footer .footer__social .youtube {
  background-position: 90px 0;
}
@media (min-width: 768px) {
  footer .footer__social .youtube {
    background-position: -120px 0;
  }
}
footer .footer__social .instagram {
  background-position: 38px 0;
}
@media (min-width: 768px) {
  footer .footer__social .instagram {
    background-position: 25px 0;
  }
}
footer .link_list {
  width: 20%;
  float: left;
  padding-left: 2%;
}
@media (min-width: 1024px) {
  footer .link_list {
    width: 18%;
    padding-left: 20px;
  }
}
footer .link_list ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
@media (min-width: 1200px) {
  footer .link_list {
    padding-left: 3%;
  }
}
@media (min-width: 1024px) {
  footer .link_list--long {
    width: 25%;
  }
}
footer .footer__heading,
footer .link_list__heading {
  font-weight: 700;
}
footer #footer__links__nav {
  margin-bottom: 26px;
  margin-left: -3%;
}
@media (min-width: 768px) {
  footer #footer__links__nav {
    margin-bottom: 42px;
    margin-left: -2%;
  }
}
@media (min-width: 1024px) {
  footer #footer__links__nav {
    margin-bottom: 20px;
    margin-left: inherit;
  }
}
@media (min-width: 1024px) {
  footer #footer__legal {
    float: left;
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  footer #footer__legal {
    padding-left: 25px;
  }
}
@media (min-width: 768px) {
  footer #footer__legal span {
    margin: 8px 15px 16px 0;
  }
}
@media (min-width: 1024px) {
  footer #footer__legal span {
    margin: 0px 15px 20px 0px;
  }
}
footer #footer__legal #footer__legal__nav {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  footer #footer__legal #footer__legal__nav {
    float: left;
    margin-bottom: 20px;
  }
}
/*
	Main DDL Menu (Header & Header_home)
*/
#header__navigation--main {
  /* Top level nav */
}
#header__navigation--main .menu {
  float: left;
  background: #000;
  color: #fff;
  padding: 0 0 0 20px;
  margin: 0;
  display: table;
  height: 64px;
  z-index: 900;
}
@media (min-width: 1024px) and (max-width: 1250px) {
  #header__navigation--main .menu {
    padding: 0px;
  }
}
#header__navigation--main .menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 60px;
  left: -9999px;
  background: #000;
}
#header__navigation--main .menu li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  width: 10%;
  margin-left: 0.4%;
  margin-right: 0.6%;
}
@media (min-width: 1024px) and (max-width: 1250px) {
  #header__navigation--main .menu li {
    margin-left: 0%;
    margin-right: .7%;
  }
}
#header__navigation--main .menu li:focus > a,
#header__navigation--main .menu li:hover > a {
  outline: 0;
  color: #fff;
}
#header__navigation--main .menu li > a {
  float: left;
  padding: 10px 10px;
  /*color:@orange;*/
  color: #bbb;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 100;
}
@media (min-width: 1023px) and (max-width: 1199px) {
  #header__navigation--main .menu li > a {
    font-size: 13px;
  }
}
#header__navigation--main .menu li > a:hover,
#header__navigation--main .menu li > a:focus {
  outline: 0;
  text-decoration: none;
  color: #fff;
}
#header__navigation--main .menu li:hover ul,
#header__navigation--main .menu li:focus ul,
#header__navigation--main ul.show-menu {
  left: 0;
  opacity: 0.99;
}
#header__navigation--main .menu ul li {
  float: none;
  position: static;
  width: 98%;
  display: block;
  text-align: left;
}
#header__navigation--main .menu ul li a {
  border-bottom: 1px solid #222;
  display: block;
}
#header__navigation--main .menu ul a {
  float: none;
  display: inline-block;
  position: relative;
  text-transform: none;
  max-width: 100%;
  /*color:@orange;*/
  color: #bbb;
  font-weight: 400;
  font-size: 15px;
  padding: 10px;
  border-width: 0 0 1px;
  -webkit-transition: 0.1s linear all;
}
@media (min-width: 1023px) and (max-width: 1199px) {
  #header__navigation--main .menu ul a {
    font-size: 13px;
    font-weight: 200;
  }
}
#header__navigation--main .menu ul a:hover,
#header__navigation--main .menu ul a:focus {
  color: #fff;
  text-shadow: none;
}
/*
	Header Mobile Menu
*/
.mobile__menu {
  overflow: hidden;
  position: absolute;
  /*background:@orange;*/
  background: #333;
  z-index: 998;
  width: 100%;
  height: 0px;
  left: 0px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .mobile__menu {
    top: 45px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .mobile__menu {
    top: 86px;
  }
}
.mobile__menu ul {
  list-style: none;
  margin: 15px 0;
  padding-left: 10px;
}
.mobile__menu ul li {
  margin: 10px 0;
}
.mobile__menu ul ul.sub-menu {
  display: none;
}
.mobile__menu a {
  /*color:@white;*/
  color: #aaa;
  font-size: 1em;
  text-transform: uppercase;
}
.mobile__menu a:hover,
.mobile__menu a:focus {
  text-decoration: none;
  /*color:@black;*/
  color: #fff;
}
/*
	Header navigation sticky styles
*/
header #header__menu {
  background: #000;
}
header .sticky-wrapper {
  left: 0;
  height: 64px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  header .sticky-wrapper {
    height: 0px;
  }
}
header .home__nav.stuck {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
}
header .mobile__menu--icon {
  cursor: pointer;
  z-index: 999;
}
header .mobile__icon--container {
  z-index: 999;
}
header .dropdown-menu {
  padding: 0px;
  border: none;
  margin: 0px;
}
header .nav__active--main {
  color: #fff!important;
}
/*
	Global Drop down menu
*/
.side__select select {
  color: #404040;
  padding-left: 5px;
  padding-right: 45px;
  font-size: 14px;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  height: 38px;
  -webkit-appearance: none;
  border: 1px solid #837970;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/placeholder/ddl-arrow.png') no-repeat right;
}
.side__select select p {
  color: #666;
}
.side__select select:focus {
  outline: none;
}
@media (min-width: 0px) {
  .side__select select {
    width: 100%;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .side__select select {
    width: auto;
    min-width: 230px;
    font-size: 14px;
  }
}
@-moz-document url-prefix() {
  .side__select {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 2em;
    padding: 0;
    position: relative;
    z-index: 1;
  }
  @media (max-width: 767px) {
    .side__select {
      width: 100%;
    }
  }
  .side__select:hover {
    border-color: #999;
  }
  .side__select:before {
    color: #333;
    display: block;
    font-size: 1em;
    height: 100%;
    padding: 0 0.625em;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 1em;
    z-index: -1;
  }
  .side__select select {
    background-color: transparent;
    border: 1px solid #ccc;
    box-shadow: none;
    color: #333;
    display: block;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    padding: .5em;
    width: 100%;
    background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/placeholder/ddl-arrow.png') no-repeat right 18px top;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .side__select select::-ms-expand {
    display: none;
    /* to ie 10 */
  }
  .side__select select:focus {
    outline: none;
  }
  /* little trick for custom select elements in mozilla firefox  17/06/2014 @rodrigoludgero */
  /* pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */
  :-moz-any(.side__select):before {
    background-color: #fff;
    /* this is necessary for overcome the caret default browser */
    pointer-events: none;
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
    z-index: 1;
    /* this is necessary for overcome the pseudo element */
  }
}
/*
	Retina IMG media query for Global Drop down menu
*/
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .side__select select {
    background: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/placeholder/ddl-arrow@2x.png") no-repeat right;
    background-size: 39px 37px;
  }
}
/*
	Oranged boredered, stacked links 
*/
.bordered-links--wrap_side {
  margin-top: 70px;
}
@media (max-width: 1200px) {
  .bordered-links--wrap_side {
    margin-top: 0px;
    margin-bottom: 25px;
  }
}
.bordered-links--wrap_content {
  margin-bottom: 40px;
  padding-top: 20px;
}
.bordered-links ul {
  padding: 0;
}
.bordered-links ul li {
  list-style: none;
  margin-top: 5px;
}
.bordered-links ul li a {
  color: #f47d30;
  font-size: 16px;
  display: block;
  margin-top: 5px;
  padding: 7px 0;
  border-bottom: 4px solid #c3c3c3;
}
@media (max-width: 767px) {
  .bordered-links ul li a {
    font-weight: 600;
  }
}
.bordered-links ul li a:hover,
.bordered-links ul li a:focus {
  color: #000000;
  text-decoration: none;
}
.bordered-links ul li ul {
  border: none;
}
.bordered-links ul li ul li a {
  border: none;
  padding-left: 20px;
}
.bordered-links ul li.current-menu-item a {
  color: #333;
}
.bordered-links ul .bordered-links--border-top {
  border-top: 4px solid #c3c3c3;
  padding: 9px 0;
}
.sitemap__nav ul li {
  font-weight: 700;
  margin-top: 30px;
}
.sitemap__nav ul li ul li {
  font-weight: 300;
  margin-top: 0px;
}
/*
	Page Breadcrumb Styles
*/
.breadcrumb--wrap {
  font-size: 12px;
  margin-bottom: 25px;
  padding: 0;
}
@media (min-width: 1200px) {
  .breadcrumb--wrap {
    padding-top: 25px;
  }
}
.breadcrumb--wrap .breadcrumb {
  text-decoration: underline;
  background: none;
  padding: 0px;
}
.mobile_select {
  margin-bottom: 30px;
}
.pagination .active > span {
  background: #f47d30;
  border-color: #f47d30;
}
/*
	Accordion Arrows: Buttons & Toggle Arrows (Festival Services)
*/
.members-toggle,
.accordion-open {
  border: none;
  background: transparent;
}
.accordion-open {
  font-size: 22px;
}
.accordion-arrow {
  display: inline-block;
  width: 8px;
  height: 14px;
  padding: 0 15px 0;
  margin-top: 10px;
  float: left;
  background: no-repeat left;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/icons/arrow_close.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .accordion-arrow {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/icons/arrow_close@2x.png");
    background-size: 8px 14px;
  }
}
.accordion-arrow.toggle {
  display: inline-block;
  width: 14px;
  height: 8px;
  padding: 0 15px 0;
  margin-top: 10px;
  float: left;
  background: no-repeat left;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/icons/arrow_open.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .accordion-arrow.toggle {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/icons/arrow_open@2x.png");
    background-size: 14px 8px;
  }
}
/*
	Sidebar Styles
*/
@media (min-width: 1200px) {
  #sidebar {
    padding-right: 20px;
    padding-left: 1px;
  }
}
@media (max-width: 768px) {
  #sidebar {
    padding-right: 40px;
  }
}
#sidebar h3 {
  color: #f47d30;
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 4px solid #f47d30;
  margin-bottom: 20px;
}
#sidebar h4 {
  font-size: 16px;
}
#sidebar ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}
#sidebar .sidebar__widget {
  margin-bottom: 38px;
}
#sidebar #sidebar__news {
  margin-bottom: 20px;
}
#sidebar #sidebar__news h3 a {
  text-decoration: none;
}
#sidebar #sidebar__news .sidebar__news--title {
  font-weight: 600;
}
#sidebar #sidebar__news .sidebar__news--date {
  color: #666666;
}
#sidebar #sidebar__news .sidebar__news--info {
  margin-bottom: 25px;
}
#sidebar #sidebar__twitter {
  font-weight: 300;
}
#sidebar #sidebar__twitter li {
  margin-bottom: 26px;
}
#sidebar #sidebar__twitter li a {
  text-decoration: none;
}
#sidebar #sidebar__twitter li a:hover,
#sidebar #sidebar__twitter li a:focus {
  text-decoration: underline;
}
#sidebar #sidebar__twitter li img {
  display: block;
  margin-bottom: 19px;
  max-width: 32px;
}
#sidebar #sidebar__twitter li .tweet-meta {
  padding-top: 10px;
  font-size: 14px;
  display: block;
  color: #c3c3c3;
  font-style: italic;
}
#sidebar #sidebar__twitter .page__social li {
  margin-bottom: 0px;
}
#sidebar #sidebar__career li {
  margin-bottom: 28px;
}
#sidebar #sidebar__career li a {
  color: #666666;
  text-decoration: none;
}
#sidebar #sidebar__career li a:hover,
#sidebar #sidebar__career li a:focus {
  text-decoration: none;
  color: #f47d30;
}
#sidebar .sidebar__info-hours {
  font-size: 17px;
}
@media (min-width: 1200px) {
  #sidebar .sidebar__info-hours {
    padding-top: 25px;
  }
}
#sidebar .sidebar__info-hours .info__hours--phone {
  font-weight: 700;
}
#sidebar .sidebar__info-hours a {
  color: #f47d30;
  text-decoration: underline;
}
#sidebar .sidebar__info-hours a:hover,
#sidebar .sidebar__info-hours a:focus {
  color: #000000;
  text-decoration: underline;
}
#sidebar .sidebar__info-tiff {
  text-align: left;
  margin: 38px 0px;
}
#sidebar #sidebar__member {
  text-align: center;
}
#sidebar #sidebar__member p {
  padding: 25px 0;
  border-top: 4px solid #c3c3c3;
  border-bottom: 4px solid #c3c3c3;
}
#sidebar #sidebar__member p a {
  font-size: 18px;
}
#sidebar #sidebar__member p a:hover,
#sidebar #sidebar__member p a:focus {
  color: #000000;
}
#sidebar #hotelsidebar h3 {
  border: none;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  color: #666666;
  font-size: 13px;
  font-weight: 700;
}
#sidebar #hotelsidebar #keydates {
  text-align: left;
}
#sidebar #hotelsidebar .hotel {
  padding: 8px;
}
#sidebar #hotelsidebar .keydate-header {
  text-align: left;
  font-size: 16px;
}
#sidebar .sidebar__keydates {
  background: #f4f3f2;
  padding: 15px;
}
#sidebar.whatson {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .whatson {
    padding-right: 40px;
  }
}
/*
	Carousel
*/
.carousel {
  display: block;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .carousel {
    margin-bottom: 20px;
  }
}
.carousel-inner > .item img {
  display: block;
  height: auto;
  line-height: 1;
}
@media (min-width: 768px) and (max-width: 1280px) {
  .carousel-inner > .item img {
    width: 100%;
  }
}
.carousel-caption {
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  text-shadow: none;
  left: 0;
  bottom: 0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  display: none;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/bg-caption.png');
}
.carousel-caption a:hover,
.carousel-caption a:focus {
  color: #ffffff;
}
@media (min-width: 768px) {
  .carousel-caption {
    display: block;
    padding: 15px 100px 15px 25px;
    z-index: 1;
    width: 100%;
    min-height: 50px;
  }
}
@media (min-width: 1024px) {
  .carousel-caption {
    font-size: 14px;
  }
}
.carousel-indicators {
  width: auto;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/bg-caption.png');
}
@media (min-width: 768px) {
  .carousel-indicators {
    display: block;
    background: none;
  }
}
.carousel-indicators li {
  background-color: #f47d30;
  border: none;
  margin-right: 12px;
  list-style-type: disc;
}
.carousel-indicators .active {
  height: 10px;
  width: 10px;
  margin: 1px;
  background-color: #ffffff;
  margin-right: 12px;
}
.carouselControls {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 900;
}
.carouselControls button {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 0;
  margin-left: 1px;
  font-size: 16px;
  font-weight: 300;
}
.indicators--branded {
  width: 100%;
  padding: 5px 20px;
  margin: 0px;
  bottom: 0px;
  left: 0%;
}
@media (min-width: 768px) {
  .indicators--branded {
    padding: 25px 0 6px 15px;
    position: absolute;
    bottom: 0px;
    z-index: 15;
    margin-left: auto;
    padding: 16px;
    list-style: none;
    text-align: right;
    height: 50px;
    margin-bottom: 0px;
    right: 0px;
    width: 40%;
  }
}
.carousel-caption--outer {
  padding: 5px 10px;
}
.homepage__carouselnav--left {
  padding-top: 10px;
  position: relative;
  z-index: 9;
  border-bottom: 0px;
}
@media (min-width: 1200px) {
  .homepage__carouselnav--left {
    padding-top: 15px;
  }
}
.homepage__carouselnav--left li + li {
  margin-top: 0px;
}
.homepage__carouselnav--left li a,
.homepage__carouselnav--left li span {
  font-weight: 300;
  color: #000000;
  font-size: 14px;
  padding: 3%;
  margin-right: 20px;
  border: 0px;
  border-top: 1px solid #000000;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.homepage__carouselnav--left li a:hover,
.homepage__carouselnav--left li span:hover,
.homepage__carouselnav--left li a:focus,
.homepage__carouselnav--left li span:focus {
  background: none;
  color: #f47d30;
  border: 0px;
  border-top: 1px solid #000000;
}
@media (min-width: 1200px) {
  .homepage__carouselnav--left li a,
  .homepage__carouselnav--left li span {
    font-size: 18px;
    padding-left: 4.95%;
  }
}
.homepage__carouselnav--left li span {
  display: block;
  color: #999;
}
.homepage__carouselnav--left li span:hover,
.homepage__carouselnav--left li span:focus {
  color: #999;
}
.homepage__carouselnav--left li.active {
  background-color: #f47d30;
  margin-left: -35px;
  z-index: 999;
}
.homepage__carouselnav--left li.active a {
  border: 0px;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding-left: 55px;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/img-tab-cap.png') right no-repeat;
  margin: 0 -18px 0 -10px;
  z-index: 999;
}
.homepage__carouselnav--left li.active a:hover,
.homepage__carouselnav--left li.active a:focus {
  border: 0px;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/img-tab-cap.png') right no-repeat;
  z-index: 999;
}
@media (min-width: 1200px) {
  .homepage__carouselnav--left li.active a {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .homepage__carouselnav--left li.active a {
    margin: 0 -18px 0 -15.2px;
  }
}
.carousel-caption__border {
  background-color: #000;
  height: 78px;
  z-index: 2;
}
.homepage__carouselnav--wrap {
  padding-right: 0px;
}
.homepage__carousel--wrap {
  z-index: 1;
  padding: 0px;
}
@media (min-width: 1280px) {
  .homepage__carousel--wrap {
    padding-left: 0px;
    padding-right: 28px;
  }
}
@media (min-width: 1280px) {
  .homepage__carousel--right {
    padding-left: 0px;
  }
}
@media (min-width: 1024px) {
  .homepage__carousel--right {
    padding-top: 15px;
  }
}
.homepage__carousel {
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .homepage__carousel {
    display: block;
    background: #837970;
  }
}
@media (max-width: 767px) {
  .homepage__carousel img {
    margin: 0 auto;
  }
}
.homepage__carousel .carousel-inner {
  padding: 0px;
}
.homepage__carousel .carousel-indicators {
  margin-left: 0;
  left: 0px;
  bottom: 0px;
  right: auto;
  width: 100%;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/bg-caption.png');
  margin-bottom: 0px;
  text-align: right;
  text-indent: 20px;
  padding: 10px 0;
  z-index: 700;
}
@media (min-width: 768px) {
  .homepage__carousel .carousel-indicators {
    width: auto;
    left: auto;
    bottom: 71px;
    right: 21px;
    background: none;
    margin-bottom: auto;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .homepage__carousel .carousel-indicators {
    bottom: 78px;
    right: 20px;
  }
}
.homepage__carousel .carousel-caption {
  width: 100%;
  padding: 5px 30px;
  text-align: left;
  text-shadow: none;
  color: #ffffff;
  font-size: 12px;
  z-index: 100;
  font-weight: 700;
}
.homepage__carousel .carousel-caption h2 {
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: -8px;
  color: #ffffff;
}
@media (min-width: 768px) {
  .homepage__carousel .carousel-caption {
    display: block;
    background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/bg-caption.png');
    left: 0;
    bottom: 0;
    padding: 20px 30px 112px;
  }
}
@media (min-width: 1200px) {
  .homepage__carousel .carousel-caption {
    font-size: 14px;
  }
}
.homepage__carousel .carousel-caption .carousel-caption__title {
  font-size: 20px;
  margin: 0;
  width: 50%;
}
.homepage__carousel .carousel-caption .carousel-caption__category {
  float: right;
  font-size: 15px;
  text-align: right;
  width: 45%;
}
.homepage__carousel .carousel-caption .carousel-caption__category a:hover,
.homepage__carousel .carousel-caption .carousel-caption__category a:focus {
  color: #ffffff;
}
.homepage__carousel .carousel-caption .carousel-caption__times {
  z-index: 999;
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 10px 16px 11px 30px;
  height: 78px;
}
.homepage__carousel .carousel-caption .carousel-caption__times--title {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 0px;
  padding-top: 7px;
}
.homepage__carousel .carousel-caption ul {
  display: block;
  float: left;
  margin: auto;
  padding-left: 0px;
}
.homepage__carousel .carousel-caption ul li {
  display: inline;
  margin-right: 20px;
}
.homepage__carousel .carousel-caption p {
  margin-bottom: 0px;
  font-weight: 300;
}
.homepage__carousel .carousel-caption span {
  color: #f47d30;
  text-transform: uppercase;
  font-weight: 700;
}
.homepage__carousel .carousel-caption .btn {
  display: inline-block;
  font-size: 18px;
  float: right;
  margin: -20px 10px;
}
.carousel-caption--outer .carousel_rating {
  font-size: 15px;
}
.carousel-caption--outer .btn {
  display: block;
  clear: both;
  float: left;
  font-size: 18px;
}
.carousel-caption--outer span {
  color: #f47d30;
  text-transform: uppercase;
  font-weight: 700;
}
.carousel-caption--outer h3 {
  font-weight: 700;
  font-size: 15px;
  margin: 0;
}
.carousel-caption--outer .carousel-caption__title {
  font-size: 24px;
  margin: 0;
  display: block;
}
.carousel-caption--outer .carousel-caption__category {
  color: #f47d30;
  text-transform: uppercase;
  display: block;
}
.carousel-caption--outer .carousel-caption__times {
  padding: 0;
}
.carousel-caption--outer .carousel-caption__times ul {
  padding: 0px;
}
.carousel-caption--outer .carousel-caption__times li {
  list-style: none;
  display: inline;
  margin-right: 10px;
}
.carousel-caption--outer span {
  color: #f47d30;
  text-transform: uppercase;
  font-weight: 700;
}
#microsite__carousel {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #microsite__carousel {
    margin-bottom: 50px;
  }
}
#featured__carousel {
  margin-bottom: 0px;
}
#filmdetail__carousel {
  margin-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #filmdetail__carousel .carousel-inner > .item img {
    width: 100%;
  }
}
#filmdetail__carousel .carousel-caption {
  z-index: 14;
}
/*
	Generic Page Styles
*/
#skip__nav {
  position: absolute;
  left: -999px;
  display: none;
}
.page__content {
  padding: 0px;
  font-size: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .page__content {
    margin-bottom: 40px;
  }
}
.page__content p {
  font-weight: 300;
  margin: 0 0 24px;
}
.page__content img {
  width: auto;
  height: auto;
  max-width: 100%;
}
/*
	Inset Image Styles
*/
.inset_img {
  margin: 0 25px 20px 0;
}
.inset_img--small {
  margin: 0 10px 10px 0;
}
/*
	Promo Image Styles
*/
.adverts,
.featured_img {
  margin-bottom: 30px;
}
@media (min-width: 0px) and (max-width: 1200px) {
  .adverts img,
  .featured_img img {
    margin-bottom: 0px;
    margin-top: 0px;
  }
}
@media (min-width: 0px) and (max-width: 1200px) {
  .adverts,
  .featured_img {
    padding-top: 15px;
    margin-bottom: 25px;
  }
}
.video--container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.video--container iframe,
.video--container object,
.video--container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leader__img {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .leader__img {
    margin-bottom: 20px;
  }
}
.gallery img {
  margin-bottom: 30px;
  width: 173px;
  height: 115px;
}
.explore img {
  height: 165px!important;
}
.filmcircuit--title p {
  margin-top: -5px;
}
.missing__404 {
  margin: 0 auto;
}
/**
 * Draft Styles
*/
#widgets-modal {
  border-radius: 5px;
}
#widgets-modal .modal-header {
  background: #837970;
  padding: 10px 20px;
  color: #fff;
}
#widgets-modal .modal-header .modal-title {
  font-size: 28px;
  font-weight: 100;
}
#widgets-modal .modTitle {
  border-bottom: 1px solid #ccc;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 18px;
}
#widgets-modal .close {
  opacity: 1;
  color: #fff;
  font-size: 30px;
  text-shadow: none;
}
#widgets-modal .tempName {
  margin-bottom: 5px;
}
.statusDraft,
.widgetDraft {
  color: #eb9f22;
  font-weight: 400;
}
.statusUnPub,
.widgetUnPub {
  color: #bd3b38;
  font-weight: 400;
}
.statusPub,
.widgetPub {
  color: #58b957;
  font-weight: 400;
}
.statusPend,
.widgetPend {
  color: #eb9f22;
  font-weight: 400;
}
.statusModal {
  margin-left: 20px;
  background: #837970;
  color: #fff;
  border-radius: 5px;
  padding: 5px 30px;
  font-size: 22px;
  text-decoration: none;
}
.statusModal:hover,
.statusModal:focus {
  color: #fff;
}
.widgetStatusSpan {
  text-transform: uppercase;
  min-width: 120px;
  display: inline-block;
  font-weight: 700;
}
.widgetStatus li {
  padding-bottom: 7px;
}
.templateStatus,
.widgetStatus {
  padding: 0px;
  list-style: none;
  font-size: 14px;
}
.templateStatus .page-label-status,
.widgetStatus .page-label-status,
.templateStatus li a,
.widgetStatus li a {
  color: #000;
  padding: 0;
  margin: 0;
}
.status-bar {
  background: #fff;
  color: #000;
  font-size: 30px;
  text-transform: capitalize;
  border: 0px;
  padding: 7px 0;
  border-radius: 0px;
  font-weight: 100;
}
.label-status {
  font-weight: 400;
  border-radius: 0;
  padding: .2em 1em .3em;
  width: auto!important;
  margin: 0 5px;
  text-transform: capitalize;
}
.page-label-status {
  font-weight: 100;
  border-radius: 0;
  padding: .2em 1em .3em;
  width: auto!important;
  margin: 0px;
  position: absolute;
  z-index: 1;
}
.top-label {
  margin: .2em 1em .3em;
  width: auto!important;
  padding: 0px 50px;
  position: absolute;
  border-left: 1px solid #837970;
  border-right: 1px solid #837970;
}
/*
	Social Media Sprites for News/Events, Twitter sidebar and footer
*/
.page__social {
  float: none;
  vertical-align: top;
  color: #666;
}
.page__social ul {
  padding-left: 0px;
  list-style-type: none;
  padding-top: 5px!important;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .page__social ul {
    display: inline-block;
    text-align: center;
  }
}
.page__social ul li {
  display: inline-block;
}
.page__social ul li a {
  margin: 0 2px;
}
.page__social .page__social--connect {
  margin: 0px 2px 1px 0px;
}
.page__social .social {
  width: 25px;
  height: 25px;
  display: block;
  margin-top: -2px;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_social-sm.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .page__social .social {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_social-sm@2x.png");
    background-size: 173px 25px;
  }
}
.page__social .facebook {
  background-position: 0;
}
.page__social .twitter {
  background-position: -30px 0;
}
.page__social .google {
  background-position: -60px 0;
}
.page__social .pinterest {
  background-position: -90px 0;
}
.page__social .youtube {
  background-position: -120px 0;
}
.page__social .instagram {
  background-position: -196px 0;
}
.box-lay-8 {
  margin-bottom: 48px;
  height: 330px;
}
@media (max-width: 768px) {
  .box-lay-8 {
    margin-bottom: 10px;
    height: auto;
  }
}
.box-lay-8 p {
  font-weight: 300;
}
.box-lay-8 a:hover .box-lay-8--colour,
.box-lay-8 a:focus .box-lay-8--colour {
  background-color: #f47d30;
}
.box-lay-8 h2 {
  color: #f47d30;
  text-decoration: underline;
}
.box-lay-8 .box-lay-8--colour {
  width: 215px;
  height: 156px;
  padding: 2px 0;
  background-color: #666666;
  margin-bottom: 15px;
}
.social__twitter--box {
  min-height: 126px;
  margin-bottom: 20px;
}
.social__twitter--box h4 {
  font-size: 20px;
}
.social__twitter--box a {
  font-size: 20px;
  font-weight: 300;
}
.social__twitter--box img {
  width: 73px;
  height: 73px;
}
.social__twitter--box strong {
  color: #666666;
  font-weight: 400;
}
.social__twitter--box p {
  color: #666;
  font-weight: 300;
}
/*
	Homepage Specific Styles
*/
/* Takeover Ad */
.takeover-ad {
  display: none;
  height: 100%;
  left: 50%;
  margin-top: 0px;
  position: fixed;
  z-index: 1;
  margin-left: -847px;
}
@media (min-width: 1280px) {
  .takeover-ad {
    display: block;
  }
}
.takeover-ad--wrap .sticky-wrapper {
  position: fixed;
}
.takeover-ad--wrap .stuck {
  top: 62px;
  position: fixed;
}
.homepage__bg--white {
  background-color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .homepage__bg--white {
    padding-top: 30px!important;
  }
}
.homepage__bg--translate .container {
  background-color: #ffffff;
  position: relative;
  z-index: 10;
}
.homepage__info_hours #info__hours--img {
  margin-bottom: 4px;
}
.homepage__info_hours .hours {
  margin-bottom: 20px;
  background-color: #837970;
  padding: 22px 24px;
  color: #ffffff;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.3;
}
@media (min-width: 1200px) {
  .homepage__info_hours .hours {
    padding: 22px 30px;
  }
}
.homepage__info_hours .hours p {
  font-weight: 400;
  margin: 0;
}
.homepage__info_hours .hours a {
  text-decoration: underline;
  color: #ffffff;
}
.homepage__info_hours .hours a:hover,
.homepage__info_hours .hours a:focus {
  color: #f47d30;
}
#homepage__info-tiff {
  background-color: #000000;
  color: #ffffff;
  font-size: 13px;
  padding-bottom: 10px;
}
#homepage__info-tiff a {
  text-decoration: underline;
}
#homepage__info-tiff a:hover,
#homepage__info-tiff a:focus {
  color: #ffffff;
}
#homepage__info-tiff .tel {
  color: #ffffff;
  text-decoration: none;
}
#homepage__info-about {
  padding-left: 0px;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  #homepage__info-about {
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  #homepage__info-about {
    margin-top: 25px;
    padding-left: 0px;
  }
}
#homepage__banner--cinema {
  background-color: #837970;
}
@media (min-width: 1200px) {
  #homepage__banner--cinema {
    margin-bottom: 0px;
  }
}
#homepage__banner--container {
  background-color: #ffffff;
}
@media (min-width: 0px) {
  #homepage__banner--container {
    margin: 0px;
  }
}
@media (min-width: 768px) {
  #homepage__banner--container {
    margin: 0 10px;
  }
}
@media (min-width: 1024px) {
  #homepage__banner--container {
    margin: 0 30px;
  }
}
@media (min-width: 1200px) {
  #homepage__banner--container {
    margin: 0 auto;
    padding-left: 20px;
  }
}
.homepage--overlay {
  background-color: white;
  z-index: 10;
  position: relative;
}
.homepage__calendar {
  text-align: center;
  font-size: 18px;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .homepage__calendar {
    margin-left: -25px;
  }
}
@media (min-width: 1024px) {
  .homepage__calendar {
    margin-left: -20px;
  }
}
.homepage__calendar img {
  margin-bottom: 10px;
  text-decoration: none;
}
.homepage__calendar--xs {
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
  border-top: 4px solid #c3c3c3;
  border-bottom: 4px solid #c3c3c3;
}
.homepage__calendar--xs a {
  display: inline-block;
  padding: 20px 0;
}
.homepage__calendar--xs img {
  margin-left: 5px;
}
#homepage__featured_ad {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  #homepage__featured_ad {
    margin-bottom: 0px;
  }
}
/*
	Film Detail Page
*/
.filmdetail__carousel--wrap {
  margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__carousel--wrap {
    margin-bottom: 0px;
  }
}
#film__description {
  clear: both;
  font-weight: 300;
}
#film__description h2 {
  font-size: 24px;
  clear: both;
}
.film__title--alternate {
  font-weight: 300;
  font-style: italic;
  font-size: 24px;
  clear: both;
}
/*
	Film Detail Share
*/
.filmdetail__share--wrap {
  position: relative;
  clear: both;
}
@media (min-width: 1200px) {
  .filmdetail__share--wrap {
    margin-top: 108px;
    clear: none;
    float: left;
  }
}
/*
	Film Detail Share Sprite
*/
.filmdetail__social {
  /*
		Fixed Positioning
	*/
}
.filmdetail__social .social {
  width: 30px;
  height: 30px;
  display: block;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_social--colour.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .filmdetail__social .social {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_social--colour@2x.png");
    background-size: 170px 30px;
  }
}
.filmdetail__social .btn {
  padding: 5.5px 18px 5.5px;
  max-width: 131px;
  font-size: 12px;
  float: left;
  margin-right: 10px;
}
@media (min-width: 1200px) {
  .filmdetail__social .btn {
    float: none;
    font-size: 15px;
    padding: 6px 12px;
    margin-bottom: 10px;
  }
}
.filmdetail__social ul {
  list-style-type: none;
  padding: 0px;
}
@media (max-width: 1199px) {
  .filmdetail__social ul {
    float: left;
  }
}
.filmdetail__social ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
@media (min-width: 1200px) {
  .filmdetail__social ul li {
    display: block;
    margin-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__social .filmdetail__share--button {
    display: block;
    margin-top: 12px;
    clear: both;
  }
}
.filmdetail__social .heart {
  background-position: 0px 0px;
}
.filmdetail__social .facebook {
  background-position: -35px 0;
}
.filmdetail__social .twitter {
  background-position: -70px 0;
}
.filmdetail__social .google {
  background-position: -105px 0;
}
.filmdetail__social .pinterest {
  background-position: -141px 0;
}
@media (min-width: 1200px) {
  .filmdetail__social {
    margin-left: 15px;
    z-index: 1;
  }
  .filmdetail__social ul {
    list-style-type: none;
    padding: 0px;
  }
  .filmdetail__social .social {
    width: 40px;
    height: 40px;
    display: block;
    background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/sprite_social--colour-lg.png');
  }
  .filmdetail__social .heart {
    background-position: 0px 0px;
  }
  .filmdetail__social .facebook {
    background-position: 0px 185px;
  }
  .filmdetail__social .twitter {
    background-position: 0px 137px;
  }
  .filmdetail__social .google {
    background-position: 0px 88px;
  }
  .filmdetail__social .pinterest {
    background-position: 0px 40px;
  }
}
@media (min-width: 1200px) {
  .filmdetail__social.stuck {
    position: fixed;
    top: 90px;
  }
}
.filmdetail--featuredsponsor {
  margin: 20px 0;
}
ul.filmdetail__ages {
  display: block;
  list-style: none;
  padding: 0;
}
li.filmdetail__bullet {
  float: left;
  margin: 1px;
  width: 40px;
  height: 40px;
  background-color: #000;
  color: #fff;
  line-height: 40px;
  text-align: center;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
}
ul.filmdetail__grades {
  display: block;
  list-style: none;
  padding: 0;
}
.filmdetail__guest {
  margin: 25px 0;
  background-color: #837970;
  max-height: 90px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__guest {
    margin: 15px 0;
  }
}
.filmdetail__guest img {
  margin-right: 30px;
  max-height: 90px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__guest img {
    width: auto;
    height: 60px;
  }
}
.filmdetail__guest p {
  color: #ffffff;
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__guest p {
    font-size: 16px;
    padding: 8px 15px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .filmdetail__guest p {
    font-size: 16px;
    padding: 23px 20px;
  }
}
@media (min-width: 1024px) {
  .filmdetail__guest p {
    font-size: 20px;
    padding: 17px 30px;
  }
}
.filmdetail__guest--secondary h2 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 25px;
}
.filmdetail__guest--secondary img {
  margin-right: 20px;
  margin-bottom: 15px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__guest--secondary img {
    display: block;
    float: none!important;
  }
}
.filmdetail__schedule--secondary h2 {
  font-size: 18px;
  font-weight: 300;
}
p.filmdetail__title--indent {
  font-weight: 700;
  text-align: left;
  margin-top: 10px;
  margin-left: 40px;
}
@media (min-width: 0px) and (max-width: 767px) {
  p.filmdetail__title--indent {
    margin-left: 10px;
    font-size: 15px;
    margin-top: 20px;
  }
}
.filmdetails__credits td[itemprop="Video"] {
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.filmdetails__credits a {
  text-decoration: underline;
}
.filmdetails__credits td {
  padding: 4px 15px 0px 0px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetails__credits {
    margin: 30px 0px 30px 10px;
  }
}
@media (min-width: 768px) {
  .filmdetails__credits {
    margin: 30px 0px 30px 40px;
  }
}
.filmdetail__tags {
  margin: 50px 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  .filmdetail__tags {
    margin: 25px 0;
  }
}
.filmdetail__tags ul {
  padding: 0;
}
.filmdetail__tags li {
  display: inline;
  list-style: none;
  color: #837970;
  font-size: 14px;
  margin-right: 20px;
  text-transform: uppercase;
}
.filmdetail__tags li a:hover,
.filmdetail__tags li a:focus {
  color: #333;
  text-decoration: underline;
}
.filmdetail__tags p {
  font-weight: 700;
  margin-bottom: 15px;
}
/*
	Video Player Styles
*/
#filmdetail__player {
  position: absolute;
  z-index: 15;
}
#filmdetail__playbtn {
  position: absolute;
  z-index: 1;
  width: 100px!important;
  height: auto;
  margin: 17% 43%;
  cursor: pointer;
}
@media (min-width: 0px) and (max-width: 767px) {
  #filmdetail__playbtn {
    width: 100px!important;
    height: auto;
    margin: 7% 33%;
  }
}
.video--container--film {
  height: 0;
  overflow: hidden;
}
.video--container--film iframe,
.video--container--film object,
.video--container--film embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
	Film detail Schedule
*/
#filmdetail__noevents_scheduled--well .well {
  color: #c3c3c3;
  padding: 0;
  background: none;
  border: none;
  border-radius: none;
  font-style: italic;
  box-shadow: none;
}
.filmdetail__noschedule {
  margin-top: 11px;
}
#filmdetail__schedule--dateselector {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  #filmdetail__schedule--dateselector {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  #filmdetail__schedule--select {
    float: right;
  }
}
.filmdetail__pitch,
.filmdetail__pitch p {
  font-weight: 400!important;
  font-size: 20px;
  color: #837970;
}
/*
	Maps & Location: Inherited CSS from TIFF.net
*/
.location a {
  display: inline !important;
}
.location .hidden {
  visibility: hidden;
}
.location .map__summersavings {
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  padding-left: 0px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .location .map__summersavings {
    color: grey;
  }
}
.location #mapOverlay {
  width: 100%;
  height: 460px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .location #mapOverlay {
    height: 260px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .location #mapOverlay {
    height: 300px;
  }
}
.location #mapHeader {
  height: auto;
  background: #ffcb0b;
  color: #000;
}
.location #mapHeader a {
  color: #000;
  text-decoration: underline;
}
.location #mapHeader #mapHeader__title {
  font-size: 35px;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 1;
}
@media (min-width: 1024px) {
  .location #mapHeader #mapHeader__title {
    float: left;
    margin-bottom: 0px;
    width: 20%;
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .location #mapHeader #mapHeader__title {
    font-size: 46px;
  }
}
.location #mapHeader .mapHeader__text {
  font-size: 13px;
  font-weight: 100;
}
@media (min-width: 768px) {
  .location #mapHeader .mapHeader__text {
    font-size: 15px;
    font-weight: 300;
  }
}
@media (min-width: 1024px) {
  .location #mapHeader .mapHeader__text {
    width: 70%;
    float: left;
    margin: 0 0 0 4%;
  }
}
@media (min-width: 1200px) {
  .location #mapHeader .mapHeader__text {
    font-size: 46px;
    width: 63%;
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .location #mapHeader .mapHeader__text--small {
    font-size: 13px;
  }
}
@media (min-width: 1024px) {
  .location #mapHeader .mapHeader__text--small {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .location #mapHeader .mapHeader__text--small {
    font-size: 15px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .location #mapHeader {
    padding: 10px 0px;
  }
  .location #mapHeader p {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .location #mapHeader {
    padding: 25px 20px;
  }
}
@media (min-width: 1024px) {
  .location #mapHeader {
    padding: 20px 20px;
  }
}
@media (min-width: 1200px) {
  .location #mapHeader {
    padding: 20px 0;
  }
}
@media (min-width: 1400px) {
  .location #mapHeader .container {
    padding: 0;
  }
}
.location .infoLeft,
.location .infoRight {
  width: 50%;
  float: left;
}
.location #main-content {
  padding: 0px;
  margin-bottom: -20px;
}
.location #maps-nav {
  height: 64px;
  background-color: #8b8178;
}
@media (min-width: 0px) and (max-width: 767px) {
  .location #maps-nav {
    background-color: #fff;
  }
}
.location #maps-nav ul {
  margin: 20px 0;
}
.location #maps-nav li {
  float: left;
  list-style: none outside none;
}
.location #maps-nav li a {
  color: #999999;
  text-transform: uppercase;
  padding: 10px;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .location #maps-nav li a {
    font-size: 12px;
    margin-right: 5px;
  }
}
@media (min-width: 1024px) {
  .location #maps-nav li a {
    font-size: 15px;
    margin-right: 25px;
  }
}
.location #maps-nav li a:hover,
.location #maps-nav li .current {
  background-color: #fff;
  text-decoration: none;
  color: #8b8178;
}
.location #venueLine {
  color: #808080;
  font-weight: bold;
}
.location section#main h1,
.location div#main h1 {
  margin-bottom: -20px !important;
}
.location body.home #main #content #main-content,
.location body.content #main #content #main-content {
  overflow: visible;
}
.location #mapListContainer {
  padding-top: 20px;
}
.location .mapListItem {
  height: 150px;
  cursor: pointer;
  text-align: left;
}
@media (min-width: 0px) and (max-width: 767px) {
  .location .mapListItem {
    height: 120px;
  }
}
.location .mapListItem div {
  display: block;
}
.location .mapListItem > .type {
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
}
.location .logoImage {
  margin: 2% 5%;
  text-align: center;
}
.location .infoContainer {
  max-width: 320px;
  min-width: 320px;
  margin: 5px 7px;
}
.location .infoContainer .infoType {
  padding-bottom: 2.5px;
}
.location .mapListItem > .name,
.location .infoContainer .infoName {
  color: #4D4D4D;
  font-size: 20px;
  padding-bottom: 2.5px;
  font-weight: bold;
}
@media (min-width: 0px) and (max-width: 767px) {
  .location .mapListItem > .name,
  .location .infoContainer .infoName {
    font-size: 15px;
  }
}
.location .mapListItem > .location,
.location .infoContainer .infoAddress {
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 14px;
  border-bottom: #c3c3c3 4px solid;
}
@media (min-width: 0px) and (max-width: 767px) {
  .location .mapListItem > .location,
  .location .infoContainer .infoAddress {
    font-size: 14px;
  }
}
.location .pub > .type,
.location .pub .infoType,
.location a.pub {
  color: #93278F !important;
}
.location .ind > .type,
.location .ind .infoType,
.location a.ind {
  color: #ED1E79 !important;
}
.location .hot > .type,
.location .hot .infoType,
.location a.hot {
  color: #d5b367 !important;
}
.location .hos > .type,
.location .hos .infoType,
.location a.hos {
  color: #29ABE2 !important;
}
.location .box > .type,
.location .box .infoType,
.location a.box {
  color: #F7931E !important;
}
.location .fup > .type,
.location .fup .infoType,
.location a.fup {
  color: #0CAA48 !important;
}
.location .par > .type,
.location .par .infoType,
.location a.par {
  color: #1abf00 !important;
}
.location .bpar > .type,
.location .bpar .infoType,
.location a.bpar {
  color: #00e600 !important;
}
.location body.home #main .page-title,
.location body.content #main .page-title {
  background: url("http://content.tiff.net/contents/elements/ribbons/bg-h1-nav_975.png") no-repeat scroll left top transparent;
  color: #FFFFFF;
  height: 57px;
  left: -38px;
  line-height: 41px;
  padding-left: 38px;
  position: relative;
  width: 1074px;
}
.location .infoImage {
  padding-top: 10px;
}
.location .infoLink {
  padding-top: 10px;
}
.location .orderNum {
  font-size: 16px;
  font-weight: 700;
}
.location .gm-style .orderNum {
  padding-top: 0px !important;
}
.street-map-location .location .mapListItem.festivalst > .location,
.street-map-location .location .infoContainer.fup .infoAddress {
  border-bottom: #0CAA48 4px solid;
}
.street-map-location .location .mapListItem.festivalst > .location,
.street-map-location .location .infoContainer.box .infoAddress {
  border-bottom: #F7931E 4px solid;
}
.street-map-location .location .mapListItem {
  min-height: 165px;
  height: auto;
  padding-bottom: 15px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .street-map-location .location .mapListItem {
    height: auto;
    min-height: 1px;
  }
}
/*
	The Programmers Styles
*/
.programmers .box-lay-6 .thumbnail {
  margin-bottom: 10px;
  border: none;
}
.programmers .box-lay-6 .thumbnail img {
  height: auto;
  max-width: 213px;
}
/*
	Programmer Page Grid
*/
.box-lay-7 {
  color: #ffffff;
  min-width: 296px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .box-lay-7 {
    margin-bottom: 10px;
  }
}
.box-lay-7 .box-lay-7--colour {
  padding: 15px;
  min-height: 194px;
}
.box-lay-7 a {
  color: #ffffff;
}
.box-lay-7 a:hover,
.box-lay-7 a:focus {
  color: #ffffff;
}
.box-lay-7 .box-lay-7__title {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
}
.box-lay-7 .box-lay-7__info {
  font-weight: 300;
  margin: 10px 0;
  font-size: 14px;
}
/*
	Programmes Detail Styles / Programmes Grid Styles
*/
.programme__detail--imgwrap {
  max-width: 695px;
  position: relative;
}
.programme__detail--imgwrap .img-wrap--caption {
  color: #ffffff;
  background: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/bg-caption.png');
  z-index: 999;
  min-height: 50px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  font-size: 13px;
  font-weight: 700;
  z-index: 1;
}
@media (max-width: 480px) {
  .programme__detail--imgwrap .img-wrap--caption {
    position: relative;
    background: #000;
    color: #ffffff;
    clear: both;
    padding: 10px;
    font-weight: 400;
  }
}
@media (max-width: 768px) {
  .programmelist--box {
    margin-bottom: 25px;
  }
}
.programme__detail {
  max-width: 695px;
  margin-bottom: 5px;
}
@media (max-width: 1023px) {
  .programme__detail {
    height: auto;
    margin-top: 5px;
  }
}
@media (min-width: 1024px) {
  .programme__detail {
    height: 285px;
    margin-bottom: 5px;
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  .programme__detail {
    height: 350px;
    margin-top: 0px;
  }
}
.programme__detail .programme__detail--inner {
  padding: 10px 20px;
  max-width: 260px;
}
.programme__detail h1 {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-top: 10px;
}
@media (min-width: 1024px) {
  .programme__detail--img {
    padding-right: 0px;
  }
}
@media (min-width: 1024px) {
  .programme__detail--info {
    padding-left: 0px;
  }
}
.programme-button {
  text-transform: uppercase;
  margin: 10px 0;
  font-weight: bold;
  text-align: center;
  border: 1px solid #fff;
  display: inline;
  padding: 2px 10px;
}
.programme-button a {
  color: #ffffff;
  text-decoration: none;
}
.gala {
  background-color: #ec148e;
}
.sci {
  color: #FFF;
  background-color: #5201c2;
}
.masters {
  background-color: #31c4ec;
}
.special-presentations {
  background-color: #0058a2;
}
.mavericks {
  background-color: #b10050;
}
.discovery {
  background-color: #8b8e5a;
}
.tiffdocs {
  background-color: #f6c043;
}
.cworld {
  background-color: #00d8b0;
}
.wavelengths {
  background-color: #6c0046;
}
.tiffkids {
  background-color: #f79a6c;
}
.ctc {
  background-color: #00653b;
}
.ctc {
  background-color: #00653b;
}
.shorts {
  background-color: #e91e24;
}
.tiffcinema {
  background-color: #8b8178;
}
.futureprojections {
  background-color: #0caa48;
}
.vanguard {
  background-color: #000;
}
.midmad {
  background-color: #607890;
}
.nextwave {
  background-color: #67aa98;
}
.mani {
  background-color: #eee;
  color: #000000;
}
.mani .box-lay-7__title {
  color: #000000;
}
.mani a {
  color: #000000;
}
.mani a:hover,
.mani a:focus {
  color: #000000;
}
.special {
  background-color: #f47d30;
}
.programmes .programme-wrap .programme.festivalst {
  border-top: 20px solid #ffdf00;
  border-right: 2px solid #ffdf00;
  border-bottom: 2px solid #ffdf00;
  border-left: 2px solid #ffdf00;
}
.programmes .programme-wrap .programme.special-events {
  border-top: 20px solid #f47d30;
  border-right: 2px solid #f47d30;
  border-bottom: 2px solid #f47d30;
  border-left: 2px solid #f47d30;
}
.label-status {
  z-index: 1;
  position: relative;
  display: inline-block;
}
.status.alert {
  margin-bottom: 0;
  z-index: 9999;
  position: relative;
  text-align: center;
}
/*

	Join & Support: Membership Containers

*/
.membership__container {
  background: #f4f3f2;
  display: block;
  margin-bottom: 20px;
  min-height: 125px;
  padding: 20px 20px;
}
@media (max-width: 767px) {
  .membership__container {
    padding: 20px 5px;
  }
}
.membership__container h2,
.membership__container small {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}
.membership__container .members-toggle {
  color: #f47d30;
  cursor: pointer;
  margin-bottom: 5px;
}
.membership__container table > tbody > tr > td {
  border-bottom: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .membership__container .in {
    margin-left: 80px;
  }
}
.membership__container .btn {
  background: #FFC200;
  color: #000;
}
.contributor-circle .btn {
  background: #23B7EA;
  color: #fff;
}
.bronze .btn {
  background: #cd7f32;
  color: #000;
}
.silver .btn {
  background: #c0c0c0;
  color: #000;
}
.gold .btn {
  background: #d4af37;
  color: #000;
}
.platinum .btn {
  background: #e5e4e2;
  color: #000;
}
.leadership .btn {
  background: #131010;
  color: #fff;
}
/*

	Join & Support: Membership Sprites Icon

*/
.members-icon {
  display: inline-block;
  width: 60px;
  height: 65px;
  margin: 5px 20px 45px 0px;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/members-icons.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .members-icon {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/members-icons@2x.png");
    background-size: 120px 770px;
  }
}
.members-icon--small {
  display: inline-block;
  width: 30px;
  height: 26px;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url('http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/members-icons.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .members-icon--small {
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/sprites/members-icons@2x.png");
    background-size: 120px 770px;
  }
}
.new-members-icon {
  margin-right: 20px;
}
.individual {
  background-position: 0px 0px;
}
.group {
  background-position: 0px -65px;
}
.principal {
  background-position: 0px -205px;
}
.contributor {
  background-position: 0px -135px;
}
.student {
  background-position: 0px -629px;
}
.senior {
  background-position: 0px -711px;
}
.patrons {
  background-position: 1px -280px;
}
/*
	Festival Industry Sprites
*/
.orange__circle {
  background-image: url('../images/icons/industry-circle.png');
  height: 55px;
  width: 55px;
  vertical-align: middle;
  margin-right: 20px;
  background-size: 55px 55px;
  background-repeat: none;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .orange__circle {
    background-image: url("../images/icons/industry-circle@2x.png");
    background-size: 55px 55px;
  }
}
@media (max-width: 767px) {
  .orange__circle {
    display: none;
  }
}
.table-space,
.table-space * {
  line-height: 0 !important;
  padding: 0 !important;
}
.news .box-lay-2__title {
  font-size: 20px;
  line-height: 24px;
  color: #000;
}
.news .box-lay-2__info {
  font-size: 16px;
  line-height: 20px;
  color: #666;
}
.news .box-lay-2__excerpt {
  font-size: 15px;
  line-height: 20px;
  color: #666;
}
.news p {
  margin-bottom: 30px;
}
.event .box-lay-3__title {
  margin-bottom: 10px;
}
.form-40 {
  border: 4px solid #ccc;
  padding: 35px;
  font-weight: 300;
  margin-right: 15px;
  font-size: 19px;
}
.form-40 span {
  font-size: 14px;
  display: block;
  font-style: italic;
  margin-top: 10px;
}
.form-40 * {
  width: 100%;
  margin-bottom: 20px;
  outline: none;
  font-family: helvetica;
  font-weight: 300;
}
.form-40 *:last-child {
  margin-bottom: 0;
}
.form-40 input {
  padding: 4px;
}
.form-40 input[type=submit] {
  background: #f47d30;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  font-size: 17px;
  padding: 5px;
  -webkit-transition: background 0.3s ease;
}
.form-40 input[type=submit]:hover {
  background: #837970;
}
.form-40 h3 {
  margin-bottom: 40px;
}
.form-40-contact {
  display: none;
}
.form-40 .form-40-contact * {
  width: 49.5%;
}
.form-40 .form-40-contact *:first-child {
  margin-right: 1%;
}
.form-40 h4 {
  color: #f47d30;
  font-size: 25px;
  font-weight: 500;
  display: none;
}
.form-40 textarea {
  border: 1px solid #ccc;
  height: 120px;
  padding: 5px;
}
.form-40 #no-vote {
  height: 0.1px;
  width: 0.1px;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  border: 0;
  position: absolute;
}
.form-oscarshorts {
  border: 4px solid #ccc;
  padding: 35px;
  font-weight: 300;
  margin-right: 15px;
  font-size: 19px;
}
.form-oscarshorts span {
  font-size: 14px;
  display: block;
  font-style: italic;
  margin-top: 10px;
}
.form-oscarshorts * {
  width: 100%;
  margin-bottom: 20px;
  outline: none;
  font-family: helvetica;
  font-weight: 300;
}
.form-oscarshorts *:last-child {
  margin-bottom: 0;
}
.form-oscarshorts input {
  padding: 4px;
}
.form-oscarshorts input[type=submit] {
  background: #f47d30;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  font-size: 17px;
  padding: 5px;
  -webkit-transition: background 0.3s ease;
}
.form-oscarshorts input[type=submit]:hover {
  background: #837970;
}
.form-oscarshorts h3 {
  margin-bottom: 40px;
}
.form-oscarshorts-contact {
  display: none;
}
.form-oscarshorts .form-oscarshorts-contact * {
  width: 49.5%;
}
.form-oscarshorts .form-oscarshorts-contact *:first-child {
  margin-right: 1%;
}
.form-oscarshorts h4 {
  color: #f47d30;
  font-size: 25px;
  font-weight: 500;
  display: none;
}
.form-oscarshorts textarea {
  border: 1px solid #ccc;
  height: 120px;
  padding: 5px;
}
.form-oscarshorts #no-vote {
  height: 0.1px;
  width: 0.1px;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  border: 0;
  position: absolute;
}
#cronenberg--wrap {
  background-color: #000;
}
#cronenberg--wrap h2 {
  color: #ffffff;
  font-weight: 200;
}
#cronenberg--wrap a {
  color: #db372e;
}
#cronenberg--wrap a:hover,
#cronenberg--wrap a:focus {
  color: #ffffff;
}
#cronenberg--wrap select {
  background-color: white;
  margin-bottom: 20px;
  color: black;
}
#cronenberg--wrap .btn {
  color: #ffffff;
}
#cronenberg--wrap .container {
  color: #fff;
  margin-bottom: 50px;
}
#cronenberg--wrap .cronenberg--inner {
  margin: 0 auto;
  max-width: 960px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #cronenberg--wrap .box-lay-4__nav {
    margin: 5px 0 40px 0;
  }
}
@media (min-width: 1024px) {
  #cronenberg--wrap .box-lay-4__nav {
    margin: 7px 0 40px 0;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  #cronenberg--wrap .box-lay-4__nav li {
    background-image: none;
    border-left: none;
    display: block;
    padding: 5px 0;
    border-bottom: 4px solid #c3c3c3;
  }
}
@media (min-width: 768px) {
  #cronenberg--wrap .box-lay-4__nav li {
    border-left: none;
    padding: 8px 0;
    background-image: url("http://s3.amazonaws.com/content.tiff.net/website-ui/images/cronenberg/menu_border.png");
    background-position: right;
    background-repeat: no-repeat;
    font-size: 11px;
  }
}
@media (min-width: 1024px) {
  #cronenberg--wrap .box-lay-4__nav li {
    font-size: 15px;
  }
}
#cronenberg--wrap .box-lay-4__nav li a {
  color: #fff;
  text-transform: uppercase;
}
@media (min-width: 0px) and (max-width: 767px) {
  #cronenberg--wrap .box-lay-4__nav li a {
    margin-left: 0;
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #cronenberg--wrap .box-lay-4__nav li a {
    font-size: 12px;
  }
}
#cronenberg--wrap .box-lay-4__nav li a:hover {
  color: #db372e;
}
#cronenberg--wrap .box-lay-4__nav .box-lay-4__noborder {
  border: none;
}
@media (min-width: 0px) and (max-width: 767px) {
  #cronenberg--wrap .box-lay-4__nav .box-lay-4__noborder {
    border-bottom: 4px solid #c3c3c3;
  }
}
#cronenberg--wrap .box-lay-5 {
  margin-bottom: 30px;
}
#cronenberg--wrap .box-lay-5 a:hover .box-lay-5--title {
  color: #db372e;
}
#cronenberg--wrap .box-lay-5 a:hover img {
  border: 1px solid #db372e;
}
#cronenberg--wrap .box-lay-5 img {
  border: 1px solid #ffffff;
}
#cronenberg--wrap .box-lay-5--title {
  color: #fff;
  font-weight: 300;
}
#cronenberg--wrap #sidebar .divider {
  padding-bottom: 10px;
  border-bottom: 4px solid #db372e;
}
#cronenberg--wrap #sidebar h3 {
  color: red;
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 4px solid #db372e;
  margin-bottom: 20px;
}
#cronenberg--wrap .sched--cronexhibit {
  font-size: 13px;
  margin-bottom: 20px;
}
#cronenberg--wrap .bordered-links {
  padding: 0;
}
#cronenberg--wrap .bordered-links li {
  border-bottom: 4px solid #db372e;
  list-style: none;
  margin-top: 5px;
  padding: 5px 0;
}
#cronenberg--wrap .bordered-links a {
  color: #fff;
  font-size: 16px;
  line-height: 1;
}
#cronenberg--wrap .bordered-links .bordered-links--border-top {
  border-top: 4px solid #db372e;
  padding: 9px 0;
}
#cronenberg--wrap .cronenberg--visitors td {
  vertical-align: top;
}
#cronenberg--footer {
  background-color: #000;
}
#cronenberg--footer .container {
  background-color: #000;
}
.kubrick__exhibit--2014 h2 {
  color: #ed1c24;
}
.kubrick__exhibit--2014 .btn {
  background: #ed1c24;
}
.kubrick__exhibit--2014 .btn:hover,
.kubrick__exhibit--2014 .btn:focus {
  background: #ed1c24;
}
.kubrick__exhibit--2014 .quote {
  color: #ed1c24;
  font-size: 18px;
}
.kubrick__exhibit--2014 .inset_img {
  margin-bottom: 15px;
  margin-left: 15px;
}
@media (min-width: 768px) {
  .kubrick__exhibit--2014 .inset_img {
    float: right;
  }
}
/*  - - - OFS Responsive Widths - - - */
/* - - - Sticky Nav - - - */
html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.ofs-heading {
  font-size: 30px;
}
@media (max-width:767px) {
  .ofs-heading {
    font-size: 20px;
  }
}
.ofs-wrap {
  background: #eae8e7;
  padding: 10px 0 10px 0;
  margin-bottom: 10px;
  z-index: 800;
}
@media (max-width:767px) {
  .ofs-wrap {
    padding: 10px 0 15px 0;
    z-index: 1;
  }
}
.ofs-wrap.stuck {
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 800;
}
@media (max-width:767px) {
  .ofs-wrap.stuck {
    position: relative;
    top: -10px;
  }
}
.ofs-wrap.stuck .programmesChecks,
.ofs-wrap.stuck .panel-body,
.ofs-wrap.stuck #programmesPanel {
  z-index: 800;
}
/* - - - Sticky Grid Labels - - - */
.venueRoom {
  position: absolute;
  width: 100px;
  background: #eae8e7;
  color: #666;
  height: 100%;
  left: 0px;
  margin-top: -5px;
  z-index: 500;
  border-bottom: 1px solid #fff;
}
.venueRoom p {
  margin: 3px;
  font-size: 12px;
  margin: 0px 5px;
  font-weight: 500;
  display: table;
  height: 100%;
}
.venueRoom p span {
  display: table-cell;
  vertical-align: middle;
}
/* - - - All styles wrapped in OFS-CONTAINER - - - */
.ofs-container {
  margin-top: 0px!important;
  position: relative;
  background-color: transparent;
  /* - - - Main Styles - - - */
  /* - - - Icons - - - */
  /* - - - Checkboxes (iCHECK) - - - */
  /* - - - OFS Top Nav - - - */
  /*  - - - Loading State Styles / Error Msg'ing - - - */
  /*  - - - OFS Modal Styles - - - */
  /*  - - - OFS Panel Header styles - - - */
  /*  - - - OFS Grid view styles - - - */
  /*  - - - OFS List view styles - - - */
  /*- - -  Labels (OFS STATUS) & Industry Labels - - - */
  /* 
------------------------------------------------------------------------------------------------------------------------
Custom Scroll 
------------------------------------------------------------------------------------------------------------------------
*/
  /* non-visible scrollbar */
  /* RTL direction/left-side scrollbar */
  /* scrollbar position: outside */
  /* RTL direction/left-side scrollbar (scrollbar position: outside) */
  /* non-visible scrollbar */
  /* scrollbar position: outside */
  /* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
}
.ofs-container .sticky-wrapper {
  z-index: 800;
}
.ofs-container .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.55s ease;
  transition: height 0.55s ease;
}
.ofs-container .btn {
  background: #837970;
  color: #fff;
  border-radius: 0px;
}
.ofs-container .btn-ofsActive {
  background: #f47d30;
}
.ofs-container .side__select {
  background: none;
}
.ofs-container .side__select select {
  border-radius: 0px;
  z-index: 999;
  background: #ffffff url('/OFS/img/ddl-arrow-ofs@2x.png') no-repeat right;
  border: 1px solid #c3c3c3;
  color: #000;
}
@media (min-width:1280px) {
  .ofs-container .side__select select {
    padding: 5px 100px 5px 15px;
    font-size: 15px;
    height: 40px;
    background-size: 40px 40px;
  }
}
@media (min-width:768px) and (max-width:1023px), (min-width:1024px) and (max-width:1279px) {
  .ofs-container .side__select select {
    font-size: 14px;
    padding: 6px 64px 8px 15px;
    height: 40px;
    background-size: 40px 40px;
  }
}
@media (max-width:767px) {
  .ofs-container .side__select select {
    height: 37px;
    font-size: 16px;
    margin-bottom: 10px;
    background-size: 35px 35px;
    padding: 6px 71px 5px 10px;
  }
}
@-moz-document url-prefix() {
  .ofs-container .side__select select {
    border-radius: 0px;
    background: #ffffff url('/OFS/img/ddl-arrow-ofs@2x.png') no-repeat right 18px top !important;
    background-size: 40px 40px!important;
    z-index: 999;
  }
  @media (min-width:1280px) {
    .ofs-container .side__select select {
      padding: .5em;
    }
  }
  @media (min-width:768px) and (max-width:1023px), (min-width:1024px) and (max-width:1279px) {
    .ofs-container .side__select select {
      padding: .5em;
    }
  }
  @media (max-width:767px) {
    .ofs-container .side__select select {
      padding: .5em;
    }
  }
  .ofs-container .side__select:before {
    background-color: #EAE8E7;
    /* this is necessary for overcome the caret default browser */
    pointer-events: none;
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
    z-index: 1;
    /* this is necessary for overcome the pseudo element */
  }
}
.ofs-container .ofs-icon-lg {
  display: inline-block;
  background-image: url('/OFS/img/sprite_desktop.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .ofs-container .ofs-icon-lg {
    background-image: url("/OFS/img/sprite_desktop@2x.png");
    background-size: 301px 35px;
  }
}
.ofs-container .ofs-icon-sm {
  background-image: url('/OFS/img/sprite_mobile.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .ofs-container .ofs-icon-sm {
    background-image: url("/OFS/img/sprite_mobile@2x.png");
    background-size: 224px 35px;
  }
}
.ofs-container .ofsMapMarker {
  height: 30px;
  width: 22px;
  background-position: 78px 2px;
  vertical-align: middle;
  margin-top: -8px;
}
@media (max-width:767px) {
  .ofs-container .ofsMapMarker {
    height: 25px;
    width: 17px;
    background-size: 224px, 35px;
    background-position: 281px 0px;
    margin-top: 0px;
  }
}
.ofs-container .ofsAccordionArrow-open {
  background-position: 100px -1px;
  display: inline-block;
  background-image: url('/OFS/img/sprite_desktop.png');
  height: 26px;
  width: 26px;
  border-radius: 0px;
  margin-top: -3px;
  vertical-align: middle;
  opacity: .5;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .ofs-container .ofsAccordionArrow-open {
    background-image: url("/OFS/img/sprite_desktop@2x.png");
    background-size: 301px 35px;
  }
}
@media (max-width:767px) {
  .ofs-container .ofsAccordionArrow-open {
    margin-top: 5px;
    margin-left: 5px;
    height: 26px;
    width: 26px;
    background-position: 105px -3px;
  }
}
.ofs-container .ofsAccordionArrow-closed {
  background-position: 123px -2px;
  display: inline-block;
  background-image: url('/OFS/img/sprite_desktop.png');
  height: 26px;
  width: 26px;
  border-radius: 0px;
  margin-top: -3px;
  vertical-align: middle;
  opacity: .5;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .ofs-container .ofsAccordionArrow-closed {
    background-image: url("/OFS/img/sprite_desktop@2x.png");
    background-size: 301px 35px;
  }
}
@media (max-width:767px) {
  .ofs-container .ofsAccordionArrow-closed {
    margin-top: 5px;
    margin-left: 5px;
    height: 26px;
    width: 26px;
    background-position: 124px -3px;
  }
}
.ofs-container .programmesCloseIcon {
  background-position: 180px 0px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin-top: -7px;
  margin-right: -5px;
}
@media (max-width:767px) {
  .ofs-container .programmesCloseIcon {
    margin-top: -10px;
  }
}
.ofs-container .gridIcon {
  background-position: 274px -1px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin-right: 3px;
}
.ofs-container .listIcon {
  background-position: 240px -1px;
  height: 30px;
  width: 30px;
  margin-right: 3px;
  vertical-align: middle;
}
.ofs-container .closeAccordionIcon {
  background-position: 262px -4px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
}
.ofs-container .filterPipe {
  width: 5px;
  display: inline-block;
  height: 20px;
  margin-right: 4px;
  vertical-align: top;
  margin-bottom: -1px;
}
.ofs-container .cwc-label {
  width: 150px;
  display: inline-block;
  line-height: 1.2;
}
@media (max-width:767px) {
  .ofs-container .cwc-label {
    width: auto;
  }
}
.ofs-container .icheckbox {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url('/OFS/img/checkbox_bg@2x.png');
  background-size: 17px 17px;
  border: none;
  cursor: pointer;
  vertical-align: top;
  margin-right: 10px;
}
.ofs-container .icheckbox.checked {
  background: url('/OFS/img/checkbox_fill@2x.png');
  display: inline-block;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
}
.ofs-container .labelChecked {
  font-weight: 700;
}
.ofs-container .focus-icheck {
  color: #f47d30;
}
.ofs-container .ofsNav-label {
  display: none;
  font-size: 12px;
  margin-bottom: 0px;
}
@media (max-width:767px) {
  .ofs-container .ofsNav-label {
    display: block;
  }
}
.ofs-container #programmesPanel {
  z-index: 900;
}
@media (min-width:1280px) {
  .ofs-container #programmesPanel {
    width: 1240px;
  }
}
.ofs-container #programmesPanel #programmesClear {
  text-decoration: underline;
  margin-top: 20px;
}
@media (max-width:767px) {
  .ofs-container #programmesPanel #programmesClear {
    margin-right: 10px;
  }
}
.ofs-container #programmesPanel #programmesApply {
  font-size: 17px;
  padding: 8px 30px;
  line-height: 1;
}
@media (max-width:767px) {
  .ofs-container #programmesPanel #programmesApply {
    font-size: 15px;
    padding: 8px 25px;
    margin-bottom: 15px;
    margin-left: 20px;
  }
}
.ofs-container #programmesPanel .programmesChecks {
  margin-bottom: 20px;
}
@media (min-width:1280px) {
  .ofs-container #programmesPanel .programmesChecks {
    -webkit-column-count: 5;
    /* Chrome, Safari, Opera */
    -moz-column-count: 5;
    /* Firefox */
    column-count: 5;
    -webkit-column-gap: 20px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 20px;
    /* Firefox */
    column-gap: 20px;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container #programmesPanel .programmesChecks {
    -webkit-column-count: 4;
    /* Chrome, Safari, Opera */
    -moz-column-count: 4;
    /* Firefox */
    column-count: 4;
    -webkit-column-gap: 20px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 20px;
    /* Firefox */
    column-gap: 20px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container #programmesPanel .programmesChecks {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
    -webkit-column-gap: 20px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 20px;
    /* Firefox */
    column-gap: 20px;
  }
}
@media (max-width:767px) {
  .ofs-container #programmesPanel .programmesChecks {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
    width: 100%;
    border-top: 2px solid #fff;
  }
  .ofs-container #programmesPanel .programmesChecks .checkbox:nth-of-type(even) {
    background: #f9f9f9;
  }
}
@media (min-width:768px) and (max-width:1023px), (min-width:1024px) and (max-width:1279px), (min-width:1280px) {
  .ofs-container #programmesPanel .checkbox,
  .ofs-container #programmesPanel .checkbox + .checkbox {
    margin-top: 0px;
    margin-bottom: 11px;
    padding-left: 0px;
    font-size: 13px;
  }
}
@media (max-width:767px) {
  .ofs-container #programmesPanel .checkbox,
  .ofs-container #programmesPanel .checkbox + .checkbox {
    padding: 4px 10px 7px 10px;
    margin: 0px;
    font-size: 13px;
  }
}
.ofs-container #toggleViews {
  padding-left: 0px;
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container #toggleViews {
    margin-left: -20px;
    padding-right: 0px;
  }
}
.ofs-container #toggleViews .nav-tabs {
  border-bottom: 0px;
}
.ofs-container #toggleViews .btn {
  font-weight: 100;
  margin-left: 5px;
}
@media (min-width:1280px) {
  .ofs-container #toggleViews .btn {
    font-size: 14px;
    padding: 4px 6px 4px 6px;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container #toggleViews .btn {
    font-size: 14px;
    padding: 4px 6px 4px 6px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container #toggleViews .btn {
    padding: 4px 4px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container #toggleViews .toggleText {
    display: none;
  }
}
.ofs-container #toggleViews .nav-tabs > li > a {
  border-radius: 0px;
}
.ofs-container #toggleViews .nav-tabs > li.active > a,
.ofs-container #toggleViews .nav-tabs > li.active > a:hover,
.ofs-container #toggleViews .nav-tabs > li.active > a:focus {
  background: #f47d30;
  color: #fff;
}
.ofs-container #toggleViews .nav > li > a:hover,
.ofs-container #toggleViews .nav > li > a:active {
  text-decoration: none;
  border: 1px solid transparent;
  background-color: #837970;
}
.ofs-container #toggleViews .nav > li > a:focus {
  background-color: #f47d30;
}
@media (max-width:767px) {
  .ofs-container .toggleCategories #toggleCategory {
    margin-bottom: 10px;
    width: 100%;
  }
}
.ofs-container .toggleCategories #toggleCategory .btn {
  font-weight: 100;
}
@media (min-width:1280px) {
  .ofs-container .toggleCategories #toggleCategory .btn {
    font-size: 14px;
    padding: 9px 26px;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container .toggleCategories #toggleCategory .btn {
    font-size: 14px;
    padding: 9px 15px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .toggleCategories #toggleCategory .btn {
    font-size: 14px;
    padding: 8px 10px;
  }
}
@media (max-width:767px) {
  .ofs-container .toggleCategories #toggleCategory .btn {
    font-size: 14px;
    width: 100%;
    margin-bottom: 5px;
  }
}
.ofs-container .ofsLoadingMsg {
  position: absolute;
  z-index: 999;
  margin: 0px auto;
  padding: 20px;
  width: 100%;
  text-align: center;
  padding: 100px 0;
}
.ofs-container .ofsLoadingMsg .ofsLoadingText {
  background: #fff;
  height: 100%;
  border: 0px;
  width: 400px;
  margin: 0 auto;
  padding: 25px 0;
  border-radius: none;
  border: 1px solid #ccc;
}
@media (max-width:767px) {
  .ofs-container .ofsLoadingMsg .ofsLoadingText {
    width: 100%;
    height: 120px;
    padding: 15px 0 50px 0;
    border: none;
  }
}
.ofs-container .ofsLoadingMsg p {
  font-size: 22px;
  font-weight: 700;
  color: #666666;
  text-transform: uppercase;
}
@media (max-width:767px) {
  .ofs-container .ofsLoadingMsg p {
    font-size: 22px;
    font-weight: 500;
  }
}
.ofs-container .ofsLoadingMsg img {
  width: 64px;
  height: 64px;
}
@media (max-width:767px) {
  .ofs-container .ofsLoadingMsg img {
    width: 32px;
    height: 32px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .ofsLoadingMsg {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .ofs-container .ofsLoadingMsg {
    margin-left: -10px;
    padding-top: 200px;
    font-size: 14px;
  }
}
.ofs-container .ofsNoDatagMsg {
  color: #666666;
  max-width: 1280px;
  font-size: 25px;
  font-style: italic;
  font-weight: 100;
  margin: 50px 0;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 0px;
}
.ofs-container .ofsNoDatagMsg p {
  left: -50%;
  position: relative;
}
@media (max-width:767px) {
  .ofs-container .ofsNoDatagMsg {
    font-size: 14px;
    margin: 10px 0;
  }
}
@media (min-width:1280px) {
  .ofs-container .modal-dialog {
    width: 620px;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container .modal-dialog {
    width: 600px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .modal-dialog {
    width: 500px;
  }
}
.ofs-container .ofsModal .modal-header {
  border: 0px;
  position: absolute;
  right: 0px;
  z-index: 9999;
  padding: 5px;
}
.ofs-container .ofsModal .modal-footer {
  border: 0px;
  padding: 0px;
}
.ofs-container .ofsModal .modal-closeIcon {
  width: 30px;
  height: 30px;
  background-position: 50px 0px;
  opacity: 1;
}
.ofs-container .ofsModal .modal-body {
  padding: 0px;
}
.ofs-container .ofsModal .modal-content {
  border-radius: 0px;
}
@media (min-width:1280px) {
  .ofs-container .ofsModal .modal-content {
    width: 620px;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container .ofsModal .modal-content {
    width: 600px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .ofsModal .modal-content {
    width: 500px;
  }
}
.ofs-container .ofsModal .modal-programme {
  margin: 0;
}
.ofs-container .ofsModal .modal-programme span {
  width: 100%;
  border: 0px;
  margin: 0px;
  height: 10px;
  display: block;
}
.ofs-container .ofsModal .modal-programme-second {
  margin-top: 4px!important;
}
.ofs-container .ofsModal .modal-Directors {
  color: #666;
  display: block;
  margin-bottom: 10px;
}
@media (min-width:1280px) {
  .ofs-container .ofsModal .modal-Directors {
    font-size: 16px;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container .ofsModal .modal-Directors {
    font-size: 15px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .ofsModal .modal-Directors {
    font-size: 14px;
  }
}
.ofs-container .ofsModal .modal-filmInfo {
  padding: 20px 30px 45px 30px;
}
.ofs-container .ofsModal .modal-filmInfo h2 {
  color: #000;
  margin-bottom: 5px;
  line-height: 1;
}
@media (min-width:1280px) {
  .ofs-container .ofsModal .modal-filmInfo h2 {
    font-size: 38px;
    margin-bottom: 10px;
    line-height: 1.1;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container .ofsModal .modal-filmInfo h2 {
    font-size: 30px;
    line-height: 1;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .ofsModal .modal-filmInfo h2 {
    font-size: 24px;
    line-height: 1;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .ofsModal .modal-filmInfo {
    padding: 20px 25px 35px 25px;
  }
}
.ofs-container .ofsModal .modal-filmInfoDetails {
  padding-left: 0;
}
.ofs-container .ofsModal .modal-filmInfoDetails li {
  display: inline-block;
  color: #666666;
  font-weight: 500;
  padding: 0 10px 0 10px;
  border-right: 1px solid #c3c3c3;
  line-height: 1;
}
.ofs-container .ofsModal .modal-filmInfoDetails li a {
  text-decoration: underline;
}
@media (min-width:1280px) {
  .ofs-container .ofsModal .modal-filmInfoDetails li {
    font-size: 16px;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container .ofsModal .modal-filmInfoDetails li {
    font-size: 15px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .ofsModal .modal-filmInfoDetails li {
    font-size: 14px;
  }
}
.ofs-container .ofsModal .modal-filmInfoDetails li:first-child {
  padding-left: 0px;
  text-transform: lowercase;
}
.ofs-container .ofsModal .modal-filmInfoDetails li:last-child {
  border: none;
}
.ofs-container .ofsModal .modal-filmInfoContent a {
  text-decoration: underline;
}
@media (min-width:1280px) {
  .ofs-container .ofsModal .modal-filmInfoContent {
    font-size: 16px;
    line-height: 1.6;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container .ofsModal .modal-filmInfoContent {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .ofsModal .modal-filmInfoContent {
    font-size: 14px;
    line-height: 1.6;
  }
}
.ofs-container .ofsModal img {
  display: table-cell;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.ofs-container .modal-dialog-center {
  /* Edited classname 10/03/2014 */
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}
.ofs-container #progCount {
  color: #666666;
  font-weight: 100;
}
@media (max-width:767px) {
  .ofs-container #progCount.progCount-hidden-xs {
    display: none;
  }
}
@media (max-width:767px) {
  .ofs-container .accordionToggle {
    float: right;
  }
}
.ofs-container .venue {
  margin-bottom: 15px;
}
@media (max-width:767px) {
  .ofs-container .venue {
    border-left: none;
    border-right: none;
  }
}
.ofs-container .panel-group .panel {
  box-shadow: none;
  border-radius: 0;
}
.ofs-container .panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top: 0px;
}
.ofs-container .panel-default.venue > .panel-heading {
  background: #000;
  color: #fff;
  padding: 9px 10px 7px 10px;
  border-radius: 0px;
  min-height: 40px;
}
@media (max-width:767px) {
  .ofs-container .panel-default.venue > .panel-heading {
    padding: 5px 10px 10px 10px;
    min-height: 50px;
  }
}
.ofs-container .panel-default.venue > .panel-heading h2 {
  color: #fff;
  font-size: 15px;
}
@media (max-width:767px) {
  .ofs-container .panel-default.venue > .panel-heading h2 {
    font-size: 17px;
    line-height: 1;
    vertical-align: bottom;
  }
}
.ofs-container .panel-default.venue > .panel-heading h2 a {
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
}
.ofs-container .panel-default.venue > .panel-heading h2 a:hover,
.ofs-container .panel-default.venue > .panel-heading h2 a:active {
  color: #fff;
}
.ofs-container .panel-default.venue > .panel-heading h2 a:focus {
  color: #f47d30;
}
@media (max-width:767px) {
  .ofs-container .panel-default.venue > .panel-heading h2 a {
    display: inline;
  }
}
.ofs-container .panel-default.venue > .panel-heading .itemCount {
  font-weight: 100;
  font-size: 15px;
  padding: 4px 5px;
  color: #eae8e7;
}
@media (min-width:768px) and (max-width:1023px), (min-width:1024px) and (max-width:1279px), (min-width:1280px) {
  .ofs-container .panel-default.venue > .panel-heading .itemCount {
    text-align: right;
    margin-top: -28px;
    display: block;
  }
  .ofs-container .panel-default.venue > .panel-heading .itemCount em {
    vertical-align: top;
    display: inline-block;
    margin-top: 0px;
    visibility: hidden;
  }
}
@media (max-width:767px) {
  .ofs-container .panel-default.venue > .panel-heading .itemCount {
    display: block;
    font-size: 13px;
    padding: 0;
  }
}
.ofs-container .gridTimes {
  height: 26px;
  padding-left: 100px;
  width: 3900px;
  overflow: hidden;
  color: #666666;
  font-size: 13px;
  border-bottom: 1px solid #c3c3c3;
}
.ofs-container .gridTimes .gridTime {
  width: 190px;
  padding-left: 4px;
}
.ofs-container .gridTimes .gridTime span {
  font-size: 13px;
  line-height: 26px;
}
.ofs-container .gridTime-hidden {
  visibility: hidden;
}
.ofs-container .venuePanel {
  padding: 0px;
}
.ofs-container .filmRow {
  clear: both;
  position: relative;
  padding: 5px 0;
  min-height: 105px;
  width: 3900px;
  padding-left: 100px;
  background: url("/OFS/img/panel_bg_sm.png") 100px 0 repeat;
}
.ofs-container .filmGridBox {
  cursor: pointer;
  background: #fff;
  border: 1px solid #c3c3c3;
  box-shadow: 1px 1px 1px #c3c3c3;
  display: inline-block;
  padding: 5px 25px 7px 15px;
  position: absolute;
  left: 240px;
  width: 500px;
  height: auto;
  z-index: 500;
  margin-top: 3px;
}
.ofs-container .filmGridBox .filmTitle {
  display: inline-block;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
}
.ofs-container .filmGridBox .filmDetails {
  padding-left: 0;
  margin-bottom: 0;
}
.ofs-container .filmGridBox .filmDetails li {
  display: inline;
  color: #666666;
  font-weight: 500;
  padding: 0 10px 0 10px;
  font-size: 13px;
  line-height: 1;
  border-right: 1px solid #c3c3c3;
}
.ofs-container .filmGridBox .filmDetails li:first-child {
  padding-left: 0px;
}
.ofs-container .filmGridBox .filmDetails li:last-child {
  border: none;
}
.ofs-container .filmGridBox .filmDetails .film-schedtime {
  text-transform: lowercase;
}
.ofs-container .filmGridBox .filmProgramme {
  display: block;
}
.ofs-container .filmGridBox .filmDirectors {
  color: #666;
  font-size: 13px;
}
.ofs-container .filmGridBox .gridbox-prog {
  padding: 0 4px;
  width: 5px;
  display: block;
  position: absolute;
  margin-top: -10px;
  margin-bottom: 0;
  margin-left: -16px;
  height: 150%;
}
.ofs-container .filmGridBox .gridbox-prog2 {
  padding: 0 4px;
  width: 5px;
  display: block;
  position: absolute;
  margin-top: -10px;
  margin-bottom: 0;
  margin-left: -15px;
  height: 150%;
}
.ofs-container .truncateTitle {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-container .listFilms {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0px;
}
.ofs-container .listFilms li {
  cursor: pointer;
  width: 100%;
  line-height: 20px;
  display: block;
  clear: both;
  position: relative;
}
@media (max-width:767px) {
  .ofs-container .listFilms li {
    line-height: 18px;
  }
}
.ofs-container .listFilms li:nth-of-type(even) {
  background: #f9f9f9;
}
@media (max-width:767px) {
  .ofs-container .listFilms li:nth-of-type(even) {
    background: #f2f2f2;
  }
}
.ofs-container .listFilms span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
}
@media (min-width:1280px) {
  .ofs-container .listFilms span {
    padding: 7px 10px;
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ofs-container .listFilms span {
    padding: 7px 10px;
    font-size: 13px;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .listFilms span {
    padding: 7px 5px;
    font-size: 13px;
  }
}
@media (max-width:767px) {
  .ofs-container .listFilms span {
    padding: 0px 5px 6px 5px;
    font-size: 13px;
  }
}
.ofs-container .listFilms .listFilmTime {
  width: 11%;
  text-align: right;
  text-transform: lowercase;
  color: #717171;
}
@media (max-width:767px) {
  .ofs-container .listFilms .listFilmTime {
    width: 24%;
    text-align: left;
    color: #000;
    vertical-align: top;
    padding-bottom: 0px;
    padding-top: 8px;
    padding-left: 15px;
    text-transform: lowercase;
  }
}
@media (min-width:1280px) {
  .ofs-container .listFilms .listFilmTime {
    font-size: 15px;
    width: 9%;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .listFilms .listFilmTime {
    width: 12%;
  }
}
.ofs-container .listFilms .listFilmTitle {
  width: 60%;
  font-weight: 700;
  color: #000;
  border-left: 1px solid #c3c3c3;
}
@media (max-width:767px) {
  .ofs-container .listFilms .listFilmTitle {
    width: 70%;
    padding: 8px 5px 0px 5px;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 2px;
    border-left: none;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .listFilms .listFilmTitle {
    width: 50%;
    padding: 10px;
  }
}
@media (min-width:1024px) and (max-width:1279px), (min-width:1280px) {
  .ofs-container .listFilms .listFilmTitle {
    width: 60%;
    font-size: 14px;
  }
}
.ofs-container .listFilms .programme-button {
  margin: 0px;
  width: 10px;
  border: none;
  height: 100%;
  position: absolute;
  float: left;
  padding: 0 3px;
}
@media (max-width:767px) {
  .ofs-container .listFilms .programme-button {
    width: 3px;
  }
}
.ofs-container .listFilms .programme-button2 {
  margin: 0px;
  width: 10px;
  border: none;
  height: 100%;
  position: absolute;
  float: left;
  left: 13px;
  padding: 0 3px;
}
@media (max-width:767px) {
  .ofs-container .listFilms .programme-button2 {
    width: 3px;
    left: 6px;
  }
}
.ofs-container .listFilms .list-prog {
  display: inline-block;
}
@media (max-width:767px) {
  .ofs-container .listFilms .list-prog {
    display: none;
  }
}
.ofs-container .listFilms .listFilmProg {
  width: 10%;
  padding: 0px;
}
@media (max-width:767px) {
  .ofs-container .listFilms .listFilmProg {
    margin-left: 25%;
    margin-right: 2px;
    width: auto;
  }
}
.ofs-container .listFilms .listFilmDur {
  width: 10%;
  color: #717171;
}
@media (max-width:767px) {
  .ofs-container .listFilms .listFilmDur {
    width: auto;
    margin-left: 24%;
  }
}
.ofs-container .listFilms .listFilmCost {
  max-width: 10%;
  color: #717171;
}
@media (max-width:767px) {
  .ofs-container .listFilms .listFilmCost {
    width: auto;
    float: none;
    border-left: 1px solid #d0d0d0;
    padding-bottom: 0px;
    vertical-align: top;
    line-height: 1;
    margin-top: 3px;
    max-width: 100%;
  }
}
.ofs-container .listFilms .listFilmAccordion {
  border-bottom: 1px solid #dddddd;
  border-top: 0px;
}
.ofs-container .listFilms .listFilmAccordion .panel-body {
  border-top: 0px;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  padding-left: 15px;
}
.ofs-container .ofsExt {
  margin-top: -6px;
  display: inline-block;
  vertical-align: bottom;
  height: 20px;
  width: 40px;
}
.ofs-container .ofsExtList {
  padding: 0px!important;
  width: 40px;
}
.ofs-container #ofs-private-label {
  visibility: hidden;
}
.ofs-container .ofs-status {
  position: absolute;
  right: 0px;
  height: 150px;
  width: 62px;
  font-size: 11px;
  height: auto;
  padding: 2px;
  display: block;
  z-index: 999;
  bottom: 0px;
  color: #fff;
  text-transform: uppercase;
}
.ofs-container .ofs-label {
  position: absolute;
  right: 0px;
  height: 100%;
  min-height: 70px;
  width: 20px;
  display: block;
  z-index: 999;
  top: 0px;
  margin-top: 0px;
  color: #000;
  text-transform: uppercase;
}
.ofs-container .ofs-label .statusText {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 50%;
  right: 0px;
  font-size: 11px;
}
.ofs-container .ofs-label-secondary {
  position: absolute;
  right: 20px;
  height: 100%;
  min-height: 70px;
  width: 20px;
  display: block;
  z-index: 999;
  top: 0px;
  margin-top: 0px;
  color: #000;
  text-transform: uppercase;
}
.ofs-container .ofs-label-secondary .statusText {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 50%;
  right: 0px;
  font-size: 11px;
}
.ofs-container .ofs-status-draft {
  background: #f0ad4e;
  color: #fff;
}
.ofs-container .ofs-status-live {
  background: #5cb85c;
}
.ofs-container .ofs-label-private {
  color: #585858;
  border-left: 1px solid #c3c3c3;
}
.ofs-container .ofs-label-private .statusText {
  top: 57%;
}
.ofs-container .ofs-label-industry {
  background: #e8e8e8;
  color: #000;
  border-left: 1px solid #c3c3c3;
}
.ofs-container .ofs-label-industry .statusText {
  top: 63%;
}
.ofs-container .ofs-label-pi {
  color: #000;
  border-left: 1px solid #c3c3c3;
}
.ofs-container .ofs-label-pi .statusText {
  top: 40%;
}
.ofs-container .ofs-label-priority {
  color: #fff;
  background: #000;
  border-left: 1px solid #000;
}
.ofs-container .ofs-label-priority .statusText {
  top: 60%;
}
.ofs-container .ofs-label-list {
  position: absolute;
  right: 0px;
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 72px;
  border: none;
}
.ofs-container .ofs-label-list .statusText {
  padding: 0px;
  text-transform: uppercase;
  font-size: 11px;
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .ofs-label-list .statusText {
    padding-top: 4px;
  }
}
@media (max-width:767px) {
  .ofs-container .ofs-label-list .statusText {
    display: none!important;
  }
}
.ofs-container .ofs-label-list-secondary {
  position: absolute;
  right: 72px;
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 72px;
  border: none;
}
.ofs-container .ofs-label-list-secondary .statusText {
  padding: 0px;
  text-transform: uppercase;
  font-size: 11px;
}
@media (min-width:768px) and (max-width:1023px) {
  .ofs-container .ofs-label-list-secondary .statusText {
    padding-top: 4px;
  }
}
@media (max-width:767px) {
  .ofs-container .ofs-label-list-secondary .statusText {
    display: none!important;
  }
}
.ofs-container .ofs-label-list.ofs-label-industry {
  background: none;
}
.ofs-container .ofs-label-list.ofs-label-priority {
  background: none;
}
.ofs-container .ofs-status-list {
  color: #fff!important;
  text-transform: uppercase;
  font-size: 10px!important;
}
.ofs-container .ofs-status-list .statusText {
  padding: 0px;
}
@media (max-width:767px) {
  .ofs-container .ofs-status-list {
    display: none!important;
  }
}
.ofs-container #ofsNav #accordion-programmes {
  margin-top: 10px;
  z-index: 800;
}
@media (max-width:767px) {
  .ofs-container #ofsNav #accordion-programmes {
    margin-top: 0px;
  }
}
.ofs-container #ofsNav #accordion-programmes #openFilter {
  margin-top: -10px;
  border: 1px solid #837970;
  margin-left: -10px;
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 10px;
}
@media (max-width:767px) {
  .ofs-container #ofsNav #accordion-programmes #openFilter {
    float: right;
    height: 36px;
    margin-top: -8px;
    margin-right: -16px;
    width: 36px;
    font-size: 15px;
    line-height: 14px;
    padding-right: 0px;
    background-color: #837970;
    background-image: url('/OFS/img/sprite_mobile@2x.png');
    background-size: 224px 35px;
    background-position: 3px 0px;
  }
}
.ofs-container #ofsNav #accordion-programmes .openFilter-open {
  background-position: 121px 6px;
  background: url("/OFS/img/ddl-arrow-ofs@2x.png");
  background-size: 40px 40px;
  border-radius: 0px;
}
@media (max-width:767px) {
  .ofs-container #ofsNav #accordion-programmes .openFilter-open {
    background-position: 227px 0px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Opera, Chrome, and Safari */
  }
}
.ofs-container #ofsNav #accordion-programmes .openFilter-closed {
  background-position: 148px 6px;
  background: url("/OFS/img/arrow-ofs-190@2x.png");
  background-size: 40px 40px;
  border-radius: 0px;
}
@media (max-width:767px) {
  .ofs-container #ofsNav #accordion-programmes .openFilter-closed {
    background-position: 227px 0px;
    border-radius: 0px;
  }
}
.ofs-container #ofsNav #accordion-programmes .panel {
  border: none;
  border-radius: 0px;
}
@media (max-width:767px) {
  .ofs-container #ofsNav #accordion-programmes .panel {
    border-radius: 0px;
  }
}
.ofs-container #ofsNav #accordion-programmes .panel-body {
  padding: 20px 20px 15px 20px;
  width: 100%;
  margin-top: -1px;
  border: 1px solid #c3c3c3;
  border-radius: 0px;
}
@media (max-width:767px) {
  .ofs-container #ofsNav #accordion-programmes .panel-body {
    padding: 0px;
    border-top: 0px;
  }
}
.ofs-container #ofsNav #accordion-programmes .panel-group .panel {
  border-radius: 0px;
  margin-bottom: 0px;
}
@media (max-width:767px) {
  .ofs-container #ofsNav #accordion-programmes .panel-group .panel {
    box-shadow: none;
    border: none;
    border-radius: 0px;
  }
}
.ofs-container #ofsNav #accordion-programmes .panel-heading {
  background: #f6f6f6;
  border-radius: 0px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 11px;
}
.ofs-container #ofsNav #accordion-programmes .panel-heading h2 {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
}
@media (max-width:767px) {
  .ofs-container #ofsNav #accordion-programmes .panel-heading h2 {
    font-size: 16px;
    font-weight: normal;
  }
}
@media (max-width:767px) {
  .ofs-container #ofsNav #accordion-programmes .panel-heading {
    padding-top: 7px;
    background: #fff;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    padding-left: 10px;
    border: 1px solid #c3c3c3;
    box-shadow: none;
  }
}
.ofs-container #ofsNav #accordion-programmes .progPanelToggle {
  border-bottom: 1px solid transparent;
  border-radius: 0px;
}
.ofs-container .mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
  /* MSPointer events - direct all pointer events to js */
}
.ofs-container .mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}
.ofs-container .mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.ofs-container .mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
.ofs-container .mCSB_inside > .mCSB_container {
  margin-right: 30px;
}
.ofs-container .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
.ofs-container .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.ofs-container .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
.ofs-container .mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.ofs-container .mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
.ofs-container .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.ofs-container .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.ofs-container .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
.ofs-container .mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.ofs-container .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.ofs-container .mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.ofs-container .mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 27px;
  /* minimum dragger height */
  z-index: 1;
}
.ofs-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}
.ofs-container .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 27px;
}
.ofs-container .mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.ofs-container .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
.ofs-container .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 27px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.ofs-container .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.ofs-container .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
.ofs-container .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 0px;
}
.ofs-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 27px;
  margin: 0px 0;
}
.ofs-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  min-width: 100px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
  max-width: 120px;
}
.ofs-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 27px;
  margin: 0px auto;
}
.ofs-container .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.ofs-container .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}
.ofs-container .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.ofs-container .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}
.ofs-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.ofs-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.ofs-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.ofs-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
.ofs-container .mCSB_scrollTools,
.ofs-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.ofs-container .mCSB_scrollTools .mCSB_buttonUp,
.ofs-container .mCSB_scrollTools .mCSB_buttonDown,
.ofs-container .mCSB_scrollTools .mCSB_buttonLeft,
.ofs-container .mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.ofs-container .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.ofs-container .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.ofs-container .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.ofs-container .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.ofs-container .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  border: 1px solid #c3c3c3 ;
}
.ofs-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #837970;
}
.ofs-container .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #837970;
}
.ofs-container .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.ofs-container .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #837970;
}
.ofs-container .mCSB_scrollTools .mCSB_buttonUp,
.ofs-container .mCSB_scrollTools .mCSB_buttonDown,
.ofs-container .mCSB_scrollTools .mCSB_buttonLeft,
.ofs-container .mCSB_scrollTools .mCSB_buttonRight {
  background-image: url('/OFS/img/sprite_desktop.png');
  z-index: 10;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .ofs-container .mCSB_scrollTools .mCSB_buttonUp,
  .ofs-container .mCSB_scrollTools .mCSB_buttonDown,
  .ofs-container .mCSB_scrollTools .mCSB_buttonLeft,
  .ofs-container .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url("/OFS/img/sprite_desktop@2x.png");
    background-size: 301px 35px;
  }
}
.ofs-container .mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}
.ofs-container .mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}
.ofs-container .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 140px -1px;
  width: 23px;
  height: 27px;
  background-color: #837970;
}
.ofs-container .mCSB_scrollTools .mCSB_buttonRight {
  background-position: 123px -1px;
  width: 23px;
  height: 27px;
  background-color: #837970;
}
@media (min-width:1024px) and (max-width:1279px), (min-width:1280px), (min-width:768px) and (max-width:1023px) {
  .venueSection {
    min-height: 200px;
  }
}
@media (max-width:767px) {
  .venueSection {
    min-height: 150px;
    padding: 0!important;
  }
}
.ofs-container .ofs-label-premium {
  color: #fff;
  background: #000;
  border-left: 1px solid #000;
}
.ofs-container .ofs-label-premium .statusText {
  top: 60%;
}
.ofs-container .ofs-label-free {
  color: #000;
  border-left: 1px solid #c3c3c3 ;
}
.ofs-container .ofs-label-free .statusText {
  top: 48%;
}
/*  - - - IE9 - - - */
.ie9 #programmesPanel .programmesChecks .checkbox,
.ie9 .ofs-container #programmesPanel .programmesChecks .checkbox + .checkbox {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 14px;
  float: left;
  width: 280px;
  display: inline;
}
.ie9 .cwc-label {
  width: 280px;
  display: inline;
}
/*  - - - TEMPLATE CSS (To be integrated when templates are testable) - - - */
.programme-116133 {
  background: #6c0046;
  color: #fff;
}
.programme-118773 {
  background: #ffde00;
  color: #fff;
}
.programme-119541 {
  background: #ffde00;
  color: #fff;
}
.programme-119065 {
  background: #f05a28;
  color: #fff;
}
.truncateTitle {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-container .ofs-label-secondary {
  position: absolute;
  right: 20px;
  height: 100%;
  min-height: 70px;
  width: 20px;
  display: block;
  z-index: 999;
  top: 0px;
  margin-top: 0px;
  color: #000;
  text-transform: uppercase;
}
.ofs-container .ofs-label-priority {
  color: #fff;
  background: #000;
  border-left: 1px solid #000;
}
.ofs-container .ofs-label-secondary .statusText {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  display: inline-block;
  position: absolute;
  left: 0px;
  right: 0px;
  font-size: 11px;
}
.ofs-container .ofs-label-priority .statusText {
  top: 60%;
}
.ofs-container .panel-default.venue > .panel-heading .itemCount em {
  color: #000;
}
div#interactive-schedule {
  clear: both;
  margin-left: -20px;
  margin-bottom: 21px;
  padding-right: 22px;
  min-width: 934px;
  height: 650px;
  overflow-x: scroll;
  overflow-y: scroll;
  position: relative;
}
div#interactive-schedule a.day {
  display: none;
}
div#interactive-schedule table {
  border-collapse: collapse;
  margin-bottom: 21px;
}
div#interactive-schedule table th,
div#interactive-schedule table th {
  padding: 10px;
}
div#interactive-schedule table td {
  min-width: 0px;
  border-right: dashed 1px #cccccc;
  text-align: left;
  vertical-align: top;
}
div#interactive-schedule table th {
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-weight: normal;
  border: solid 1px #EEEECC;
}
div#interactive-schedule table tr {
  height: 50px;
  border: solid 1px #fff;
  background-color: #fff;
}
div#interactive-schedule table tr.alt {
  background-color: #e6e7e8;
  color: #333333;
}
div#interactive-schedule table tr.alt th {
  background-color: #223333;
  color: #FFFFFF;
}
div#interactive-schedule table tr.hours th {
  background-color: #333333;
  color: #fff;
  text-align: center;
}
div#interactive-schedule table tr.hours th.alt {
  background-color: #EAEAD9;
  color: #333333;
}
div#interactive-schedule table tr.schedule-by-venue th {
  min-width: 122px;
  height: 52px;
  border-right: solid 1px #AAAAAA;
}
div#interactive-schedule table tbody tr:hover,
div#interactive-schedule table tbody tr.alt:hover {
  background-color: #ddd;
}
div#interactive-schedule table tbody th {
  background-color: #333333;
  color: #fff;
  text-align: right;
}
div#interactive-schedule table thead tr {
  height: 30px;
}
div#interactive-schedule table thead th {
  position: relative;
}
div#interactive-schedule table thead th a {
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
div#interactive-schedule table td.minutes-45 {
  border-right: solid 1px #AAAAAA;
}
div#interactive-schedule table th.venue-head {
  vertical-align: bottom;
  text-align: center;
}
div#interactive-schedule table th.daytime {
  background-color: #00cccc;
  color: #fff;
}
div#interactive-schedule table th.evening {
  background-color: #00adad;
  color: #fff;
}
div#interactive-schedule table th.midnight {
  background-color: #009090;
  color: #fff;
}
div#interactive-schedule .adr,
div#interactive-schedule .geo {
  display: none;
}
div#interactive-schedule .cws {
  background-image: url("/images/ofs/cws-icon.png");
  background-repeat: no-repeat;
  background-position: 98% 5%;
}
div#interactive-schedule .nothing {
  background: #f47d30;
}
div#interactive-schedule .vevent {
  position: absolute;
  padding: 5px;
  font-size: 10px;
  border: solid 1px rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
div#interactive-schedule .vevent h3,
div#interactive-schedule .vevent .event-time {
  font-size: 9px;
  height: 12px;
  overflow: hidden;
  display: block;
  float: left;
  clear: both;
}
div#interactive-schedule .vevent p {
  margin-bottom: 0px;
}
div#interactive-schedule .vevent .arrow {
  display: none;
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0px;
  z-index: 101;
}
div#interactive-schedule .vevent .down {
  background: url("/images/ofs/schedule_arrow_down.png");
  background-repeat: no-repeat;
  bottom: 54px;
}
div#interactive-schedule .vevent .up {
  background: url("/images/ofs/schedule_arrow_up.png");
  background-repeat: no-repeat;
  top: 54px;
}
div#interactive-schedule .vevent.ext {
  background-image: url("/images/ofs/festival-schedule-ext-icon.png");
  background-position: bottom right;
  background-repeat: repeat-y;
}
div#interactive-schedule .vevent.ext.premium {
  background-image: url("/images/ofs/festival-schedule-premium-ext-icon.png");
  background-position: bottom right;
  background-repeat: repeat-y;
}
div#interactive-schedule .vevent.premium {
  background-image: url("/images/ofs/festival-schedule-premium-icon.png");
  background-position: bottom right;
  background-repeat: repeat-y;
}
div#interactive-schedule .vevent.free {
  background-image: url("/images/ofs/festival-schedule-free-icon.png");
  background-position: center right;
  background-repeat: no-repeat;
}
div#interactive-schedule .vevent .description {
  position: absolute;
  width: 250px;
  background-color: #333333;
  color: #fff;
  left: 0px;
  margin-top: 19px;
  margin-bottom: 19px;
  display: none;
}
div#interactive-schedule .vevent .description p {
  margin: 10px;
}
div#interactive-schedule .message {
  position: absolute;
  padding: 5px;
  text-align: center;
  background-color: rgba(97, 96, 95, 0.8);
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  z-index: 102;
}
div#interactive-schedule .message.error {
  background-color: rgba(250, 200, 200, 0.8);
  color: #663333;
}
div#interactive-schedule .ghost-venue {
  position: absolute;
  width: 100px;
  min-height: 34px;
  padding: 10px;
  border-right: solid 1px #AAAAAA;
  background-color: #333333;
  color: #fff;
  text-align: right;
  font-size: 14px;
  border: solid 1px #EEEECC;
  z-index: 101;
  visibility: visible;
}
div#interactive-schedule .ghost-venue.alt {
  background-color: #231f20;
}
div#interactive-schedule .ghost-hour {
  position: absolute;
  z-index: 100;
  background-color: #333333;
  color: #fff;
  text-align: center;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-weight: normal;
  border: solid 1px #EEEECC;
  padding: 10px;
}
div#interactive-schedule .ghost-hour.alt {
  background-color: #EAEAD9;
  color: #333333;
}
body.film .ancillary {
  margin-top: -459px;
}
html.ie6 #video-popup,
html.ie7 #video-popup,
html.ie8 #video-popup {
  background-color: #61605f;
}
html.ie6 .film-preview,
html.ie7 .film-preview,
html.ie8 .film-preview {
  background-color: #fff;
}
html.ie6 .film-preview h3,
html.ie7 .film-preview h3,
html.ie8 .film-preview h3 {
  background-color: #61605f;
}
html.ie6 .film-preview p.film-pitch,
html.ie7 .film-preview p.film-pitch,
html.ie8 .film-preview p.film-pitch {
  background-color: #61605f;
}
html.ie6 .film-preview img,
html.ie7 .film-preview img,
html.ie8 .film-preview img {
  margin-left: 0;
}
html.ie6 div#interactive-schedule .message,
html.ie7 div#interactive-schedule .message,
html.ie8 div#interactive-schedule .message {
  background-color: #61605f;
  filter: alpha(opacity=80);
  -ms-filter: "Alpha(Opacity=80)";
}
html.ie6 div#interactive-schedule .message.error,
html.ie7 div#interactive-schedule .message.error,
html.ie8 div#interactive-schedule .message.error {
  background-color: #fac8c8;
}
.programme-106462 {
  background-color: #8b8178;
  color: #fff;
}
.programme-108447 {
  background-color: #e91e24;
  color: #fff;
}
.cf {
  background-color: #e81e25;
  color: #fff;
}
.ctq,
.programme-115212,
.programme-115222 {
  background-color: #8b8178;
  color: #fff;
}
.cov,
.cin {
  background-color: #8b8178;
  color: #fff;
}
.ctc,
.programme-106975,
.programme-115320,
.programme-115273 {
  background-color: #00653b;
  color: #fff;
}
.cwc,
.cndr,
.programme-106593,
.programme-115207,
.programme-115217 {
  background-color: #358e76;
  color: #fff;
}
.disc,
.programme-106514,
.programme-115227 {
  background-color: #8b8e5a;
  color: #fff;
}
.fp,
.programme-106770,
.programme-115753 {
  background-color: #0caa48;
  color: #fff;
}
.gala,
.programme-106715,
.programme-106665,
.programme-115235,
.programme-115570,
.programme-115245 {
  background-color: #ec148e;
  color: #fff;
}
.mast,
.programme-106517,
.programme-115220,
.programme-115230 {
  background-color: #26a9e0;
  color: #fff;
}
.mav,
.programme-106728,
.programme-115346,
.programme-115358 {
  background-color: #b10050;
  color: #fff;
}
.mm,
.programme-106585,
.programme-115240,
.programme-115250 {
  background-color: #607890;
  color: #fff;
}
.rtr,
.doc,
.tdocs,
.programme-106588,
.programme-115214,
.programme-115224 {
  background-color: #f6c043;
  color: #333;
}
.scc,
.programme-106758 {
  background-color: #e91e24;
  color: #fff;
}
.sp,
.programme-106590,
.programme-114508 {
  background-color: #1b75bb;
  color: #fff;
}
.sfz {
  background-color: #f79a6c;
  color: #fff;
}
.kid,
.kids,
.programme-115281,
.programme-115294 {
  background-color: #f79a6c;
  color: #fff;
}
.tiffkids,
.programme-106622 {
  background-color: #f79a6c;
  color: #fff;
}
.van,
.programme-106598,
.programme-115240 {
  background-color: #000;
  color: #fff;
}
.vis {
  background-color: #b2ce3d;
  color: #333;
}
.wave,
.Wavelengths,
.programme-116133 {
  background-color: #6c0046;
  color: #fff;
}
.wl,
.programme-106519,
.programme-115209,
.programme-115219 {
  background-color: #6c0046;
  color: #fff;
}
.cpca {
  background-color: #f47d30;
  color: #fff;
}
.nw,
.programme-106381,
.programme-118193 {
  background-color: #67aa98;
  color: #fff;
}
.ind {
  background-color: #333;
  color: #fff;
}
.spev {
  background-color: #f47d30;
  color: #fff;
}
.mani,
.programme-106382,
.programme-116768 {
  background-color: #bbbdbf;
  color: #000;
}
.sci,
.programme-117119 {
  background-color: #652d90;
  color: #fff;
}
.scc,
.programme-116810 {
  background: #e91e24;
  color: #fff;
}
.cws,
.programme-117951 {
  background: #358e76;
  color: #fff;
}
.programme-9999 {
  background: #fbaa0f;
  color: #fff;
}
.programme-88888 {
  background: #5ee5bc;
  color: #fff;
}
.industry {
  background-color: #333;
  color: #fff;
}
.school {
  background-color: #FFCB05;
  color: #000;
}
.press {
  background-color: #8b8e5a;
  color: #fff;
}
.public {
  background-color: #0058a2;
  color: #fff;
}
.tooltip {
  position: fixed;
}
.generic-legend {
  background-color: #c3c3c3;
  color: #fff;
}
.industry-legend {
  background-color: #c3c3c3;
  color: #fff;
}
.school-legend {
  background-color: #c3c3c3;
  color: #fff;
}
.press-legend {
  background-color: #c3c3c3;
  color: #fff;
}
.public-legend {
  background-color: #c3c3c3;
  color: #fff;
}
.industry-legend.active {
  background-color: #333;
  color: #fff;
}
.school-legend.active {
  background-color: #FFCB05;
  color: #fff;
}
.press-legend.active {
  background-color: #8b8e5a;
  color: #fff;
}
.public-legend.active {
  background-color: #0058a2;
  color: #fff;
}
.schedule-days .nav-pills li.active a {
  background-color: #f47d30;
  color: #fff;
}
.schedule-days .nav-pills li.active a:hover {
  background-color: #c3c3c3;
  color: #fff;
}
.schedule-days .nav-pills li a:hover {
  background-color: #c3c3c3;
  color: #fff;
}
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}
.tt-dropdown-menu {
  min-width: 160px;
  width: 209px;
  margin-top: 2px;
  margin-left: 62px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.tt-suggestion {
  display: block;
  padding: 3px 20px;
  color: #000;
}
.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}
.tt-suggestion p {
  margin: 0;
}
.twitter-typeahead .tt-hint {
  display: block;
  width: 209px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border: 1px solid transparent;
}
.twitter-typeahead .hint-small {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
  line-height: 1.5;
}
.twitter-typeahead .hint-large {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
  line-height: 1.33;
}
.twitter-typeahead {
  width: 100%;
}
.tt-hint {
  margin-right: 9px;
  margin-top: 20px;
  float: right;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .tt-hint {
    margin-top: 10px;
    height: 27px;
    margin-left: 10px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .tt-hint {
    margin-top: 23px;
    margin-left: 9px;
  }
}
@media (min-width: 1200px) {
  .tt-hint {
    margin-top: 20px;
    height: 34px;
    margin-left: 62px;
  }
}
/*
	Containers for responsive lazy loaded images
*/
.lazy-load {
  position: absolute;
}
.img-ratio-carousel {
  padding-bottom: 49.67%;
  display: block;
  position: relative;
  overflow: hidden;
}
.lazy-load.loading {
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
.img-ratio-exhibition {
  display: block;
  position: relative;
  padding-bottom: 33.1%;
  overflow: hidden;
}
.img-ratio-exhibition--tall {
  display: block;
  position: relative;
  padding-bottom: 43%;
  overflow: hidden;
}
.img-ratio-16-9 {
  display: block;
  position: relative;
  padding-bottom: 50.67%;
  overflow: hidden;
}
.img-ratio-16-9--festival {
  display: block;
  position: relative;
  padding-bottom: 52.67%;
  overflow: hidden;
}
.img-ratio-16-9--filmlist {
  display: block;
  position: relative;
  padding-bottom: 50.67%;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .img-ratio-16-9--filmlist {
    padding-bottom: 47%;
  }
}
.img-ratio-landing--join {
  display: block;
  position: relative;
  padding-bottom: 57%;
  overflow: hidden;
}
@media (min-width: 340px) and (max-width: 479px) {
  .img-ratio-landing--join {
    padding-bottom: 46%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .img-ratio-landing--join {
    padding-bottom: 38%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .img-ratio-landing--join {
    padding-bottom: 47%;
  }
}
.img-ratio-landing {
  display: block;
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .img-ratio-landing {
    padding-bottom: 50%;
  }
}
.img-ratio-programmers {
  display: block;
  position: relative;
  padding-bottom: 68%;
  overflow: hidden;
}
.img-ratio-studio {
  display: block;
  position: relative;
  padding-bottom: 80%;
  overflow: hidden;
}
.img-ratio-square {
  display: block;
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
.img-ratio-supporter {
  display: block;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .img-ratio-supporter {
    padding-bottom: 74%;
  }
}
@media (max-width: 767px) {
  .img-ratio-supporter {
    padding-bottom: 55%;
  }
}
.img-ratio-whatson-fest {
  display: block;
  position: relative;
  margin-bottom: 5px;
  overflow: hidden;
  padding-bottom: 111px;
}
/*
	Festival Countdown
*/
.timeUnit {
  margin-top: -62px;
}
.timeUnit div {
  display: inline;
  color: #f47d30;
  font-size: 55px;
  letter-spacing: -5px;
  margin: 5px;
}
body {
  font-family: helvetica, sans-serif;
  font-weight: 400;
  font-size: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: helvetica, sans-serif;
  margin-top: 0px;
  line-height: 1.4;
}
ol,
ul {
  font-weight: 300;
}
a {
  color: #f47d30;
}
a:hover {
  color: #000000;
  text-decoration: none;
}
hr {
  border-top: 4px solid #c3c3c3;
}
.container {
  margin: 0 auto;
  width: inherit;
}
@media (min-width: 0px) and (max-width: 767px) {
  .container {
    max-width: 767px;
    padding: 0 10px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container {
    max-width: 1023px;
    padding: 0 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .container {
    max-width: 1199px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1280px;
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .header__container {
    max-width: 1280px;
    padding-left: 0px;
  }
}
.inner {
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .inner {
    padding: 0 0px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .inner {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .inner {
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .inner {
    padding: 0px;
  }
}
#main {
  margin-bottom: 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #main {
    padding: 0 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main {
    padding: 0px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  #main #main__content {
    padding: 20px 0px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main #main__content {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
@media (min-width: 1200px) {
  #main #main__content {
    padding-top: 14px;
  }
}