/*-----------------------------------*/
/*------------- GLOBAL --------------*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

a:link {
    text-decoration: none;
    color: #fff;
}

a:visited {
    text-decoration: none;
    color: #fff;
}

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

a:active {
    text-decoration: none;
    color: #fff;
}

h1 {
	
}

h2 {
	font-family: "Lato", San-Serif;
	font-weight: bold;
}

h3 {
	font-family: "Lato", San-Serif;
	font-weight: bold;
}

hr {
	border: 1px solid #777;
}

p {
	font-size: 1.2em;
}

.text-white {
	color: #fff;
}

.link-bg {
	height: auto;
	color: #000;
	background-color: #0286A5;
	border-top: 5px solid #C0C0C0;
	border-bottom: 5px solid #C0C0C0;
	padding: 20px;
}

.indent {
	text-indent: 50px;
}

.wrapper {
	width: 100%;
}

.center {
	text-align: center;
}

.text-white {
	color: #fff;
}

.icon {
	visibility: hidden;
}

.btn {
	text-decoration: none;
	background: none;
	background-color: #0286A5;
	color: #fff;
	border: none;
}

.btn-primary {
	text-decoration: none;
	background: none;
	background-color: #0286A5;
	color: #fff;
	border: none;
}

.btn:hover {
    text-decoration: none;
    background: none;
    background-color: #035C6E;
    color: #000;
	border: none;
}

.btn:active {
    text-decoration: none;
    background: none;
    background: transparent;
    color: #fff;
	border: none;
}

.btn:visited {
    text-decoration: none;
    background: none;
    background: transparent;
    color: #0286A5;
	border: none;
}

.modal-style {
	
}

.modal-content {
	background-color: #fffaeb;
}

.modal-body {
	text-align: left;
}

.centerBlock {
    display: table;
    margin: 0 auto;
}

/*------------- END GLOBAL -------------*/
/*--------------------------------------*/


/*------------------------------*/
/*------------- NAV-------------*/

.navbar .navbar-fixed-top {
	
}

.navbar-inverse {
	background: transparent;
	border: none;
}

.nav-text {
	font-size: 1.3em;
	color: #fff;
	padding: .5em;
}

.nav-contact {
	float: right;
}

/*-----------------------------------*/
/*------------- END NAV -------------*/


/*--------------------------------*/
/*------------- FONTS-------------*/


/*-------------------------------------*/
/*------------- END FONTS -------------*/


/*------------- JUMBOTRON -------------*/
/*-------------------------------------*/

.hero-image {
	height: 700px;
	background: url("../images/movie-poster.jpg");
	background-size: cover;
	padding-bottom: 0px;
} 

/*------------- END JUMBOTRON -------------*/
/*-----------------------------------------*/

/*------------- ICONS ---------------------*/
/*-----------------------------------------*/

.fa {
	margin: 0 auto;
	
}

.fa-chevron-circle-down {
	margin: 0 auto;
}

.icon {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  line-height: 45px;
  border: solid 0px #fff;
  border-radius: 20px;
  z-index: 3;
  color: #fffaeb;

  }

 /*------------- END ICONS ---------------------*/
/*----------------------------------------------*/

/*------------- CREDITS -------------*/
/*------------------------------------*/

.credits {
	padding: 1em 0 1em 0; 
	height: 100%;
	border-top: .5em solid #c0c0c0;
	border-bottom: .1em solid #c0c0c0;
	background-color: #fffaeb;
}

.credits-text {
	font-size: 1.2em;
}

.credits-link a {
	color: #000;
}

/*------------- END CREDITS -------------*/
/*---------------------------------------*/


/*------------- LOGLINE -------------*/
/*-----------------------------------*/

.logline {
	padding: 1em 0 1em 0; 
	font-size: 1.4em;
}

/*------------- END LOGLINE -------------*/
/*---------------------------------------*/


/*------------- SYNOPSIS -------------*/
/*------------------------------------*/

.synopsis {
	padding: 1em 0 1em 0; 
	height: 100%;
}

.synopsis-text {
	font-size: 1.2em;
}

.synopsis-link a {
	color: #000;
}

/*------------- END SYNOPSIS -------------*/
/*----------------------------------------*/


/*------------- FESTIVALS ------------*/
/*------------------------------------*/

.festivals {
	padding: 3em 0 0em 0; 
	height: 100%;
}

.festivals-text {
	margin:  1em 0 3em 0; 
	font-size: 1.2em;
}

.festivals a {
	color: #000;
}


/*------------- END FESTIVALS ------------*/
/*----------------------------------------*/


/*------------- SUPPORT --------------*/
/*------------------------------------*/

.support {
	padding: 1em 0 1em 0; 
	height: 100%;
}

.support-text {
	width: 100%;
	height: auto;
	background-color: #0286A5;
	font-size: 1.2em;
	color: #fff;
}

.support-link a {
	color: #000;
}

.support-image {
	height: 400px;
	padding-top: 0%;
	padding-bottom: 0px;
	background: url("../images/support-poster.jpg");
	background-size: cover;
} 

/*------------- END SUPPORT --------------*/
/*----------------------------------------*/

/*------------- MERCHANDISE --------------*/
/*------------------------------------*/

.merchandise {
	padding: 1em 0 1em 0; 
	height: 100%;
	background-color: #fffaeb;
	border-top: .5em solid #c0c0c0;
	border-bottom: .5em solid #c0c0c0;
}

.merchandise-text {
	width: 100%;
	height: auto;
	
	font-size: 1.2em;
	color: #000;
}

.merchandise-link a {
	color: #000;
}

.merchandise-image {
	height: 400px;
	padding-top: 0%;
	padding-bottom: 0px;
	background: url("../images/merchandise-poster.jpg");
	background-size: cover;
} 

/*------------- END MERCHANDISE --------------*/
/*----------------------------------------*/


/*------------- VIDEO -------------*/
/*---------------------------------*/

#video {
	
}

.video-bg {
	border-top: .5em solid #c0c0c0;
	border-bottom: .5em solid #c0c0c0;
	padding: 0em;
}

.video-text p {
	margin-top: 5%;
	font-size: 5em;
	font-weight: bold;
	color: #fff;
	font-family: "Lato", San-Serif;
	text-align: center;
}

.play {
	width: 150px;
	height: 150px;
	margin: 5% auto;
	background: url("../images/play.png");
	z-index: 2;
}

/*------------- END VIDEO -------------*/
/*-------------------------------------*/


/*------------- TEAM -----------------*/
/*------------------------------------*/

.team {
	margin-top: 5em;
	height: 100%;
	border-top: .5em solid #c0c0c0;
	border-bottom: .5em solid #c0c0c0;
	background-color: #fffaeb;
	padding: 1em 0 1em 0; 
}

.profile-image {
	width: 150px;
	height: 150px;
}

.profile-name {
    padding-top: 10px;
    font-size: 1.5em;
    text-align: center;
}

.profile-title {
    font-size: .8em;
    text-align: center;
}

.profile-eric {
	margin: 0 auto;
	background: url("../images/eric-profile.png");
}

.profile-jamal {
	margin: 0 auto;
	background: url("../images/jamal-profile.png");
}

.profile-text {
	margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
}

.read-more {
	text-align: right;
	text-transform: capitalize;
}

.read-more a {
	color: #000;
}

/*------------- END TEAM -------------*/
/*------------------------------------*/

/*------------- CAST -------------*/
/*--------------------------------*/

.cast {
	margin-top: 2em;
	height: 100%;
	background-color: #fff;
}

.cast-image {
	width: 150px;
	height: 150px;
	border: 1px solid #000;
}

.cast-text {
    padding: 30px;
    text-align: left;
}

.cast-name {
    padding: 25px;
    max-width: 400px;
    text-align: center;
}

.cast-member-1 {
	background: url("../images/headshot-matthew.jpg");
}

.cast-member-2 {
	background: url("../images/headshot-eric.jpg");
}

.cast-member-3 {
	background: url("../images/headshot-bianca.jpg");
}

.cast-member-4 {
	background: url("../images/headshot-benton.jpg");
}
.cast-member-5 {
	background: url("../images/headshot-bryan.jpg");
}
.cast-member-6 {
	background: url("../images/headshot-kobe.jpg");
}


/*------------- END CAST -------------*/
/*------------------------------------*/

/*------------- WRITER STATEMENT -----*/
/*------------------------------------*/

.statement {
	margin-top: 5em;
	height: 100%;
	border-top: .5em solid #c0c0c0;
	border-bottom: .5em solid #c0c0c0;
	background-color: #fffaeb;
	padding: 1em 0 1em 0; 
}

/*------------- END WRITER STATEMENT -----*/
/*----------------------------------------*/


/*------------- FOOTER -------------*/
/*----------------------------------*/
.footer {
	
}

.footer-cover {
	height: 600px;
	border-top: .5em solid #c0c0c0;
	border-bottom: .5em solid #c0c0c0;
	background: url("../images/footer-cover.jpg");
	background-size: cover;
}


.footer a {
	color: #000;
}

.footer-text p {
	color: #fff;
}

.footer-text {
	margin-top: 15%;
	font-size: 1.2em;
	text-align: center;
}

/*--------------------------------------*/
/*------------- END FOOTER -------------*/


/*------------- COPYRIGHT -------------*/
/*-------------------------------------*/

.copyright {
	height: 3em;
	background-color: #fffaec;
	text-align: center;
}

.copyright p {
	padding-top: .5em;
	
}

.copyright a {
	
}

/*------------- END COPYRIGHT -------------*/
/*-----------------------------------------*/



/*--------------------------------- BREAKPOINT TABLET -------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

/* Tablet Portrait */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {


.icon {
	visibility: hidden;
}

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

/*------------- JUMBOTRON -------------*/
/*-------------------------------------*/

.hero-image {
	height: 468px;
} 

/*------------- END JUMBOTRON -------------*/
/*-----------------------------------------*/

/*------------- CREDITS -------------*/
/*------------------------------------*/

.credits-text {
	font-size: 1.3em;
}

/*------------- END CREDITS -------------*/
/*---------------------------------------*/

/*------------- SYNOPSIS -------------*/
/*------------------------------------*/

.logline {
	font-size: 1.3em;
}

.synopsis-text {
	font-size: .9em;
}

/*------------- END SYNOPSIS -------------*/
/*----------------------------------------*/


/*------------- VIDEO -------------*/
/*---------------------------------*/

.video-bg {
	width: 100%;
	height: auto;
	background: url("../images/video-still2.jpg");
	background-size: cover;
}

.video-text p {
	margin-top: 0;
	font-size: 3em;
}

.play {
	width: 150px;
	height: 150px;
	margin: 5% auto;
	background: url("../images/play.png");
	z-index: 2;
}

/*------------- END VIDEO -------------*/
/*-------------------------------------*/


/*------------- CAST -------------*/
/*--------------------------------*/

.cast-image {
	margin: 0 auto;
}

/*------------- END CAST ---------*/
/*--------------------------------*/

/*------------- FOOTER -------------*/
/*----------------------------------*/
.footer {
	
}

.footer-cover {
	height: 468px;
}


.footer a {
	color: #fff;
}

.footer-text p {
	color: #fff;
}

.footer-text {
	margin-top: 15%;
	font-size: 1.2em;
	text-align: center;
}

/*--------------------------------------*/
/*------------- END FOOTER -------------*/

}



/*-----------------------------------------------------------------------------------------*/

/* Tablet Landscape */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

.icon {
	visibility: hidden;
}

/*------------- JUMBOTRON -------------*/
/*-------------------------------------*/

.hero-image {
	height: 468px;
} 

/*------------- END JUMBOTRON -------------*/
/*-----------------------------------------*/

/*------------- SYNOPSIS -------------*/
/*------------------------------------*/

.logline {
	font-size: 1.3em;
}

/*------------- END SYNOPSIS -------------*/
/*----------------------------------------*/

/*------------- CAST -------------*/
/*--------------------------------*/

.cast-image {
	margin: 0 auto;
}

/*------------- END CAST ---------*/
/*--------------------------------*/

/*------------- VIDEO -------------*/
/*---------------------------------*/

.video {
	height: 468px;
	padding: 1em 0 1em 0; 
}

.video-text p {
	margin-top: 0;
	font-size: 3em;
}

.play {
	width: 150px;
	height: 150px;
	margin: 5% auto;
	background: url("../images/play.png");
	z-index: 2;
}

}

/*------------- END VIDEO -------------*/
/*-------------------------------------*/



/*--------------------------------- BREAKPOINT MOBILE -------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

/* Mobile Portrait */
@media screen and (min-width: 320px) and (max-width: 736px) and (orientation: portrait) {

h2 {
	font-size: 1.8em;
	font-family: "Lato", San-Serif;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
	font-family: "Lato", San-Serif;
	font-weight: bold;
}

p {
	font-size: 1em;
}

.icon {
	visibility: hidden;
}

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

.gallery-center {
	margin: 0 auto;
}

/*------------- JUMBOTRON -------------*/
/*-------------------------------------*/

.hero-image {
	height: 180px;
} 

/*------------- END JUMBOTRON -------------*/
/*-----------------------------------------*/

/*------------- CREDITS -------------*/
/*------------------------------------*/

.credits-text {
	font-size: .9em;
}

/*------------- END CREDITS -------------*/
/*---------------------------------------*/


/*------------- SYNOPSIS -------------*/
/*------------------------------------*/

.synopsis-text {
	font-size: 1em;
}

.logline {
	font-size: 1em;
}

/*------------- END SYNOPSIS -------------*/
/*----------------------------------------*/

/*------------- SUPPORT --------------*/
/*------------------------------------*/

.support {
	padding: 1em 0 1em 0; 
	height: 100%;
}

.support-text {
	width: 100%;
	height: auto;
	background-color: #0286A5;
	font-size: .8em;
	color: #fff;
}

.support-image {
	height: 200px;
	padding-top: 0%;
	padding-bottom: 0px;
	background: url("../images/support-poster.jpg");
	background-size: cover;
} 

/*------------- END SUPPORT --------------*/
/*----------------------------------------*/

/*------------- VIDEO -------------*/
/*---------------------------------*/

.video-bg {
	width: 100%;
	height: auto;
	background: url("../images/video-still2.jpg");
	background-size: cover;

}

.video-text p {
	margin-top: 0%;
	font-size: 2em;
	color: #fff;
	font-family: "Lato", San-Serif;
	text-align: center;
}
.play {
	width: 50px;
	height: 50px;
	margin: 5% auto;
	background: url("../images/play-mobile.png");
	z-index: 2;
}

/*------------- END VIDEO -------------*/
/*-------------------------------------*/


/*------------- CAST -----------------*/
/*------------------------------------*/

.cast {
	height: 100%;
	background-color: #fff;
	
}

.cast-image {
	width: 150px;
	height: 150px;
	border: 1px solid #000;
	margin: 0 auto;
}

.cast-text {
	margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
}


/*------------- END CAST -------------*/
/*------------------------------------*/

/*------------- PROFILE -------------*/
/*-----------------------------------*/

.profile-text {
	margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
}

/*------------- END PROFILE -------------*/
/*---------------------------------------*/


/*------------- WRITER STATEMENT -----------*/
/*------------------------------------------*/

.statement {
	height: 100%;
	border-top: .5em solid #c0c0c0;
	border-bottom: .5em solid #c0c0c0;
	background-color: #fffaeb;
}

/*------------- END WRITER STATEMENT --------*/
/*-------------------------------------------*/


/*------------- FOOTER -------------*/
/*----------------------------------*/

.footer-cover {
	height: auto;
	background: url("../images/footer-cover.jpg");
	background-size: cover;
	padding-bottom: 1.5em;
}

.footer-text {
	margin-top: 0%;
	font-size: .6em;
	text-align: center;
}

.footer a {
	color: #fff;
}

}

/*--------------------------------------*/
/*------------- END FOOTER -------------*/

/*-----------------------------------------------------------------------------------------*/

/* Mobile Landscape */
@media screen and (min-width: 320px) and (max-width: 750px) and (orientation: landscape) {

.icon {
	visibility: hidden;
}

/*------------- JUMBOTRON -------------*/
/*-------------------------------------*/

.hero-image {
	height: 280px;
} 

/*------------- END JUMBOTRON -------------*/
/*-----------------------------------------*/


/*------------- SYNOPSIS -------------*/
/*------------------------------------*/

.logline {
	font-size: 1.1em;
}

/*------------- END SYNOPSIS -------------*/
/*----------------------------------------*/


/*------------- VIDEO -------------*/
/*---------------------------------*/

.video {
	margin-top: 0;
	height: 280px;
}

.video-text p {
	margin-top: 0%;
	font-size: 2em;
	color: #fff;
	font-family: "Lato", San-Serif;
	text-align: center;
}

.play {
	width: 150px;
	height: 150px;
	margin: 2% auto;
	background: url("../images/play.png");
	z-index: 2;
}

/*------------- END VIDEO -------------*/
/*-------------------------------------*/

/*------------- CAST -----------------*/
/*------------------------------------*/

.cast {
	height: 100%;
	background-color: #fff;
	
}

.cast-image {
	width: 150px;
	height: 150px;
	border: 1px solid #000;
	margin: 0 auto;
}

.cast-text {
	margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
}

.cast-name {
    text-align: center;
}

/*------------- END CAST -------------*/
/*------------------------------------*/

/*------------- PROFILE -------------*/
/*-----------------------------------*/

.profile-text {
	margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
}

/*------------- END PROFILE -------------*/
/*---------------------------------------*/

/*------------- FOOTER -------------*/
/*----------------------------------*/

.footer-cover {
	height: 280px;
	background: url("../images/footer-cover.jpg");
	background-size: cover;
}

.footer-text {
	margin-top: 15%;
	font-size: .6em;
	text-align: center;
}

.footer a {
	color: #fff;
}

}

/*--------------------------------------*/
/*------------- END FOOTER -------------*/