@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700|Open+Sans:400,300,600|Lora:400|Cabin);
/* ============================================================
  HTML & BODY
============================================================ */
html, body {
  height: 100%;
  width:100%;
  margin:0;
  padding:0;
}

a {
  -webkit-transition: background .5s, color .5s ease-out;
  -moz-transition:
   background, color .5s .5s ease-out;
  transition: background .5s, color .5s ease-out;
}

/* ============================================================
 main sections
============================================================ */
#navigation {
  width:100%;
  padding:.1rem;
  position:fixed;
  _position:absolute;
  top:0;
  _top:expression(eval(document.body.scrollTop));
  z-index:50;
  font-family: 'windsor-light', serif;
  text-transform: uppercase;
  background: rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);
box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);
}

#navigation li {
  margin:0;
  padding:0;
  text-align:center;
  font-size:1.1em;
}

#navigation li a {
  color:#fff;
  text-shadow: 1px 1px #000;
}

#navigation li a:hover {
  color:#EFEFEF;
  text-shadow: 1px 1px 3px #000;
}

.icon-list {
  color:#fff;
}

#homepage {
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#FFF;
  margin:0;
  padding:5em 0 0 0;
}

.pageslide {
   padding:5em 0 3em 0;
   min-height:600px;
}

.parallax {
  height: 600px;
  margin:0;
  padding:0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.openingdates {
  width:100%;
  position:absolute;
  bottom:2.8rem;
  /*******/
  text-align:center;
-webkit-box-shadow: inset 0px -75px 30px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    inset 0px -75px 30px 0px rgba(0, 0, 0, 0.6);
box-shadow:         inset 0px -75px 30px 0px rgba(0, 0, 0, 0.6);
}

.openingdates a {
  color: #FFF;
  padding: 3px 7px;
  background: #000;
  background-color: rgba(0,0,0,0.4);
  border-radius: 2px;
}

.openingdates a:hover {
  background-color: rgba(0,0,0,0.8);
}


/*** Background images for homepage & interstitial pages ****/
/****************
For the following, do not edit the background size css. 
Change the path of the background image to change it, 
or just name your background images the same as what's already here.
The background image paths had to come before the background size css in order to work properly.
For best results, use a size of around 1920x1080. Ratio should be similar to 16:9, or standard TV ratio.
****************/

#homepage {
  background-image: url("../img/bg-home.jpg");
  }

#pageslide1 {
  background-image: url("../img/bg_syn.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#pageslide2 {
  background-image: url("../img/bg_cast.jpg");
  }

#pageslide3 {
  background-image: url("../img/bg_filmmakers.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#pageslide4 {
  background-image: url("../img/bg_gallery.jpg");
  }

#pageslide5 {
  background-image: url("../img/bg_reviews.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#inter1 {
  background-image: url("../img/bg-inter-1.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#inter2 {
  background-image: url("../img/bg-inter-2.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#inter3 {
  background-image: url("../img/bg-inter-3.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#inter4 {
  background-image: url("../img/bg-inter-4.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#inter5 {
  background-image: url("../img/bg-inter-5.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#inter6 {
  background-image: url("../img/bg-inter-6.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }


.parallax-1 {
  background-image: url("http://lorempixel.com/1920/1080/people/4");
}
.parallax-2 {
  background-image: url("http://lorempixel.com/1920/1080/people/1");
}
.parallax-3 {
  background-image: url("http://lorempixel.com/1920/1080/people/2");
}
.parallax-4 {
  background-image: url("http://lorempixel.com/1920/1080/people/3");
}

.parallax-5 {
  background-image: url("http://lorempixel.com/1920/1080/people/5");
}
.parallax-6 {
  background-image: url("http://lorempixel.com/1920/1080/people/6");
}
.parallax-7 {
  background-image: url("http://lorempixel.com/1920/1080/people/7");
}

/**********************
Accordion - everything in this section is editable
**********************/
.accordion dd > a {
  font-family:'proxregular', Helvetica, Arial, sans-serif;
  background:rgba(0,0,0,0.5);
  color:#fff;
}

.accordion dd > a:hover {
  background:rgba(0,0,0,1);
}

.accordion dd.active > a {
  background:rgba(0,0,0,0.8);
}
.accordion dd > .content.active {
  background:rgba(0,0,0,0.2);
}

/**********************
footer
*********************/
.footer {
  width:100%;
   position:fixed;
  _position:absolute;
  bottom:0;
  _top:expression(eval(document.body.scrollBottom));
  /*******/
  padding:.1rem;
  font-size:.8em;
  text-transform:uppercase;
  background-color: #000;
  background: rgba(0,0,0,0.5);
}

.footer a{
  /*******/
  color:#fff;
  font-size:.8em;
  font-family: 'Lora', serif;
  text-shadow: 1px 1px #000;
}

.footer a:hover {
  text-shadow: 1px 1px 3px #000;
}

.footer ul {
  padding: 0;
  margin: 0;
}

.footer li {
  text-align:center;
  padding: 0;
  margin: 0;
}

.footer a.social {
  /*******/
  color:#fff;
  font-size:1em;
}

.footer a.social  a:hover {
  text-shadow: 1px 1px 3px #000;
}

.copyright {
  /*****/
  font-size:.8em;
  color:#d2d2d2;
  text-align:center;
  text-transform:none;
  padding-top:.1rem;
  font-family: 'Cabin', sans-serif;
}

/**********************
back to top button
*********************/
.back-to-top {
  position:fixed;
  _position:absolute;
  bottom:45px;
  _top:expression(eval(document.body.scrollBottom));
  left: 50%;
  text-align: center;
  right: 0px;
  display: none;
  z-index: 200;
  padding:1em;
  /******/
  margin-left:-30px;
  width: 60px;
  height:50px;
  border-radius:3px 3px 0 0;
  -webkit-border-radius:3px 3px 0 0;
}

a .back-to-top {
  /******/
  color:#FFF;
  text-shadow: 1px 1px #000;
}

/**********************
scrolling text box
*********************/

.scrolltext {
  /******/
  height:450px;
  padding:0 1rem 1rem 1rem;
}

.scrollmodal {
  /******/
  height:450px;
  padding: 0 1rem .25rem 0;
  overflow-y:scroll;
}
/**********************
Mobile Styles
*********************/

.mobileheader h1 {
  color:#fff;
  font-size:1em;
  text-align:center;
}

/**********************
modal
**********************/
.reveal-modal {
  /******/
  color:#000;
  padding-top: 3rem;
  background-color: #EFEFEF;
}

.reveal-modal h1,.reveal-modal h2,.reveal-modal h3,.reveal-modal h4,.reveal-modal h5 {
  /******/
  color:#000;
}

#trailer.reveal-modal {
  background:none;
  border:none;
  box-shadow: none;

}

.reveal-modal-bg {
  background:rgba(0,0,0,0.8);
}
/**********************
Foundation overrides - DO NOT TOUCH
*********************/
.flex-video  {
  margin-bottom:0;
}

@media only screen and (max-width: 40em) {
  dialog, .reveal-modal {
    min-height:0;
  }
}

/**********************
IE8 Fix
*********************/
.ie8 {
  display:none;
}
/**********************
Slick Slider fix
*********************/
.slick-prev, .slick-next {

}

.slick-slider {
  text-align: center;
  padding: 20% 1rem 0 1rem;
}
/**********************
Lightbox gallery 
*********************/
.photogallery img {
  border-radius:3px;
  -webkit-border-radius:3px;
}

.lb-outerContainer {
  background:rgba(255,255,255,0.4)
}

/* ============================================================
IRRATIONAL MAN ADDS
============================================================ */

.home-text {
  width:100%;
  position:absolute;
  top: 1rem;
  /*******/
  text-align:left;
  }

cast-credits ul {
  padding: 0;
  margin: 0;
}

#cast-credits li {
  font-family: 'windsor-light', serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #FFF;
  text-shadow: 0px 0px 7px #000;
  letter-spacing: 1px;
  list-style: none;
  padding: .5rem 0;
  margin: 0;
}

h2 {
  font-family: 'windsor-light', serif;
  font-size: 2rem;
  line-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  margin: 0 0 .5rem .35rem;
  text-shadow: 1px 1px #FFF;
}


h2.scroll-header {
  margin: 10% 0 0 .35rem;
}

h2.light {
  font-family: 'windsor-light', serif;
  font-size: 2rem;
  line-height: 2rem;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  margin: 0 0 .5rem .35rem;
  text-shadow: 1px 1px #000;
}

h5 {
  font-family: 'windsor-light', serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #000;
  letter-spacing: 1px;
  text-align: left;
}

h5.scroll-header {
  font-family: 'windsor-light', serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  margin: 10% 0 0 .35rem;
  text-shadow: 1px 1px #FFF;
}

p.scroll-header {
  font-family: 'Open Sans', sans-serif;
  color: #000;
  margin: 0 0 0 .35rem;
  font-style: italic;
  font-size: .75rem;
  line-height: 1rem;
}

.openingdates h5 {
  font-family: 'windsor-light', serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #FFF;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000;
  text-align: center;
}

h6 {
  font-family: 'windsor-light', serif;
  font-size: 1rem;
  color: #FFF;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000;
  text-align: center;
  margin: .5rem 0;
  padding: 0;
  text-transform: uppercase;
}

p {
  font-family: 'Lora', serif;
  font-size: 1rem;
  line-height: 1rem;
  color: #000;
  letter-spacing: 1px;
  font-weight: 400;
}

.scrolltext p {
  font-family: 'Lora', serif;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #000;
  letter-spacing: 1px;
  text-shadow: none;
}

.scrolltext.dark-bg p {
  color: #FFF:
}

.scrolltext li  {
  font-family: 'Lora', sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  color: #000;
  letter-spacing: 1px;
  text-align: left;
  margin: .5rem 0;
  padding: 0;
  text-transform: uppercase;
}

.scrolltext a  {
  font-family: 'windsor-light', serif;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #FFF;
  letter-spacing: 1px;
  text-shadow: none;
  padding: 4px;
  border-radius: 2px;
  background: rgba(0,0,0,0.4);
}

.scrolltext a:hover {
  background: rgba(0,0,0,0.65);
}

.scrolltext-light {
  /******/
  height:450px;
  padding:1rem;
}

.scrolltext-light p {
  font-family: 'Lora', serif;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #FAFAFA;
  letter-spacing: 1px;
  text-shadow: none;
}

.scrolltext-light li  {
  text-align: left;
  margin: .4rem 0 .4rem 0;
  padding: 0;
  text-transform: uppercase;
}

.scrolltext-light a  {
  font-family: 'windsor-light', serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #FFF;
  letter-spacing: 1px;
  text-shadow: none;
  padding: 4px;
  border-radius: 2px;
  background: rgba(0,0,0,0.25);
}

.scrolltext-light a:hover {
  background: rgba(0,0,0,0.45);

}

.scrollmodal p {
  font-family: 'Cabin', sans-serif;
  font-size: 1rem;
  line-height: 1.35rem;
  color: #000;
  letter-spacing: 1px;
  text-shadow: none;
}

.scrollmodal strong {
  font-family: 'windsor-light', serif;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: bolder;
}

.small-text {font-size: smaller;}

.link {
  font-family: 'windsor-light', serif;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #FFF;
  letter-spacing: 1px;
  padding: 4px;
  border-radius: 2px;
  background: rgba(0,0,0,0.4);
  text-shadow: none;
}

ul.gallery {
background-color: #000;
background: rgba(0,0,0,0.4);
padding: 7px;
border-radius: 2px;
}

.gallery img {padding: 1px; background-color: #FFF;}

.gallery img:hover {padding: 1px; background-color: #666;}

p.lead strong {
  font-family: 'windsor-light', serif;
  font-size: 2rem;
  line-height: 2rem;
  color: #000;
  letter-spacing: 1px;
  text-align: left;
  padding: 0;
  margin: 0;
}

.reveal-modal p {
  font-family: 'Cabin', sans-serif;
}

.reveal-modal u {
  text-decoration: underline;
  font-weight: bold;
}

.slidercontent h5 {
  font-family: 'windsor-light', serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #FFF;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000;
  text-align: center;
}

.slidercontent p a {
  font-family: 'Lora', sans-serif;
  font-size: .75rem;
  line-height: .8rem;
  color: #FFF;
  letter-spacing: 1px;
  text-align: center;
  margin: .5rem 0;
  padding: 0;
  padding: 4px;
  border-radius: 2px;
  background: rgba(0,0,0,0.4);
  text-shadow: none;
}

.slidercontent p a:hover {
  background: rgba(0,0,0,1);
}

.slidercontent span.review-credit {
  font-family: 'Cabin', sans-serif;
  font-size: .75rem;
  line-height: .8rem;
  color: #FFF;
  letter-spacing: 1px;
  text-align: center;
  margin: .5rem 0;
  padding: 0;
  padding: 4px;
  border-radius: 2px;
  background: rgba(0,0,0,0.4);
  text-shadow: none;
}

img.bio-image {
  padding: 3px;
  border-radius: 3px;
background-color: #000;
background: rgba(0,0,0,0.4);
  max-width: 50%;
  margin-right: 1rem;
}

img.bio-image-right {
  padding: 3px;
  border-radius: 3px;
background-color: #000;
background: rgba(0,0,0,0.4);
  max-width: 50%;
  margin-left: 1rem;
}

.lower-case {
  text-transform: lowercase;
}

.bluray-digital-wrapper {
  max-width: 250px;
  padding: 0;
  margin: 0;
  float: left;
}

.boxart-wrapper {
  width: 50%;
  max-width: 125px;
  float: left;
  padding: 0;
  margin: 0;
}

.callouts-wrapper {
  width: 50%;
  max-width: 125px;
  float: right;
  padding: 0 0 0 .2rem;
  margin: 0;
}

img.boxart {
  max-width: 125px;
  padding: 0;
  margin: 0;
}

img.callouts {
  max-width: 125px;
  padding: 0;
  margin: 0;
}

.callouts-text {
  font-family: 'windsor-light', serif;
  font-size: .9rem;
  line-height: 1rem;
  color: #FFF;
  text-shadow: 0px 0px 7px #000;
}

.clear {
  clear: both;
  padding: .2rem;
}




/**********************
MMW Adds - MOBILE ONLY
*********************/
@media (max-width: 1025px) {

.openingdates {
  width:100%;
  position:absolute;
  bottom:4.4rem;
}

}


@media (max-width: 850px) {


.openingdates {
  width:100%;
  position:absolute;
  bottom:4.4rem;
}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

.openingdates {
  width:100%;
  position:absolute;
  bottom:4.4rem;
}

}



@media (max-width: 650px) {



.openingdates {
  width:100%;
  position:absolute;
  bottom:4.4rem;
}

#pageslide1 {
  background-image: url("../img/bg_syn_mobile.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#pageslide2 {
  background-image: url("../img/bg_cast_mobile.jpg");
  }

#pageslide3 {
  background-image: url("../img/bg_filmmakers_mobile.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }



.bluray-digital-wrapper {
  visibility: hidden;
  display: none;
}


}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

#homepage {
  background-position: 70% 50%;
  padding:2rem 0 0 0;
}


#cast-credits li {
  font-family: 'windsor-light', serif;
  font-size: 1rem;
  line-height: 1rem;
}


.openingdates h5 {
  font-size: 1rem;
  line-height: 1rem;
}

.openingdates {
  bottom: 5.9rem;
}

#pageslide1 {
  background-image: url("../img/bg_syn_mobile.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

#pageslide2 {
  background-image: url("../img/bg_cast_mobile.jpg");
  }

#pageslide3 {
  background-image: url("../img/bg_filmmakers_mobile.jpg");
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.75), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.75);
  }

.bluray-digital-wrapper {
  visibility: hidden;
  display: none;
}

.scrolltext {
  /******/
  height:300px;
}

.slidercontent h5 {
  font-family: 'windsor-light', serif;
  font-size: 1.4rem;
  line-height: 1.6rem;
}


}

/* iPhone 5 Landscape ----------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 


#cast-credits li {
  visibility: hidden;
  display: none;
}



.openingdates {
  bottom: 4.3rem;
}

}