@charset "utf-8";
/* CSS Document */

html { }
body { font-family: "Work Sans", sans-serif; font-weight: 300; font-size:15px; color:#FFF; background-color:#000; padding:0px; margin:0px; }

.work-sans-light {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.work-sans-normal {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.work-sans-bold {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.work-sans-extrabold {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.content_holder {display:block; margin:0px auto; padding:0px; max-width:807px; }

header {width:100%; height:auto; margin:0px auto; padding:0px 0px 60px; float:none; text-align:center;}
h1 {margin:0px; padding:50px 0px; position:relative; z-index:10;}
h1.logo img {width:100%; max-width:228px; height:auto;}

ul.nav {list-style-type:none; display:block; font-family: "Work Sans", sans-serif; font-weight: 600; text-transform:uppercase; text-align:center; position:relative; z-index:100; font-size:20px; padding:0px; margin:0px;}
ul.nav li {display:inline-block;margin:0px 25px;}
ul.nav li a {text-transform:uppercase; color:#FFF; padding:0 7px;}
ul.nav li a:hover {text-decoration: none; color:#fafed3;}
ul.nav li.current-page a {background-color:#FFF; color:#000;}

.menui { background: #FFF;  transition: 0.6s ease;  transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);  margin-top: 6px;  position: fixed;}
.icon {  z-index: 2000;  position: fixed; background-color:#000;   padding: 4px 8px;  height: 32px;  width: 32px;  margin: 0px;  top: 0px;  right: 0px; }
.hamburger {position:relative; margin-left:5px;}
.mobile_nav_holder {background-color:#000; width:100%; height:100%; position:fixed; top:-100%; right:0px; margin-top:-100% !important; padding:0px; z-index:2002; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}

.top-animate {  background: #FFF !important;  top: 13px !important;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.mid-animate { opacity: 0; }
.bottom-animate {  background: #FFF !important;  top: 13px !important;  -webkit-transform: rotate(-225deg);  transform: rotate(-225deg);}
.top-menu {  top: 5px;  width: 25px;  height: 3px;  border-radius: 10px;  background-color: #FFF;}
.mid-menu {  top: 13px;  width: 25px;  height: 3px;  border-radius: 10px;  background-color: #FFF;}
.bottom-menu {  top: 21px;  width: 25px;  height: 3px;  border-radius: 10px;  background-color: #FFF;}

.masthead_image {display:block; width:100%; height:auto; text-align:center; background-color:#000;}
.masthead_image img {display:block; width:100%; height:auto; max-width:1920px; margin:0 auto;}

.page_holder {display:block; width:100%; height:auto;}
.content_inner {display:block; max-width:1254px; margin:0 auto; padding:0 20px;}

.tagline {background-color:#000; padding:60px 0;}
.tagline p {font-size:28px; line-height:35px; color:#FFF; text-transform: uppercase; font-family: "Work Sans", sans-serif;  font-optical-sizing: auto;  font-weight: 400;  font-style: normal; padding:0; margin:20px 0; text-align:center;}
.tagline strong {font-weight: 700;}

.red_block {background-color:#4a1313; padding:100px 0 80px;}
.red_block h4 {font-family: "Work Sans", sans-serif; text-transform: uppercase;  font-optical-sizing: auto;  font-weight: 900;  font-style: normal; font-size:23px; display:block; text-align:left; display:block; padding:0 0 40px; margin:0;}
ul.two_col_list {display:flex; width:100%; list-style-type:none; padding:0; margin:0; }
.column_left {display:inline-block; width:49%;}
.column_right {display:inline-block; width:49%;}
ul.two_col_list li {display:inline-block; box-sizing:border-box; padding-right:30px; margin-bottom:20px;}
ul.two_col_list li h3 {display:inline-block; background-color: #FFF; padding:2px 13px; text-transform: uppercase; color:#000; font-family: "Work Sans", sans-serif;  font-optical-sizing: auto;  font-weight: 700;  font-style: normal; font-size:23px; line-height:32px; margin:0 0 15px; overflow:hidden;}
ul.two_col_list li p {font-size:17px; line-height:27px; padding:0 10px; margin:0 0 20px; display:block; max-width:480px;}

.clear {clear:both;}

a.fade, .fade {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; }
a.fade:hover, .fade:hover {filter: alpha(opacity=80); opacity: 0.80; }
a img {border:none;}

footer {padding:60px 0 30px; display:block; color:#fff; background-color:#000; text-align:center;}
#contact {text-align:center; padding-bottom:60px;}
#contact h3 {font-family: "Work Sans", sans-serif; text-transform: uppercase;  font-optical-sizing: auto;  font-weight: 300;  font-style: normal; font-size:23px; display:block; color:#b7b7ac; margin:0 0 10px;}
ul.footer_links {list-style-type:none; padding:0; margin:0; font-family: "Work Sans", sans-serif; text-transform: uppercase;  font-optical-sizing: auto;  font-weight: 900;  font-style: normal; font-size:23px; display:block; }
ul.footer_links li {display:inline-block; padding:0; margin:0 0 0 6px;}
ul.footer_links li:after {content:'|'; color:#b7b7ac; margin-left:10px;}
ul.footer_links li:last-of-type:after {content:''; }
ul.footer_links li a {color:#FFF;}
ul.footer_links li a:hover {color:#8fa095; text-decoration:none;}

footer a {color:#FFF;}
footer a:hover {}
a {color:#7d8dbc; text-decoration:none;}
a:hover {color:#00acee;  text-decoration:none;}
span.copyright {font-size:13px; text-align:center; display:block; width:100%; margin:0px auto; padding:20px 0px 20px; float:none; color:#9b9b9b;}
span.copyright a {color:#FFF;}
span.copyright a:hover {text-decoration: underline;}

h1.production_title {font-size:40px; text-transform:uppercase; text-align:center;}
span.production_tagline {display:block; padding:0 20px 40px; margin:0 auto; font-weight:200; font-size:28px; text-align:center; font-style: italic; max-width:600px;}
.trailer_embed {padding:20px 0 50px;}
ul.cast {list-style-type:none; padding:20px; margin:0 auto; text-align:center; max-width:900px;}
ul.cast li {display:inline-block; font-weight:700; font-size:33px; text-transform:uppercase; margin:0 20px 10px; padding:0;}
ul.production_notes {list-style-type:none; padding:0 0 20px; text-align:center; margin:0 auto; max-width:900px;}
ul.production_notes li {display:inline-block; font-size:13px; font-weight:200; margin:0 10px 10px; padding:0; }
ul.production_notes li strong {font-weight:500;}
ul.stills_gallery {list-style-type:none; display:flex; flex-wrap:wrap; padding:0;}
ul.stills_gallery li {display:inline-block; width:33%; box-sizing: border-box; padding:20px; margin:0;}
ul.stills_gallery li a {display:block;}
ul.stills_gallery li a img {display:block; width:100%; height:auto; zoom: 1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
ul.stills_gallery li a:hover img {filter: alpha(opacity=80); opacity: 0.80; }
.slick-slide img {width:100%; height:auto;}
.still_images_carousel {margin:0 0 40px 0 !important;  padding: 30px 30px 15px;}
.slick-dots {margin:0px auto !important; position:relative !important; width:auto !important;}
.slick-dots li.slick-active button::before, .slick-dots li button::before {color:white !important;}
.production_links {text-align:center; padding-top:70px;}
.production_links a {font-weight:700; font-size:28px; text-transform:uppercase; margin:0px auto; padding:0; text-align:center;}
.production_links a:hover {color:#fafed3;}
span.divider {font-size:23px; display:inline-block; position:relative; top:-2px; margin:0 10px; padding:0;}
.release_date {font-weight:700; font-size:33px; text-transform:uppercase; display:block; text-align:center; margin:0 auto; padding:40px 20px;}

.thin_breaker {display:block; border-bottom:1px solid white; width:auto; box-sizing:border-box; height:0px; margin:40px 20px; padding:0;}

.team_block {display:flex; align-items:flex-start; justify-content:space-evenly;  width:100%; box-sizing: border-box; padding:60px 20px; margin:0px;}
.profile_pic {width:33%; max-width:330px; background-color: darkgray; box-sizing:border-box;}
.profile_pic img {width:100%; height:auto; display:block;}
.bio_holder {width:66%; box-sizing:border-box; padding:0 0 0 60px;}
h3.team_name {font-weight:700; font-size:33px; text-transform:uppercase; margin:0; padding:0 0 30px;}
.bio {display:block;}
.bio p {font-size:15px; line-height:26px; padding:0; margin:0 0 20px; display:block; }
.team_block:nth-child(even) {flex-direction: row-reverse;}
.team_block:nth-child(even) .bio_holder {padding:0 60px 0 0;}

#back-top {display:block; width:43px; height:38px; display:block; background-image:url(images/backtotop.jpg); background-repeat:no-repeat; position:fixed; bottom:0px; right:0px;}

.mobile_nav {display:none; z-index: 2020;  position: fixed;}
.iphone_show {display:none;}

@media only screen and (max-width: 1024px) {
}
	
@media only screen and (max-width: 768px) {
	.iphone_hide {display:none !important;}
	.iphone_show {display:block !important;}
	h1 {text-align:left; padding:10px;}
	h1.logo img {width:75%; max-width:100px; margin:0px; padding:0px;}
	.live-mobile {margin-top: 0 !important; top: 0px !important; }
	.mobile_nav_holder ul.nav {display:flex; flex-wrap:wrap; align-items:center; align-content:center; height:100vh;}
	.mobile_nav_holder ul.nav li {display:block; width:100%; text-align: center; margin:10px 0;}
	.mobile_nav_holder ul.nav li a {}
	.mobile_nav_holder ul.nav li a:hover {}

  .tagline p {font-size: 19px;  line-height: 25px;}
  .red_block h4 {font-size:17px;}
  ul.two_col_list {display:block;}
  .column_left, .column_right {display:block; width:auto;}
  ul.two_col_list li h3 {font-size: 20px;  line-height: 26px;}
  ul.two_col_list li p {padding:0px; font-size:15px; line-height:21px;}

  h1.production_title {font-size:33px;}
  span.production_tagline {padding-top:20px; font-size:19px;}
  .trailer_embed {padding-bottom:20px;}
  ul.cast li {font-size:24px;}
  ul.stills_gallery li {width:50%;}
  .still_images_carousel {  margin: 15px;  padding: 15px;}
  .production_links a {font-size:22px;}
  span.divider {font-size:17px;}
  .release_date { font-size:22px; }

.team_block {display:block; padding:30px 20px;}
.profile_pic {width:auto; margin-bottom:30px;}
.bio_holder {width:auto; padding:0;}
h3.team_name { font-size:29px; padding:0 0 20px;}
.bio p {font-size:13px; line-height:20px; padding:0; margin:0 0 20px; display:block; }
.team_block:nth-child(even) .bio_holder {padding:0;}

  ul.footer_links li {display:block;}
  ul.footer_links li::after {content:''; display:none;}

}
	
@media only screen and (max-width: 480px) {
	span.copyright { width:100%;  float:none; text-align:center;}
}