@import url("colours.css");



/*general */

body{
	margin:0;
	padding:0;
	width:100%;
	background:#f2f2f2 !important;
}
#main .ng-cloak{
	display:none;
}
#main .bg-image, #main .bg-image-bind, #main .bg-image-model{
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

.bg-image.cover {
	background-size: cover !important;
}
.bg-image.contain {
    background-size: contain !important;
    background-repeat: no-repeat;
}
.fade-cloak{
	transition:opacity 0.5s ease;
	opacity: 1;
}
#main .clear{
	float:none;
	clear:both;
}
#main .pull-right.pad{
	padding:0 0 40px 40px;
	margin:0;
}
#main .pull-left.pad{
	padding:0 40px 40px 0 !important;
	margin:0;
}
#main .light{
	font-weight:300;
}
#main .dropcap:first-letter{
	float:left;
	font-size:90px;
	margin-right: 10px;
	font-weight:300;
	line-height:1;
  color:#ff4822;
}
#main .section{
	margin-top:100px;
	margin-bottom:100px;
}
#main strong{
	font-family:Benton, helvetica, sans-serif;
	text-transform:uppercase;
}
#main ul, #main ol{
	margin-left:50px;
}
#main ul.inline{
	list-style-type:none;
	padding-left:0;
	margin-left:auto;
}
#main ul.inline li{
	display:inline-block;
	text-align:center;
	margin:10px 15px;
}
#main li{
	font-family:inherit;
	font-size:inherit;
	color:inherit;
}
#main{
	padding:100px 0 0 0;
	font-family:Open Sans, helvetica,sans-serif;
	overflow-x:hidden;
	width:100%;	
	color:#333;
}
#main .no-pad, #main.no-pad{
	padding:0 !important;
}


#main .no-margin {
	margin: 0 !important;
}

#main .side-pad {
	padding: 0 15px;
}

#main pre, #main pre *{
	font-family:courier, monospace;
	border-radius:0;
}
#main textarea{
	border-radius:0;
	font-family:courier, monospace;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6{
	padding:5px 50px;
	text-transform:uppercase;
	text-align:center;
	margin:25px 0;
	color:inherit;
	font-family:Benton, helvetica, sans-serif;
}
#main .logo-grid{
	display:inline-block;
	width:100%;
}
#main .logo-grid a{
	width:100%;
	display:inline-block;
	border:none !important;
}
#main .logo-grid .logo{
	margin:20px auto;
}
#main img.logo{
	width:auto;
	height:auto;
	max-height:50px;
	margin:10px;
}
#main .center .img-responsive{
	margin:auto;
}
#main img.logo.larger{
	max-height:65px;
}
#main img.logo.large{
	max-height:80px;
}
#main .pointer{
	cursor:pointer;
}
#main .fineprint{
	font-size:10px;
	letter-spacing:0;
}
#main .sponsors .sponsor{
	display:inline-block;
	width:auto;
	padding:15px;
}
#main .sponsors .fineprint{
	text-transform:uppercase;
}
#main .underline, #main u{
	text-decoration:none;
	border-width:0;
	border-bottom-width:1px;
	border-style:solid;
	border-color:inherit;
}
#main .uppercase{
	text-transform:uppercase;
}
#main .normalcase{
	text-transform:none;
}
#main .lowercase{
	text-transform:lowercase;
}
#main .caption{
	font-size:12px;
	font-family:Courier, monospace;
	text-transform:uppercase;
}
#main .inline-list span{
	margin:10px;
}
.chunky{
	margin:35px 0;
	padding:10px;
}
.extra-chunky{
	margin:60px 0;
	padding:10px;
}
.slim{
	margin:10px auto;
	padding:5px;
	line-height:1.1;
}
.slimmer{
	margin:2px auto;
	padding:2px;
	line-height:1.2;
}
p.slim, .p.slim, h1.slim, h2.slim, h3.slim, h4.slim{
	margin:10px auto;
	padding:5px;
	line-height:inherit;
}
p.slimmer, .p.slimmer, h1.slimmer, h2.slimmer, h3.slimmer, h4.slimmer, #main p.slimmer,  #main .p.slimmer,  #main h1.slimmer,  #main h2.slimmer,  #main h3.slimmer,  #main h4.slimmer{
	margin:2px auto;
	padding:2px;
	line-height:auto;
}
#main .extra-slim{
	margin:0;
	line-height:1.1;
}
#main .right{
	text-align:right;
}
#main p.extra-slim, #main .p.extra-slim{
	margin:0 auto;
	padding:0;
	line-height:inherit;
}
#main .spread{
	letter-spacing:0.6rem;
}
#main .no-spread{
	letter-spacing:1px;
}
#main h4.spread{
	letter-spacing:3px;
}
#main .b{
	font-weight:600;
}
#main p, #main .p{
	max-width:900px;
	margin:40px auto;
	text-align:left;
	font-weight:500;
	font-size:19px;
	line-height:1.7;
	letter-spacing:1px;
	font-family:Open Sans, helvetica, sans-serif;
	padding-left:5px;
	padding-right:5px;
}
#main ul, #main ol {
	max-width:900px;
	font-weight:500;
	font-size:inherit;
	line-height:1.7;
	letter-spacing:1px;
	font-family:Open Sans, helvetica, sans-serif;
	margin-left:0;
}
#main ul.inline, #main ol.inline{
	max-width:initial;
	margin:0;
}
#main p.wide, #main .p.wide{
	max-width:1100px;
}
#main p.narrower, #main .p.narrower{
	max-width:750px;
}
#main p.narrow, #main .p.narrow{
	max-width:500px;
	letter-spacing:1px;
}
#main p img, #main .p img{
	max-width:100%;
}
#main .highlight{
	font-family:courier;
	font-size:23px;	
	letter-spacing:0.1rem;
}
#main h1{
	font-size:55px;
	font-weight:400;
	letter-spacing:1rem;
}
#main h2{
	font-size:45px;
	font-weight:400;
}
#main h3{
	font-weight:normal;
	font-size:30px;
	letter-spacing:4px;
	width:100%;
}
#main h4{
	font-size:22px;
	font-weight:normal;
	letter-spacing:2px;
}
#main h5{
	letter-spacing:2px;
}
#main strong{
	color:#000;
}
#main p.full-width, #main .p.full-width{
	max-width:100%;
	padding-left:0;
	padding-right:0;
}
#main p.full-width img, #main .p.full-width img{
	max-width:100%;
	
}
#main p.fill img,#main .p.fill img{
	width:100%;
}

#main .info{
	font-size:13px;
	font-family:Courier, monospace;
	font-weight:300;
	letter-spacing:2px;
}
#main .lead-in{
	font-family:Courier,monospace;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	margin:15px auto;
	letter-spacing:2px;
}
#main .highlighter{
	color:#fff;
	background:#000;
	padding:0 5px;
	font-weight:600;
}

#main .line{
	margin-left:auto;
	padding:0;
	margin-right:auto;
	height:0;
	border-bottom:4px solid #fff;
	width:60px;
	transition:color 0.3s ease, width 0.3s ease;	
}
#main .line.small{
	width:30px;
}
#main .center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#main .small{
	letter-spacing:0;
	font-weight:normal;
	font-size:15px;
}
#main .smaller{
	letter-spacing:1px;
	font-weight:normal;
	font-size:17px;
}
#main .extra-small{
	letter-spacing:0;
	font-weight:normal;
	font-size:12px;
}
#main h1.extra-large{
	font-size:65px;
}
#main .smaller, #main .smaller p, #main .smaller .p{
	letter-spacing:0;
	font-size:16px;
}
#main{

}
#main .container-fluid{
	overflow:hidden;
}

.photo-caption {
    font-size: 12px;
    color: #999;
    padding: 0.5em;
    text-align: right;
}

#main .flex-container{
	display: -ms-flexbox; 
	-ms-flex-wrap: wrap;
	-ms-flex-pack: center;
	display: -moz-box;  
	display: -webkit-flex; 
  -webkit-flex-wrap: wrap;
  display: flex;   
  flex-wrap: wrap;
	display:flex;
	flex-flow:row wrap;
	-webkit-justify-content: center;
  justify-content: center;
}


#main .pullquote{
	font-size:26px;
	font-family:courier, monospace;
	color:#333;
	background:none;
	text-align:center;
	margin:auto;
	margin-bottom:15px;
	margin-top:15px;
}
#main .pullquote:before{
	  content: '\201C';
	  font-family: Benton, helvetica, sans-serif;
	  color: #ff4822;
	  display: block;
	  text-align: center;
	  font-size: 90px;
	  line-height: 1;
	  margin-bottom: -40px;
}
#main .pullquote.twitter:before{
	content:"\f243";
	font-family:"Ionicons";
	font-size:35px;
	margin-bottom:20px;
}
#main .pullquote.narrow{
	max-width:780px;
}
#main .note{
	font-size:14px;
	font-family:Benton, helvetica, sans-serif;
}
#main hr{
	border-top:1px solid #ddd;
	margin-top:20px;
	margin-bottom:20px;
}
#main hr.dotted{
	border-top-style:dotted;
}
#main hr.dashed{
	border-top-style:dashed;
}
#main .a-no-border a,#main .a-no-border a:focus,#main .a-no-border a:hover,#main .a-no-border a:active{
	border:none !important;	
}
#main a.no-border{
	border:none !important;
}
#main a[href], #main a.pointer{
	color:inherit;
	text-decoration:none !important;
	border-bottom:1px dotted #333;
	transition:border 0.3s ease;
	outline:none;
}
#main a[href]:hover, #main a[href]:active, #main a[href]:focus{
	border-bottom:1px solid #333;
}
#main a.icon,#main a.icon:hover, #main a.icon:active, #main a.icon:focus{
	border:none;
}
#main .left{
	text-align:left;
}
#main .right{
	text-align:right;
}
#main .pullquote a{
	color:#000;
	border-bottom:1px dotted #000;
	text-decoration:none;
}
.pullquote a:hover{
	color:#000;
	border-bottom:1px solid #000;
	text-decoration:none;
}
#main img.left{
	float:left;
	margin-right:20px;
}
#main img.right{
	float:right;
	margin-left:20px;
}
#main img.half{
	max-width:50%;
}
#main img.third{
	max-width:33%;
}
#main img.quarter{
	max-width:25%;
}
#main img.fifth{
	max-width:20%;
}
#main img.px-100{
	max-width:100px;
}
#main img.px-200{
	max-width:200px;
}
#main img.px-300{
	max-width:300px;
}
#main img.px-400{
	max-width:400px;
}
#main img.px-500{
	max-width:500px;
}
#main img.px-600{
	max-width:600px;
}

#main p img.left.outcrop, #main .p img.left.outcrop{
	margin-left:-120px;
}
#main p img.right.outcrop, #main .p img.right.outcrop{
	margin-right:-120px;
}


#main .banner{
	background-size:cover !important;
	background-position:center;
	background-repeat:no-repeat; 
	width:100%;
	height:auto;
	position:relative;
	color:#fff;
}
#main .banner *, .banner:a{
	color:#fff;
	position:relative;
}

#main .banner > div{
	position:relative;
	padding:60px 20px;
}
#main .banner > div *{
	color:#fff;
}
#main .banner:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
	left:0;
	background:rgba(0,0,0,0.6);
	transition:background 0.3s ease;
}
#main .banner:hover .line{
	width:300px;
	color:#fff;
}
#main .banner:hover:before{
	background:rgba(70,70,70,0.6);
}

#main .ticket, #main a.ticket, #main a.ticket:hover,#main a.ticket:focus,#main a.ticket:active{
	font-family:Benton, helvetica, sans-serif;
	border:2px solid #ff4822;
	width:auto;
	display:inline-block;
	position:relative;
	padding:9px 10px 8px 10px;
	font-size:12px;
	/* font-weight:600; */
	color:#444 !important;
	background:rgba(255,255,255,0.8);
	text-align:left;
	margin-left:0;
	margin-right:13px;
	line-height:0.9;
	cursor:pointer;
}
#main .ticket.dark{
	background:rgba(0,0,0,0.4);
	color:#fff !important;
}

#main .ticket.large, #main .ticket.large:hover {
	font-size: 18px;
}

#main .ticket span{
	display:inline-block;
	text-align:center;
	white-space:nowrap;
}
#main .ticket:after{
  content:'\00A0';
  display:inline-block;
  width: 13px;
  border:2px solid #ff4822;
  border-right:0;
  border-left:0;
	padding:9px 3px 8px 3px;
  position: absolute;
  top: -2px;
  right: -15px;
	margin-left:12px;
  background: #ff4822;
  box-sizing:border-box;
  background: -moz-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #ff4822 35%);
  background: -webkit-gradient(radial, right right, 0px, right right, 100%, color-stop(32%, rgba(255, 255, 0, 0)), color-stop(35%, #ff4822));
  background: -webkit-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #ff4822 35%);
  background: -o-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #ff4822 35%);
  background: -ms-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #ff4822 35%);
  background: radial-gradient(ellipse at right, rgba(255, 255, 0, 0) 26%, #ff4822 28%);
}
#main .ticket.coral,#main a.ticket.coral:hover, #main a.ticket.coral:active, #main a.ticket.coral:focus {
	border-color:#FF6D4E;
}
#main .ticket.coral:after{
  border-color:#FF6D4E;
  background: #FF6D4E;
  background: -moz-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #FF6D4E 35%);
  background: -webkit-gradient(radial, right right, 0px, right right, 100%, color-stop(32%, rgba(255, 255, 0, 0)), color-stop(35%, #FF6D4E));
  background: -webkit-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #FF6D4E 35%);
  background: -o-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #FF6D4E 35%);
  background: -ms-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #FF6D4E 35%);
  background: radial-gradient(ellipse at right, rgba(255, 255, 0, 0) 26%, #FF6D4E 28%);
}
#main .ticket.fuschia, #main a.ticket.fuschia,#main a.ticket.fuschia:hover, #main a.ticket.fuschia:active, #main a.ticket.fuschia:focus {
		border-color:#C80048;
}
#main .ticket.fuschia:after{
  border-color:#C80048;
  background: #C80048;
  background: -moz-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #C80048 35%);
  background: -webkit-gradient(radial, right right, 0px, right right, 100%, color-stop(32%, rgba(255, 255, 0, 0)), color-stop(35%, #C80048));
  background: -webkit-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #C80048 35%);
  background: -o-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #C80048 35%);
  background: -ms-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #C80048 35%);
  background: radial-gradient(ellipse at right, rgba(255, 255, 0, 0) 26%, #C80048 28%);
}

#main .ticket.disable, #main .ticket.disable:hover{
		border-color:#999;
		cursor:default;
}
#main .ticket.disable:after{
  border-color:#999;
  background: #999;
  background: -moz-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #999 35%);
  background: -webkit-gradient(radial, right right, 0px, right right, 100%, color-stop(32%, rgba(255, 255, 0, 0)), color-stop(35%, #999));
  background: -webkit-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #999 35%);
  background: -o-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #999 35%);
  background: -ms-radial-gradient(right, ellipse cover, rgba(255, 255, 0, 0) 32%, #999 35%);
  background: radial-gradient(ellipse at right, rgba(255, 255, 0, 0) 26%, #999 28%);
}

#main .table-wrap{
	text-align:center;
	margin:80px auto;
	padding-left:20px;
	padding-right:20px;
}
#main .table-wrap.short{
	margin:40px auto;
}
#main  .table{
	border-top:2px solid black;
	border-bottom:2px solid black;
	font-size:16px;
	margin:10px auto;
	display:inline-block;
}
#main  .table.small{
	font-size:13px;
}
#main .table .row{
	border-bottom:1px dotted #000;
	border-color:inherit;
	margin-left:0;
	max-width:100%;
	transition:background-color 0.3s ease;
}

#main .table .row.solid{
	border-bottom-style:solid;
}
#main .row{
	padding:15px 10px;
}
#main .table .row>div:not(.collapse-row){
	display:inline-block;
	/*padding:15px 10px; */
}

#main .table .row:last-child{
	border-bottom:none;
}
#main .table .row:hover{
		background:#e7e7e7;
}
#main .table .row.selected{
	background:#FFFFce;
	color:inherit;
}
/*#main .table .row:first-child:hover{
		background:inherit;
}*/
#main .table-wrap .info{
	letter-spacing:0;
	font-family:inherit;
	font-weight:normal;
	font-size:12px;
	line-height:1.2;
	margin-top:3px;
	margin-bottom:10px;
}
#main .table-wrap .row .info{
	margin-bottom:-3px;
}
#main input{
		border: 1px solid #aaa;
		outline:none;
		padding:5px 7px;
		width:100%;
		font-size:15px;
		font-family:courier,monospace;
		letter-spacing:1px;
		color:#333;
}
#main input{
	margin:5px 0;
}
#main input.narrow{
		max-width:220px;
}
#main form input[type='submit']{
	margin:15px 0;
}
#main form input[type='checkbox']{
	width:auto;
}
#main .button, #main input[type='submit'],#main input[type='button'],#main a.button,#main a.button:focus{
	font-family:Benton, helvetica, sans-serif;
	display:inline-block;
	outline:none;
	text-transform:uppercase;
	border:2px solid #333;
	font-size:16px;
	padding:8px 20px 6px 20px;
	cursor:pointer;
	color:#333;
	background:rgba(255,255,255,0.6);
	transition:color 0.3s ease, background 0.3s ease, border 0.3s ease;
	border-radius:0;
	margin-left:20px;
	margin-right:20px;
	width:auto;
	margin-bottom:5px;
}

#main .button:hover,#main input[type='submit']:hover,#main input[type='button']:hover, #main a.button:hover{
		/*background:rgba(245,245,245,0.8); */
		color:#ff4822;
		border:2px solid #ff4822; 
}
#main .button.small,#main a.button.small,#main .button.small:focus{
	font-size:12px;
	padding:5px 10px 4px 10px;
}
#main .button.disable{
	color:#aaa !important;
	border-color:#aaa !important;
	cursor:default !important;
}
#main .button.medium,#main a.button.medium,#main .button.medium:focus, #main input[type='button'], input[type='submit']{
	font-size:14px;
	padding:5px 10px 4px 10px;
}
#main .button.button-trailer i{
	margin-right:10px;
}
#main .button.button-trailer{
	border-color:#fff;
  font-size: 13px;
  margin-bottom: 50px;
  padding: 7px 10px 5px;
  opacity: 0.35;
	background:rgba(100,100,100,0.3);
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
}

#main .button.button-trailer:hover{
	color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);
	opacity: 1;
}
#main form{
	text-align:center;
}

#main .form-row{
	display:inline-block;
	width:100%;
}
#main .form-label{
	font-size:15px;
	padding-top:10px;
	text-align:right;
}
#main textarea{
	font-size:15px;
	border: 1px solid #aaa;
	outline:none;
	font-family:courier, monospace;
	width:100%;
	margin:10px 0;
	height:150px;
	padding:10px;
	color:#333;
	letter-spacing:1px;
	
}
*[onclick] {
    cursor: pointer;
}
#main .justify{
	text-align:justify;
}
#main .justify:after {
    content: "";
    display: inline-block;
    width: 100%;    
}

/* grid */


#main .flex-container{
	display: -webkit-flex; /* Safari */
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  display: flex;   
  flex-wrap: wrap;
	display:flex;
}

#main .flex-container > *{
	
}
.box{

}
#main .flex-container .box-wrap,#main .flex-container a.box-wrap,#main .flex-container a.box-wrap:focus{
	position:relative;
	border:5px solid #f2f2f2;
	padding:0;
	background:#fff;
	height:100%:
}
#main .flex-container .box-wrap.box-collapse{

}
#main .flex-container .box-wrap.box-collapse .box-collapse__content {
	padding:20px;
	position:relative;
	color:#fff;
}
#main .flex-container .box-wrap.box-collapse .box-collapse__title {
	margin:0;
	color:#fff;
	letter-spacing:2px;
}
#main .flex-container>.box{
	position:relative;
	border:5px solid #f2f2f2;
	padding:0;
	background:#fff;
	height:100%:
}
#main .flex-container .box-wrap.box-collapse:hover  .box-collapse__content .line{
	width:300px;
	color:#fff;
	    max-width: 100%;
}
#main .flex-container .box-wrap:hover{
	border:5px solid #f2f2f2;	
}
#main a.box-wrap{
	color:inherit;
}
a.box-wrap:hover,a.box-wrap:active,a.box-wrap:focus{
	color:inherit;
	text-decoration:none;
}
.box .thumbnail,.infowindow .thumbnail{
	height:260px;
	width:100%;
	border:none;
	background-size:cover;
	background-position:center;
	border-radius:0;
	margin:0;
}
#main .box .box-content{
	padding:20px;
}

#main .box p,  #main .box .p{

	}  
#main .box > *{
	padding:10px;
}

/* hack for ie 9 & 10*/ 
@media screen and (min-width:0\0) {  
	.flex-container{
		display:inline-block;
		width:100%;
	}
	.flex-container>.box{
		height:670px;
	}
    .box-wrap, .venue{
  	height:670px;
  	} 
  	.box-wrap .info{
  		font-size:12px;
  	}
	*::-ms-backdrop, .box-wrap, .venue-wrap, .venue{ /* for ie 11 */ 
height:auto;
}
}

/* for ie  10 & 11 */ 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.flex-container{
		display: -ms-flexbox; 
		-ms-flex-wrap: wrap;
		-ms-flex-pack: center;
	}
	.flex-container>.box{
		height:auto;
	}
 .box-wrap, .venue-wrap, .venue{ 
	height:auto;
	}
	
}

/* */
#main .film-grid .box p{
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	margin-bottom:0;
	padding-bottom:0;
}
#main .film-grid .box .info{
	max-width:350px;
}


/* colors */


#main .orange{
	color:#ff4822;
	border-color:#ff4822;
}
#main .teal{
	color:#009B8C;
	border-color:#009B8C;
}
#main .coral{
	color:#FF6D4E;
	border-color:#FF6D4E;
}
#main .yellow{
	color:#ffc400;
	border-color:#ffc400;
}
#main .black{
	color:#000;
	border-color:#000;
}
#main .fuschia{
	color:#C80048;
	border-color:#C80048;
}
#main .white{
	color:#fff !important;
	border-color:#fff !important;
}

#main .blue{
	color:#0CF;
    border-color: #ocf;
	}

#main .green{
	color:#0C9;
	border-color:#OC9;
}

#main .purple{
	color:#6C0046;
	border-color:#6C0046;
}


#main .no-bg{
	background:none !important;
}
#main .orange-bg{
	background-color:#ff4822 !important;
}
#main .yellow-bg{
	background-color:#ffc400 !important;
}
#main .black-bg{
	background-color:#000 !important;
}
#main .fuschia-bg{
	background-color:#C80048 !important;
}
#main .white-bg{
	background-color:#fff !important;
}


/* programme colors */

#main .programme-color,#main a.programme-color{
	height:17px;
	position:relative;
	border-width:0;
	border-left-width:4px;
	border-style:solid;
	font-family:courier, monospace;
	line-height:1;
	padding:3px;
	padding-left:8px;
	margin-left:10px;
	margin-right:10px;
	top:-2px;
	font-size:12px;
	display:inline-block;
	color:#333;
	width:auto;
	text-transform:uppercase;
	letter-spacing:2px;
	transition:background 0.3s ease;
}
#main .programme-list .programme-color{
	margin-bottom:10px;
	margin-top:10px;
}
#main a.programme-color:hover,#main a.programme-color:focus,#main a.programme-color:active{
	background:#e9e9e9;
	border-bottom:none;
}




/* minimal footer */

.footer-minimal * {
	float:none !important;
}
.footer-minimal #footer__sponsors{

}
.footer-minimal .sponsors__lists__heading{
	display:block;
	width:100%;
	margin-bottom:5px;
	text-align:left;
}
.footer-minimal #footer__sponsors li{
	display:inline-block;
	width:auto;
}
.footer-minimal #footer__links{
	width:auto;
	display:inline-block;
}
.footer-minimal .row{
	text-align:center;
}
.footer-minimal #footer__legal{
	text-align:center;
}
.footer-minimal#footer{
	padding-bottom:20px;
}
/* header */

#header__logo{
	width:auto !important;
}


/* collapse menu */

	
	#main .collapse-target:not(.collapse-row)>div{
		padding:10px 10px 10px 50px;
	}
	#main .collapse-toggle{
		cursor:pointer;
	}
	
	#main .collapse-target.collapse-row {
		padding-top: 0.75em;
	}
	
	#main .center .collapse-toggle{
		width:auto;
		display:inline-block;
		margin:auto;
	}
	#main .collapse-toggle > *{
		padding:5px 10px;
	}
	
	#main .collapse-toggle.collapse-row > *{
		padding:5px 0px;
	}
	
	#main .collapse-toggle:not(.collapse-row), #main #answers h4{
		position:relative;
		cursor:pointer;
		transition:color 0.3s ease,background 0.5s ease;
		padding-left:45px;
		padding-right:20px;
		text-align:left;
		line-height:1.3;
		margin-top:10px;
		margin-bottom:10px;
	}
	#main #answers h4{
		font-weight:normal;
		font-size:19px;
		text-transform:none;
		font-family:Open Sans, helvetica, sans-serif;
		letter-spacing:1px;
	}
	#main h4.collapse-toggle:not(.collapse-row){

	}
	#main .collapse-toggle:not(.collapse-row):hover{
		background:#f5f5f5;
	}
	#main .collapse-toggle:not(.collapse-row):hover:before{
		color:#000;
	}
	#main #answers h4:before, #main .collapse-toggle:not(.collapse-row):before{
		content:"\2013";
		position:absolute;
		left:10px;
		top:45%;
		font-size:25px;
		color:#999;
		line-height:1;
		margin-top:-15px;
	}
	#main #answers h4:before{
		content:"+";
	}
	#main #answers h4.open:before{
		content:"\2013";
	}
	#main .collapse-toggle:not(.collapse-row).collapsed:before{
		content:"+";
		margin-top:-13px;
	}
	
	/* table collapse */
	#main .collapse-toggle.collapse-row{
		width:100%;
		position:relative;
		display:inline-block;
		margin-bottom:-8px;
		padding:2px 35px 2px 4px;
		transition:background 0.3s ease;
		background-color:#fff;
	}
	#main .collapse-toggle.collapse-row:hover{
	 /*background-color:#e7e7e7; */
	}
	#main .collapse-target>div{
		padding:10px;
	}
	#main .row.solid .collapse-toggle.collapse-row{
		border-bottom-width:1px;
		border-bottom-style:dotted;
		background-color:rgba(0,0,0,0);
		padding-bottom: 0.75em;
	}
	#main .row.solid .collapse-toggle.collapse-row.collapsed{
		border-bottom:none;
		padding-bottom:0;
		padding-left: 0;
	}
	#main .collapse-toggle.collapse-row.collapsed{
		border-bottom:none;
		background-color:rgba(0,0,0,0);
	}	
	#main .collapse-toggle.collapse-row:after{
		font-family:"Ionicons";
		font-size:13px;
		content:"\f126";
		color:#ff4822;
		position:absolute;
		right:10px;
		height:100%;
		top:40%;
		margin-top:-8px;

	}
	#main .collapse-toggle.collapse-row.collapsed:after{
		content:"\f123";
	}
	
	/*tooltip */
	
#main .tooltip-item{
	cursor:pointer;
}
#main .popover{
	border:1px solid #333;
	color:#fff !important;
	border-radius:0;
	box-shadow:none;
	background:#999;
	font-weight:300;
	letter-spacing:1px;
	font-size:14px;
}
/*main .popover.top .arrow{
	border-top-color:#333;
}
#main .popover.bottom .arrow{
	border-bottom-color:#333;
}
#main .popover.left .arrow{
	border-left-color:#333;
}
#main .popover.right .arrow{
	border-right-color:#333;
}*/
/*#main .popover .arrow:after{
	border-color:#333;
}
#main .popover .arrow:before{
	border-color:#333;
}*/
#main .popover{
	border:none;
	color:#000;
	background:#999;
}
#main .popover.top .arrow:after{
	border-top-color:#999;
}
#main .popover.left .arrow:after{
	border-left-color:#999;
}
#main .popover.bottom .arrow:after{
	border-bottom-color:#999;
}
#main .popover.right .arrow:after{
	border-right-color:#999;
}


/* modal */


#main .modal .modal-content{
	border-radius:0;
	box-shadow:none;
}
.modal-backdrop.in{ /*not in #main */
	opacity:0.75;
}
#main .modal.full .modal-dialog{
	width:100%;
	height:100%;
	padding:0 !important;
	color:#fff;
	border-color:#fff;
}

#main .modal.wide .modal-dialog{
	max-width:800px;
	width:100%;
}

#main .modal.full .modal-content{
	width:100%;
	height:100%;
	overflow:scroll;
	background:#464749;
}
#main .modal.full .modal-content *{
color:#fff;
border-color:#fff;
}
#main .modal .close{
opacity:1;
font-size:25px;
margin:10px 12px;
outline:none;
}
#main .modal.full .close{
opacity:1;
font-size:30px;
outline:none;
transition:opacity 0.3s ease;
}
#main .modal .close:hover{
opacity:0.7;
}
#main .modal.full  .button{
	transition:opacity 0.3s ease;
}
#main .modal.full .button:hover{
opacity:0.7;
}
#main .modal.full .modal-content{
	padding:30px;
}
#main .modal.full .modal-body{
	margin:20px;
}
#main .modal.wide .modal-body{
	padding:30px;
}
#main .modal.full .close{
	/* position:fixed; */
	/* right:20px; */
}
#main .modal.full .table .row:hover{
	background:rgba(255,255,255,0.2);
}

#main .modal.fade .modal-dialog{
	transition:none;
	transform:none;
}
/* video modal */

#main .video-modal{
	height:100%;
	width:100%;
}
#main .video-modal .modal-dialog {
	position: relative;
	height: 0;
	width:85%;
	top:100px;
	max-width:1400px;
	padding-top: 47.8%;
	overflow: hidden;
	
}

 #main .video-modal .modal-dialog iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
max-height:787.4px;
}
#main  .video-modal .close{
	color:#fff;
	opacity:1;
	outline:none;
	position:absolute;
	right:10px;
	top:10px;
}


/* carousel */


#main .carousel{
	padding-left:50px !important;
	padding-right:50px !important;
}

@media only screen and (max-width : 400px) {
		#main .carousel{
			padding-left:20px !important;
			padding-right:20px !important;
		}
	}
#main .carousel-control{
	height:100%;
	opacity:1;
	background:none;
	filter:none;
	border:none !important;
	outline:none !important;
}
#main .carousel-control .icon{
	top:40%;
	position:relative;
	color:inherit;
	opacity:1;
	text-shadow:none;
	font-size:23px;
	transition:color 0.3s ease;
}
#main .carousel-control:hover .icon{
	color:#ff4822;
}

/* dropdowns */

#main	.select-wrap{
		font-family:helvetica; 
		display:inline-block;
		height: 45px;
		overflow: hidden;
		background: url("https://s3.amazonaws.com/content.tiff.net/website-ui/images/filmlist-arrow.png") no-repeat right #fff;
		background-size:22px;
		outline:none;
		border:1px solid #aaa;
		box-sizing:border-box;
		width:100%;
	}
#main	.select-wrap select{
		background: transparent;
		text-transform:uppercase;
		overflow:hidden;
		outline:none;
		width:100%;
		font-size: 15px;
		line-height: 1;
		border: 0;
		border-radius: 0;
		height: 45px;
		white-space:nowrap;
		-webkit-appearance: none;
		-moz-appearance:none;
		text-overflow:ellipsis;
		text-indent:0.01px;
		color:#555;
		padding:10px;
		padding-right:20px;
		
	}
#main	.select-wrap select::-ms-expand {
		display: none;
	}


/* bios */
#main .bio{
	overflow:hidden;
}
#main .bio .image-wrap{
	height:180px;
	width:160px;
	float:left;
	display:inline-block;
	padding:10px;
	margin-right:10px;
	margin-top:5px;
	padding-bottom:0;
}
#main .bio .image-wrap .image{
	height:100%;
	width:100%;
	background-size:cover;
	background-position:top;
}
#main .bio .content{
	padding:10px;
	font-size:15px;
	color:#333;
}
#main .bio .content > p{
	font-size:inherit;
	margin:0;
	padding:0;
}

/* with tall and short */


.short, p.short, .p.short, h1.short, h2.short, h3.short, h4.short, #main p.short,  #main .p.short,  #main h1.short,  #main h2.short,  #main h3.short,  #main h4.short,#main h5.short{
	margin-top:20px;
	margin-bottom:20px;
}
.shorter, p.shorter, .p.shorter, h1.shorter, h2.shorter, h3.shorter, h4.shorter, #main p.shorter,  #main .p.shorter,  #main h1.shorter,  #main h2.shorter,  #main h3.shorter,  #main h4.shorter,#main h5.shorter,#main hr.shorter{
	margin-top:15px;
	margin-bottom:15px;
}
.extra-short{
	margin-top:0;
	margin-bottom:0;
}
p.extra-short, .p.extra-short, #main p.extra-short, #main .p.extra-short, #main h1.extra-short,#main h2.extra-short,#main h3.extra-short,#main h4.extra-short,#main h5.extra-short, #main hr.extra-short, #main div.extra-short{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

#main .tall{
	margin-top:55px;
	margin-bottom:55px;
}
#main .extra-tall{
	margin-top:70px;
	margin-bottom:70px;
}

p.tall, .p.tall, h1.tall, h2.tall, h3.tall, h4.tall, #main p.tall,  #main .p.tall,  #main h1.tall,  #main h2.tall,  #main h3.tall,  #main h4.tall, #main h5.tall{
	margin-top:55px;
	margin-bottom:55px;
}
p.extra-tall, .p.extra-tall, h1.extra-tall, h2.extra-tall, h3.extra-tall, h4.extra-tall, #main p.extra-tall,  #main .p.extra-tall,  #main h1.extra-tall,  #main h2.extra-tall,  #main h3.extra-tall,  #main h4.extra-tall,#main h5.extra-tall{
	margin-top:70px;
	margin-bottom:70px;
}

/* credit block */

#main .credit-block{
	font-size:11px;
	display:inline-block;
	width:100%;
}
#main .credit-block>div:not(.row-wrap){
	margin:0;
	padding:8px;
}
#main .credit-block .row-wrap{
	padding-left:5px;
	padding-right:5px;
	width:50%;
	display:inline-block;
	float:left;
	overflow:hidden;
}
#main .credit-block .row{
	margin:0 auto;
	padding-bottom:3px;
	width:100%;
	border-bottom:1px dashed #ccc;
}
#main .credit-block .row>div{
	padding:0;
	display:inline-block;
	
}
#main .credit-block .key{
	font-weight:600;
	vertical-align:top;
	width:45%;
	float:left;
}
#main .credit-block .key:after{
	content:":"
}
#main .credit-block .value{
		width:54%;
}
#main .credit-block .value .social:after{
		content:" | ";
		color:#333;
}
#main .credit-block .value .social:last-child:after{
		content:"";
}
#main .credit-block a[href]{
	color:#ff4822;
	border:none;
}

/* schedule change */ 

#main .schedule-change {
    display: inline-block;
    font-size: 0.8em;
    color: #666;
    position: relative;
    padding-left: 30px;
}

#main .schedule-change:before {
    content: "\f35b";
    font-family: "Ionicons";
    color: #ff4822;
    font-size: 1.7em;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.8em;
}





/* icon social */

#main .icons-social i{
	font-size:25px;
	margin:0 10px;
	cursor:pointer;
	transition:color 0.3s ease;
}
#main .icons-social a:hover i{
	color:#ff4822;
}

/* film schedule */
#main .schedule-icons{
	margin-bottom:10px;
}
#main .schedule-icons .social-icons{
	float:left;
	padding:10px;
	padding-bottom:0;
	text-align:left;
}
#main .schedule-icons .social-icons .icon{
	padding-right:20px;
}


#main .schedule-table .ticket{
	color:#666;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:0;
	right:0;
}
#main .schedule-table{
	font-weight:normal;
}
#main .schedule-table .row{
	font-size:0;
}
#main .schedule-table .row.more-row>div{
	padding-top:5px;
	padding-bottom:5px;
}
#main .schedule-table .date{
	line-height:1.1;
	text-transform:uppercase;
	font-family:Benton, helvetica, sans-serif;
	font-size:12px;
	padding:0;
}
#main .schedule-table .time{
	padding:0;
}
#main .schedule-table .datetime{
	padding:0;
}
#main .schedule-table .date .day{
	font-size:22px;
}
#main  .schedule-table .flags{
	font-size:10px;
	font-style:italic;
	margin-top:3px;
	margin-left: 15px;
}
#main .schedule-table .row > div{
	position: static;
	width:100%;
	font-size:16px;
}
#main .schedule-table .location{
	line-height:1.5;
	padding-left:10px;
	padding-right:2px;
}
#main .schedule-table .datetime,#main .schedule-table .ticket-button {
	padding-left:2px;
	padding-right:2px;
}
#main .schedule-table .row{
	position: relative;
}

#main .table.schedule-table .row>div{
	padding-left:5px;
	padding-right:5px;
}


/* @film-page */

#main .film-pitch, #main .film-pitch>p{
	font-size:26px;
	line-height:1.3;
	margin-bottom:20px;
}
#main .film-pitch >p{
	margin:0;
	padding:0;
}
#main .film-note{
	font-size:16px;
}
#main .film-note > p{
	padding:0;
}

#main .film-programmer{
	color:#ff4822 !important;
	font-family:Courier, monospace;
	text-transform:uppercase;
	font-size:14px;
	margin:20px auto;
	border-bottom: 0px !important;
}

#main .film-programmer:hover {
	border-bottom: 1px solid #ff4822 !important;
}


#main .tag{
	font-size:12px;
	font-family:courier, monospace;
	text-transform:uppercase;
	margin-right:10px;
	padding-bottom:2px;
}

/* @masthead */

#main .masthead {
	color:#fff;
	position: relative;
	margin: 0 auto;
	background-repeat:norepeat;
	background-color:#444;
	background-position:top center;
	background-size:cover;
	height:600px;
	overflow: hidden;   
	opacity: 1.0;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	-o-transition: background 1s ease;
	-ms-transition: background 1s ease;
	transition: background 1s ease;
}
#main .masthead *{
	color:#fff;
	text-align:center;
}
#main .masthead .masthead-content{
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
}
#main .masthead .line{
	margin:10px auto;
}
#main .masthead h1, .masthead .info{
	margin:15px auto;
	padding:0;
}
#main .masthead h1{
	letter-spacing:10px;
	line-height:1.2;
}
#main .masthead .gradient {
  	position: absolute;
  	width: 100%;
  	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

/* @spinner */


.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#modal-loading .spinner,.modal-loading .spinner{
		margin:auto;
}
#modal-loading .spinner > div,.modal-loading .spinner > div{
	background-color:#fff;
}
#modal-loading .modal-dialog,.modal-loading .modal-dialog{
	top:40%;
	position:absolute;
	width:100%;
}

/* @datepicker */

.form-group {
  width: 502px;
  margin: 100px auto;
}



/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is "activated".
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only "scrollable" top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.picker {
  width: 100%;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -webkit-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
  -moz-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
  transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don't reach the holder.
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  -webkit-transition: all 0.15s ease-out, max-height 0, border-width 0;
  -moz-transition: all 0.15s ease-out, max-height 0, border-width 0;
  transition: all 0.15s ease-out, max-height 0, border-width 0;
  -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
  display:inline-block;
  width:100%;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2.5em;
  padding: .5em .25em;
  margin-left: .25em;
  margin-right: .25em;
  font-size: .6em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    font-size: .8em;
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  color: #0089ec;
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--selected,
.picker__day--selected:hover {
  border-color: #0089ec;
}
.picker__day--highlighted {
  background: #b1dcfb;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background: #0089ec;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today" and "clear" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 50%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before {
  content: " ";
  margin-right: .45em;
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  content: "\D7";
  margin-right: .35em;
  top: -0.1em;
  color: #ee2200;
  vertical-align: top;
  font-size: 1.1em;
}

/* customizing datepicker */

.picker__weekday{
	text-align:center;
	color:#fff;
	font-size:16px;
}

.picker__frame{
	background:#888;
	font-family:Benton, helvetica, sans-serif;
	font-size:14px;
}
.picker--opened .picker__holder{
	border-radius:0;
	border:none;
	box-shadow:none;
	
}
.picker__day{
	background:#fff;
	border:2px solid #888;
	padding:10px 6px 8px 8px;
}
.picker__day--disabled, .picker__day--disabled:hover{
	background:none;
	border:none;
}
.picker__footer{
	display:none;
}
.picker__table{
	margin-bottom:0.75em;
}
.picker__header{
	/* display:none; */
}
.picker__header .picker__month,.picker__header .picker__year{
	font-family: Benton;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
	letter-spacing:1px;
  text-align: center;
  margin: 5px 2px;
}


.picker__nav--prev,.picker__nav--next{
	position:absolute;
	background:none;
}
.picker__nav--prev:before{
	border-right:0.75em solid #fff;
}
.picker__nav--next:before{
	border-left:0.75em solid #fff;
}
.picker__nav--prev:hover:before{
	border-right:0.75em solid #ff4822;
}
.picker__nav--next:hover:before{
	border-left:0.75em solid #ff4822;
}
.picker__nav--prev:hover, .picker__nav--next:hover{
	background:none;
}
.picker__nav--prev{
	float:left;
}
.picker__nav--next{
	float:right;
}
.picker__nav--disabled{
	display:none;
}
.picker__day--infocus:hover, .picker__day--outfocus:hover{
	background:#ff4822;
	color:#fff;
}
.picker__day--disabled, .picker__day--disabled:hover{
	background:none;
	border:none;
}
.date-picker, .picker__holder{
	max-width:320px; 
	margin:auto;
}
.picker__day--selected{
	background:#ff4822;
	color:#fff;
}
 .picker__day--selected:hover{
	border-color:#888;
	background:#666;
}
#main .date-input-wrap{
	position:relative;
}
#main .date-selection .arrow{
	cursor:pointer;
	color:#333;
	font-size:25px;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition:color 0.3s ease; 
	
}
#main .date-selection .arrow > *{
	margin:0 10px;
}
#main .date-selection .arrow:hover{
	color:#ff4822;
}

#main .date-selection .carousel{
	padding-left:20px !important;
	padding-right:20px !important;
}
#main .date-selection .date{
	white-space:nowrap;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#main .date-selection .arrow.disable{
	color:#999;
	cursor:default;
}
#main .date-selection{
	position:relative;
	text-align:center;
}
#main .date-button{
	position:absolute;
	top:-10px;
	width:100%;
	left:0;
	height:30px;
	opacity:0;
}
#main .date-selection .date-input{
	width:300px;
	font-family:Benton,helvetica,sans-serif;
	font-size:20px;
	color:#333;
	-webkit-text-fill-color:#333;
	opacity:1;
	border:none;
	background:none;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:4px;
	transition:-webkit-text-fill-color 0.3s ease, color 0.3s ease;
}

#main .date-selection .date-button:hover ~ .date-input{
	color:#ff4822;
	-webkit-text-fill-color:#ff4822;
}
#main .picker__day--outfocus{
	display:none;
}
.picker__day--today{
	color:#333;
}
.picker__day--selected.picker__day--today{
	color:#fff;
}
#main .picker__day--today:before{
	border-top:0.5em solid #000;
}





/* press and industry toggle */

#main .audience-industry .ticket {
    display: none !important;
}

#main .audience-industry  .ticket-button:after {
    content: "Press & Industry";
    font-family: "Courier New", Courier, monospace;
    color: #009B8C;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    white-space: nowrap;
    right: 0;
}

#main .audience-industry {
	color: gray;
}


#main .row.audience-industry {
    background: #fff;
}

#main .schedule-table .row {
	border-bottom: 1px dashed #000;
}


#main .calendar__venue .event-cal.PI {
    border: 1px dashed #009B8C !important;
    color: #b6b6b6 !important;
}

#main .calendar__venue .event-cal.PI .PI-info {
	color: #009B8C !important;
}

#main .pandi.info {
	color: #009B8C;
}


/* remove programmers */

#main  option[value="tiff-festivalgalaprogrammers"], option[value="tiff-festivalplatformprogrammers"]  {
    display: none;
}


/* industry conference */

#main .programming-section ul.dropdown-menu {
	font-size: 14px;
}

#main .room-name {
    display: inline-block;
}

#main .industry-title b {
    padding-right: 1em !important;
}





/* @breakpoints */ 


/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {
			#main p img.left.outcrop, #main .p img.left.outcrop{
				margin-left:0px;
			}
			#main p img.right.outcrop, #main .p img.right.outcrop{
				margin-right:0px;
			}
	}
	

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
		#main p, #main .p{
			padding-left:15px;
			padding-right:15px;
			font-size:17px;
		}
		#main .cal-wrap .date{
			    padding: 0 20px 0 20px !important;
		}
		
		#main {
		    margin-top: 70px;
		}
		

	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 767px) {
		
		
		#main h1, #main h2, #main h3, #main h4, #main h5, #main h6{
			padding-left:10px;
			padding-right:10px;
		}
		#main h1{
			font-size:47px;
		}
		#main ul, #main ol{
			margin-left:20px;
		}
		#main .collapse-target:not(.collapse-row)>div{
			padding:20px;
		}
		#main p, #main .p{
			padding-left:15px;
			padding-right:15px;
			font-size:17px;
		}
		#main .pullquote{
			font-size:20px;
		}
		
		#main .modal.full .modal-content{
			padding-left:10px;
			padding-right:10px;
		}
		#main .modal.full .modal-body{
			margin:10px;
		}
		#main  .table{
			font-size:12px;
		}
		#main .table-wrap .info{
			font-size:10px;
		}
		
		#main .credit-block .row-wrap{
			width:100%;
			float:none;
		}
		
		#main .schedule-table .date{
			font-size:15px;
		}
		#main .schedule-table .date .day{
			font-size:inherit;
			display:inline-block;
		}
		#main .schedule-table .location{
			margin-top:10px;
			margin-bottom:15px;
			text-align:center;
		}
		
		#main .film-pitch, #main .film-pitch>p{
			font-size:23px;
		}
		#main .flex-container .box-wrap.box-collapse{
			border:none;
		}
		#main .flex-container .box-wrap.box-collapse:hover{
			border:none;
		}
		#main .flex-container .box-wrap.box-collapse .thumbnail{
			height:auto;
			padding:0;
		}
		#main .flex-container .box-wrap.box-collapse .thumbnail:before{
			height:200px;
			content: '';
		  position: absolute;
		  width: 100%;
		  height: 100%;
			left:0;
			background:rgba(0,0,0,0.6);
			transition:background 0.3s ease;
		}
		#main .flex-container .box-wrap.box-collapse .thumbnail:before{
		  content: '';
		  position: absolute;
		  width: 100%;
		  height: 100%;
			left:0;
			background:rgba(0,0,0,0.6);
			transition:background 0.3s ease;
		}
		#main .flex-container .box-wrap.box-collapse .thumbnail:hover:before{
			background:rgba(70,70,70,0.6);
		}
		#main .modal.wide .modal-body{
			padding:10px;
		}
		#main .date-selection .date-input{
			font-size:15px;
			width:250px;
		}
		
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
		
		
		
		
		#main .txt-xs-small{
			font-size:13px;
		}
		#main .xs-left{
			text-align:left;
		}
		#main .xs-right{
			text-align:right;
		}
		#main p, #main .p{
			padding-left:15px;
			padding-right:15px;
			font-size:17px;
		}
		#main #answers h4{
			font-size:17px;
		}
		#main h1{
			font-size:36px;
			letter-spacing:2px;
		}
		
		#main .masthead h1{
			letter-spacing:3px;
		}
		#main .masthead .info{
			letter-spacing:0;
		}
		#main .ticket,#main a.ticket{
			padding:4px 2px;
		}
		#main .ticket:after{
			padding:4px 1px;
			margin-left:2px;
			width:8px;
		}
		#main .schedule-table .ticket{
			padding:8px;
		}
		#main .schedule-table .ticket:after{
			padding:8px;
			margin-left:10px;
		}
		#main .bio .image-wrap{
			width:100px;
			height:120px;
		}
		#main .date-selection .arrow > *{
			margin:0;
		}
		
		
		#main .schedule-change { padding: 0 !important; }

		#main .schedule-change:before {
			content: "\f35b";
			font-family: "Ionicons";
			color: #ff4822;
			font-size: 1.7em;
			display: block;
			position:relative; 
			left:auto !important;
			top:auto !important;
		}
	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {
		#main h1{
			font-size:30px;
			letter-spacing:0px;
		}
		#main h2{
			font-size:30px;
			letter-spacing:2px;
		}
		#main h3{
			font-size:26px;
		}
		#main p, #main .p{
			padding-left:10px;
			padding-right:10px;
			font-size:17px;
		}

	}
	
	
/* SECTIONS */ 
	
	
/* @industry */

#main .industry-logos{
	text-align:center;
}
#main .industry-logos img{
	width:auto;
	height:50px;
	text-align:center;
	margin:auto;
	margin-right:20px;
	margin-bottom:20px;
	padding-right:20px;
	border-right:1px solid #999;
}
#main .industry-logos img:last-child{
	border-right:none;
	padding-right:0;
}
#main .industry-team-grid .headshot{
	height:140px;
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:none;
	display:inline-block;
}
#main .industry-team-grid{
	font-size:12px;
	display:inline-block;
	width:100%;
}
#main .industry-team-grid > div{
	padding-left:10px;
	padding-right:10px;
	height:240px;
}
#main .industry-team-grid .name{
	font-weight:bold;
}
#main .industry-team-grid .role{
	margin-bottom:20px;
}
#main .industry-social{
	margin-top:70px;
}
#main .industry-social .icon{
	font-size:26px;
	margin:10px;
	-webkit-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
#main .industry-social .icon:hover{
	color:#ff4822;
}
@media (max-width: 480px) {

	#main .industry-connect .table .row{
		text-align:center;
	}
}

/*industry resources */ 

#main .industry-resources-grid h4{
	font-size:20px;
}
#main .industry-resources-grid p{
	font-size:15px;
	margin-top:10px;
	margin-bottom:0;
	padding:25px;
	padding-top:0;
}
#main .industry-resources-grid .button-wrap{
	position:absolute;
	width:100%;
	bottom:20px;
}
#main .industry-resources-grid .box{
	padding-bottom:60px;
}

/* hack for ie 9 & 10*/ 
@media screen and (min-width:0\0) {  

	#main .industry-resources-grid .box, .industry-passes-grid .box{
		height:470px;
	}
	*::-ms-backdrop, #main .industry-resources-grid .box, .industry-passes-grid .box{ /* for ie 11 */ 
height:auto;
}
}

/* for ie  10 & 11 */ 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 #main .industry-resources-grid .box, .industry-passes-grid .box{ 
	height:auto;
	}
	
}

#main .industry-banner{
	background:#000;
	color:#fff;
	display:inline-block;
	height:400px;
	position:relative;
	width:100%;
}

#main .industry-banner > *{
	padding:30px 10px 40px 10px;
	height:400px;
	display:inline-block;
	width: 100%;
  position: absolute;
  max-width: 1100px;
  background-size: cover;
  background-position: center;
}
#main .industry-banner-image{
	left:0;
	margin-left:0;
}

#main .industry-banner-blurb {
	width:500px;
	position:absolute;
	right:10px;
	background:rgba(0,0,0,0.4);
}

@media only screen and (max-width : 1100px) {
	#main .industry-banner{
		text-align:center;
	}
	
	#main .industry-banner-blurb {
		position:relative;
		right:initial;
		background:rgba(0,0,0,0.5);
		height:auto;
	}
	#main .industry-banner{
		height:auto;
	}
	
}

@media only screen and (max-width : 800px){
	#main .industry-banner-blurb{
		width:100%;
	}
	#main .industry-banner{
		background-size: cover;
	  background-position: center;
	background-image:url(https://s3.amazonaws.com/content.tiff.net/website-ui/images/festival/2015/industry/industry-home.png);
	}
		
	#main .industry-banner-image{
		display:none;
	}
	
}

@media only screen and (max-width : 500px){
	#main .industry-logos img{
		border-right:none;
		padding-right:0;
		margin:20px;
	}
	
}
/* @daily */

/* for ie  10 & 11 */ 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 #main .festival-daily-grid .box, .festival-daily-masonry-grid .box{ 
	height:auto;
	}
	
}

#main .festival-daily-banner{
	background:#000;
	color:#fff;
	display:inline-block;
	height:400px;
	position:relative;
	width:100%;
}

#main .festival-daily-banner > *{
	padding:30px 10px 40px 10px;
	height:400px;
	display:inline-block;
	width: 100%;
  position: absolute;
  max-width: 1100px;
  background-size: cover;
  background-position: center;
}
#main .festival-daily-banner-image{
	left:0;
	margin-left:0;
}

#main .festival-daily-banner-blurb {
	width:auto;
	position:absolute;
	left:0;
	background:rgba(0,0,0,0.4);
}

@media only screen and (max-width : 1100px) {
	#main .festival-daily-banner{
		text-align:left;
	}
	
	#main .festival-daily-banner-blurb {
    position: absolute;
    width: auto;
    left: 0px;
	}
	#main .festival-daily-banner{
		height:auto;
	}
	
}

@media only screen and (max-width : 800px){
	#main .festival-daily-banner-blurb{
		width:100%;
	}
	#main .festival-daily-banner{
		background-size: cover;
	  background-position: center;
	background-image:url(https://s3.amazonaws.com/content.tiff.net/website-ui/images/festival/2015/daily/festival-daily-home.png);
	}
		
	#main .festival-daily-banner-image{
		display:none;
	}
	

	
}

@media only screen and (max-width : 766px){
	#main .audience-industry  .ticket-button:after {
    content: "Press & Industry";
    font-family: "Courier New", Courier, monospace;
    color: #009B8C;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
	display:block;
}
}

@media only screen and (max-width : 500px){
	#main .festival-daily-logos img{
		border-right:none;
		padding-right:0;
		margin:20px;
	}
	
}

#festival-daily h1,festival-daily h2,festival-daily h3,festival-daily h4,festival-daily h5,festival-daily h6, {
    text-transform: uppercase;
    color: inherit;
    font-family: Benton,helvetica,sans-serif;
    text-align: left;
}
	
#festival-daily .line {
    padding: 0px;
    height: 0px;
    width: 40px;
    transition: color 0.3s ease 0s, width 0.3s ease 0s;
    border-bottom: 2px solid rgb(255, 255, 255);
    margin-right: auto;
}
#pin {
  position: relative;
  max-width: 100%;
  width: 100%;
}
#pin img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.pin-white-panel {
  position: absolute;
  background: white;
  padding: 10px;
}
/*
stylize any heading tags withing white-panel below
*/

.pin-white-panel h1 {
  font-size: 1em;
}
.pin-white-panel h1 a {
  color: #000;
}
.pin-white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#pin-line {
    margin: 0px auto;
    padding-bottom: 3px;
    width: 100%;
    border-bottom: 1px dashed #CCC;
}


/*logobar*/

.logo-bar {
	width: 960px;
    padding: 1em 0;
    margin: auto;
    max-width: 100%;
}

.logo-bar img {
    height: 96px;
    width: auto;
	}
	
	
/*highlighter */

.highlight-links a {
    background-color: #ffff99;
    border-bottom: 4px solid #ffff99;
    box-shadow: inset 0 -5px 0 #ffff99;
	border: 0 !important;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	

	
}

.highlight-links a:hover { 
	background-color: #fff; 
	

}


.highlight-links a.smooth-scroll {
	background: none;
    border: 0 !important;
    box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

.highlight-links a.smooth-scroll:hover .orange{ 
	color: #000 !important;
}