@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


@font-face {
    font-family: 'fira_sansregular';
    src: url('../fonts/firasans-regular-webfont.woff2') format('woff2'),
         url('../fonts/firasans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #333;
}
.col-7ths {
  width: 50%;
  float: left;
  padding: 15px;
}
.desktop-right{text-align:left}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
html, body{height:100%;margin: 0;
  padding: 0;}

.home-bxslider,
  .home-bxslider li,
  #homeSlider .bx-wrapper,
  #homeSlider .bx-viewport {
    height: auto !important; /* let image decide height */
	   min-height: 450px;           /* prevent collapse */
  }

  .home-bxslider li img {
   width: 100%;
    height: auto !important;
    object-fit: contain;
    display: block; 
  }
.home-bxslider li .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* dark transparent overlay */
  z-index: 1; /* sits above image */
}
.bxslider .bx-caption {
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    color: #fcb916;
    text-align: center;
}
.bxslider .bx-caption h3 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}
body{  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  
  font-style: normal;
}
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}
.home-bxslider li {
  position: relative; /* make sure captions position relative to the slide */
}
.home-bxslider .bx-caption {
	    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    color: #fff;
  padding:10px;
    text-align: center;
   z-index: 2; /* above overlay */
	
	
}
.logoAlign{text-align: center
}
.home-bxslider .bx-caption h3 {
  margin: 0;color:#fcb916;
  font-size: 24px;
  font-weight: bold;
	text-shadow: 2px 2px 6px rgba(0,0,0,0.8); /* shadow for readability */
}
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	
	clear: none;
	float: none;
}
#div1 {
}
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}
.topHeader{background-color:#fcb916;position: relative;
    z-index: 100;}
.logoImg{position:relative;padding:20px;text-align:center;background-color:#f0ecb7;    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}
.navMenu{padding: 0;}
.bxslider {
  margin: 0 !important;
    padding: 0 !important;
}
.circle{
	border-radius: 50%;
	margin: 0.15em;
	font-size: 2em;
	}
	

	
.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:20px;
	border-top-right-radius: 	20px;
	border-top-left-radius: 	20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 	20px; 
	-moz-border-radius: 		20px 20px 20px 20px;
	-webkit-border-radius: 		20px 20px 20px 20px;
	-khtml-border-radius: 		20px 20px 20px 20px; 	
	color:#FFFFFF;
}
.icon i {
	font-size:20px;
	position:absolute;
	left:9px;
	top:10px;
}
.icon.social {
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
	background: #939393;
    color: #fff;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.icon.social:hover {
	background:#262626 ;
	color:#6d6e71;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	
}
.icon.social.fb i {
	left:13px;
	top:10px;    color: #fff;
}
.icon.social.tw i {
	left:11px; color: #fff;
}
.icon.social.in i {
	left:11px; color: #fff;
}
	
	
.hashtag{
	width:100%;
	padding-left: 30px;
    float: left;
    padding-top: 11px;}
.logoRight{padding-top:10px;text-align: left}
.bottomFooter{background-color:#da1d46; margin:25px 0 0 0}
.footerLinks{padding:10px 0; color:#fff; text-align:center;}
.footerLinks a{color:#fff}
.browse{    width: auto;
    margin-right: 12px;
    float: left;
    font-size: 1.2em;
    line-height: 1.3em;}
#browse li{    float: left;
    list-style: none;
    margin: 5px;
	    font-size: .9em;
    padding: 2px 10px;
    border-radius: 6px;
    background-color: #d4f9fa;}
#browse{padding:0;margin:0}
.browseActive{background-color:#da1d46 !important;color:#fff !important; border-radius:5px !important}
.filmdetails{background-color:#f07b3b; padding:5px;font-size:.9em;color:#fff}
.filmLabel{color:#2b2b2b}
.thumbpad{padding:2px; cursor:pointer}
.thumbpad:hover{opacity:.7;}
.sessionDetails{padding:5px 0; font-size:.9em}
.buy{padding:5px 10px; background-color:#da1d46;color:#fff;border-radius:5px}
.modal-header{background-color:#fcb916;    padding: 5px 15px;}
.agerestrict{padding:5px; background-color:#fcb916;display: inline-block}
.filmName{font-size:1.2em}
.myclose{    color: #000000;
    font-weight: bold;
    font-size: 1.2em;}
.padTop{    padding-top: 0px;}
.specialE{background-color:#24a49f;padding:5px;color:#fff}
h4{margin:5px 0}
.activeLink{color:#da1d46 !important}
.connect{padding:10px; background-color:#d4f9fa;width:100%; max-width:700px}
.dateImg{padding-top:3%}
.session{font-size:1.1em}
.popupName{font-size:1.3em;text-transform:uppercase}
.topH{height:88px}
.menuH{height:auto}
.topPad{    padding-top: 0px;}
.showPhone{display:block;padding:15px}
.hidePhone{display:none}
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bodyFont{font-size:1em !important}
.home-bxslider {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.home-bxslider li {
  margin: 0 !important;
  padding: 0 !important;
}

.bx-wrapper {
  margin: 0 auto !important; /* removes bxSlider’s default 60px left/right margin */
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 480px) {


#div1 {
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
#browse li{
    margin: 0 15px;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 768px) {
	.desktop-right{text-align:right}
	.bxslider .bx-caption h3 {
 
		font-size: 40px;}
	.home-bxslider .bx-caption {padding:0}
	.home-bxslider .bx-caption h3 {

		font-size: 40px;}
	.home-bxslider,
.home-bxslider li,
#homeSlider .bx-wrapper,
#homeSlider .bx-viewport {
  height: calc(100vh - 120px) !important; /* full screen minus header */
	margin-top: 120px; /* ensures it doesn’t hide under header */
}

.home-bxslider li img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* fill screen without distortion */
}
	.logoRight{text-align: right}
	  .col-7ths {
    width: 14.2857%; /* 100/7 */
  }
	.logoAlign{text-align: left
}
	.topPad{    padding-top: 125px;}
	.showPhone{display:none}
	.hidePhone{display:block}
	.logoImg{position:absolute;}
	.navMenu{padding: 25px 0;}
	.menuH{height:40px}
.hashtag{
	width:auto;}
.gridContainer {

	max-width: 1200px;

	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
.topHeader{position: fixed;padding:10px 0;}.padTop {
    padding-top: 120px;
}
.logoImg {
 text-align:left;
}
}