/* BASE */
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 20px;
  background: #FFF no-repeat center top;
}

@media (max-width: 572px) {
  body { margin-bottom: 40px; }
}

body > .container {
  position: relative;
  background-color: #FFF;
}

h1, h2, h3, h4, h5, h6 { color: #555; }

h1.page-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 45px;
  font-size: 45px;
  margin-bottom: 20px;
}

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

hr { border-top-width: 2px; }

#base_alert {
  position: fixed;
  width: 50%;
  left: 50%;
  z-index: 1;
  margin: 10px 0 0 -25%;
  display: none;
}

#content {
  margin-bottom: 20px;
  padding: 20px;
  min-height: 558px;
}

#footer {
  position: absolute;
  *position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
}

#footer > .container > div {
  padding: 10px 0;
  font-size: 12px;
  background: #000;
  color: #FFF;
}

#footer a { color: #868889; }


@media (max-width: 480px) {
  div.footer_ad { height:310px; }
}

#footer_links {
  background-color: #333;
  color: white;
}
#footer_links > div { padding: 20px; }
#footer_links ul { margin-top: 10px; }
#footer_links ul li { padding: 5px; }

@media (max-width: 572px) {
  #footer_links ul li img { max-width: 95px; }
}

/* NAVBAR */
.navbar {
  -webkit-box-shadow: 0 4px 13px #000;
  -moz-box-shadow: 0 4px 13px #000;
  box-shadow: 0 4px 13px #000;
}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
  color: #bbb;
  text-decoration: none;
}

.body_shadow {
  -webkit-box-shadow: 0 0 13px #000;
  -moz-box-shadow: 0 0 13px #000;
  box-shadow: 0 0 13px #000;
  padding-top:20px;
}

.navbar .navbar-inner {
  min-height: 93px;
  border: none;
}

.navbar .navbar-inner {
  border: none;
  background: #000;
  box-shadow: none;
  border-radius: 0;
}

.navbar .container { padding-top: 35px; }

.navbar .brand {
  position: absolute;
  top: -20px;
  left: -25px;
  margin: 0;
  padding: 0;
}

.navbar .nav > li > a {
  padding: 15px 14px;
  text-transform: uppercase;
}

.navbar .navbar-search .search-query {
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.dropdown-backdrop { position: static; }

.navbar .divider-vertical {
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
}

.navbar .nav-auth .fb-signup,
.navbar .nav-auth .google-signup {
  display: inline-block;
  width: 65px;
  height: 22px;
  margin: 0 0 10px 15px;
  padding: 0;
  background: url('http://assets5.bigstar.tv/images/social/single_sign_on.png');
}

.navbar .nav-auth .fb-signup {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar .nav-auth .google-signup { background-position: 0 22px; }

.navbar .navbar-avatar {
  width: 50px;
  height: 50px;
}

/* NAVBAR LANGUAGE */
.navbar .container.has-language { padding-top: 0px; }
div.container.language { padding-top:0px }
div.container.language .dropdown-menu > li > a { font-: #333; }
div.container.language .nav > li > a { text-transform: none; font-size:12px; padding:5px; }
div.container.language .nav .dropdown-toggle .caret { border-top-color: #FFFFFF; border-bottom-color: #CCC;}

.subscript-parent { position: relative; }

.subscript {
  position: absolute;
  bottom: 0;
  left: 15px;
  font-size: 11px;
  font-weight: bold;
  text-transform: none !important;
  padding: 0 !important;
}

.subscript.sorange { color: #f78c25 !important; }
.subscript.sgreen { color: #49F749 !important; }

/* TAKEOVERS */
#takeover-link {
  display:block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* TRAILERS */
#spotlight {
  position: relative;
  -webkit-box-shadow: 0 0 10px 1px #DDD;
  -moz-box-shadow: 0 0 10px 1px #DDD;
  box-shadow: 0 0 10px 1px #DDD;
  background: none;
}

.spotlight-cover img { width: 230px; }

.spotlight-title {
  font-size: 20px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 32px;
}

#spotlight-thumbs a {
  color: #555;
  text-align: center;
}

/* Movie Details */
.googleads,
.short-desc,
.long-desc,
.geoblocked-avod,
.geoblocked,
.premium-anon,
.premium-basic,
.movie-button,
.anon-controls,
.user-controls,
.ad-controls,
.noad-controls,
.get-started { display: none; }

/* RESPONSIVE MOVIE PLAYER */
.theater {
  position: relative;
  width: 100%;
  /*padding-bottom: 56.25%;*/
  padding-bottom: 56.1%;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.movie_player_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.movie_player {
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
}

.movie_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
}

.movie_overlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.movie_overlay .overlay-message {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.movie_overlay .overlay-message h1 { line-height: 60px; }



.movie_player_frame {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #FFF;
  border: 2px solid #CCC;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
}

#web_player_wrapper  { position:absolute !important; }

.movie_loader {
  position: absolute;
  top: 50%;
  left:50%;
  margin: -30px 0 0 -30px;
  text-align: center;
  background: transparent url('http://assets5.bigstar.tv/swf/skins/glow/display/background.png') no-repeat center center;
}

.theater .messages {
  padding: 5px;
  background: #000;
}

/* HOMEPAGE */
.fp-embed {
  display: none !important;
}
.flowplayer.is-mouseout .fp-timeline {
  height: 0 !important;
}
li.newreleases {
 *margin-left: 1.5% !important
}
#staff-picks .film {
  /*  width: 133px;
    margin: 10px 15px 10px 0;
  -webkit-box-shadow: 0 5px 10px 5px #999;
    -moz-box-shadow: 0 5px 10px 5px #999;
    box-shadow: 0 5px 10px 5px #999;*/
}

/* COLLECTIONS PAGES */
.collections-list { margin-top: 20px; }
.collections-list img { margin-bottom: 20px; }

#view-collections img { width: 65%; }

#collections-blog { margin: 0 10px 15px; }
#collections-blog .blog-entry { margin-bottom: 15px; }

/* MOVIES PAGE */
#films_search, #films_sort, #films_reset, #films_genre, #films_purge { max-width: 400px; }
#films_purge { margin: 10px 0; }

#movies_genres li { margin-bottom: 10px; }
#movies_genres li span { margin-left: 10px; font-style: italic; }

/* MOVIE PAGE */
#movie_controls a { display: inline-block; margin-right: 5px; }
#movie_controls div { text-align: center; }

#movie_episodes .episode-list { height: 386px; overflow: auto; border: 1px solid #ccc; }
#movie_episodes .episode { height: 80px; overflow: hidden; padding: 5px; }
#movie_episodes .episode:hover { background-color: #eee; }
#movie_episodes .episode.selected { background-color: #ccc; }
#movie_episodes a { color: #555; }
#movie_episodes .episode-cover { position: relative; width: 114px; margin-right: 5px; border: 1px solid #555; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#movie_episodes .episode-cover div { position: absolute; bottom: 0; width: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.5); }
#movie_episodes .episode-cover div span { padding-left: 5px; }
#movie_episodes .episode-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#movie_episodes .episode-desc { overflow: hidden; font-size: 11px; }

#movie_episodes.mobile { margin-top: 1px; }

#movie_details > ul > li { margin-bottom: 10px; }
#movie_details .details-label { font-weight: bold; }

#movie_rating .rating { margin: 5px 0; line-height: 53px; }
#movie_rating .stars { position: relative; width: 150px; height: 28px; margin: 0 auto 5px; background: url('http://assets5.bigstar.tv/images/starEmpty.png') repeat scroll 0 0 transparent; }
#movie_rating a { position: absolute; left: 0; top: 0; height: 28px; margin-top: 0 }
#movie_rating a span { width: 100%; height: 28px; display: none; background: url('http://assets5.bigstar.tv/images/starFill.png'); }
#movie_rating .overall { width: 100%; height: 28px; background: url('http://assets5.bigstar.tv/images/starFill.png'); }

#movie_rating a:hover span { display: block; }
#movie_rating .stars:hover .overall { display: none; }

#movie_tomatometer { margin: 5px 0; }
#movie_tomatometer .tm-title { text-transform: uppercase; color: #6c9c40; font-weight: bold; }
#movie_tomatometer a:hover { color: #000; }
#movie_tomatometer img { padding-right: 5px; }
#movie_tomatometer .tm-percent { font-size: 32px; font-weight: bold; vertical-align: middle; }

#movie_genres { display: inline-block; margin-bottom: 0; }
#movie_genres li { display: inline-block; margin-bottom: 0; }
#movie_genres li:after { content: ', ' }
#movie_genres li:last-child:after { content: '' }

#movie_genres a { text-decoration: underline; }
#movie_genres a:hover { color: #757989; }

/* FILM LISTS */
.films-list .film {
  display: inline-block;
  width: 126px;
  margin: 5px;
  /*IE 7 fixes*/
  *display: inline;
  *float:left;
}


.films-list a:hover .cover { opacity: 0.75; }

.films-list .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  max-height: 20px;
  text-align: center;
}

.film_membership {
  display: block; text-align: center; background: #bbb; color:black;
}

.film_ad {
  text-align: center; background: #008000; color:white;
}

.film_ad.episode_ad, .film_membership.episode_membership {
  font-size: 10px;
  padding: 0px 5px 0px 5px;
}

.pop-films .film { margin-bottom: 20px; }
.pop-films .cover { width: 126px; margin: 0 20px 0 0; }
.pop-films .title { font-size: 20px; }
.pop-films .description { margin-left: 146px; }

.pop-films .rank {
  position: absolute;
  width: 30px;
  height: 30px;
  background: rgba(255,255,255,0.60);
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  margin: 3px;
}

.pop-films .rank:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.1em;
}

.pop-films .rank-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

/* APPS */
#devices { text-align: center; }

#devices li {
  display: inline-block;
  margin: 0 15px 15px;
}

#devices .device {
  display: block;
  height: 287px;
  margin-bottom: 10px;
  background-image: url('http://assets5.bigstar.tv/images/appSprite-large.png');
}

#devices .device.devIphone { width: 123px; }

#devices .device.devIpad {
  background-position: -150px 0;
  width: 186px;
}

#devices .device.devRoku {
  background-position: -360px 0;
  width: 320px;
}

#devices .device.devPalm {
  background-position: -700px 0;
  width: 154px;
}

#devices .device.devAndroid {
  background-position: -880px 0;
  width: 117px;
}

#devices .device.devSamsung {
  background-position: -1050px 0;
  width: 280px;
}

#devices .device.devVizio {
  background-position: -1350px 0;
  width: 288px;
}

#devices .device.devPopbox {
  background-position: -1650px 0;
  width: 325px;
}

/* PRIVACY POLICY AND TERMS OF USE */

#legal { color: #3E434E; }

#legal h2, #legal h3 {
  margin: 20px 0;
  font-weight: bold;
  text-transform: uppercase;
}

#legal ul li {
  margin: 20px 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  text-transform: uppercase;
}
#legal ul li:last-child { border-bottom: none; }

#legal ul ul li, #legal ol li {
  margin: 10px;
  padding: 0;
  border-bottom: none;
  font-weight: normal;
  text-transform: none;
}

#legal ol ol { list-style-type: upper-alpha; }

/* MISC */
.fb-signup,
.fb-login,
.google-signup,
.google-login {
  display: inline-block;
  width: 140px;
  height: 35px;
  cursor: pointer;
  background: url('http://assets5.bigstar.tv/images/social/single_sign_on_wide.png') 0 0 no-repeat;
}

.fb-signup { background-position: 0 0; }
.fb-login { background-position: 0 -35px; }
.google-signup { background-position: 0 -70px; }
.google-login { background-position: 0 -105px; }

.modal-open { overflow: hidden; }

img.responsive {
  display: block;
  margin: 0 auto 10px;
  width: 100%;
  max-width: 400px;
}

/* RESPONSIVE */
@media (max-width: 1199px) {
  body { background-image: none !important; }

  #takeover-link { display:none !important; }
}

@media (max-width: 1199px) and (min-width: 980px) {
  .collections-header, .films-header { font-size: 56px; }

  .spotlight-cover img { width: 174px; }

  .films-list .film { width: 121px; }
}

@media (min-width: 980px) { /* Medium and full width */
  .navbar .nav-auth .social-login {
    margin: 5px 0 10px;
    text-align: center;
  }

  .navbar .nav-auth .fb-signup,
  .navbar .nav-auth .google-signup { margin: 0; }

  .dropdown-menu > li > a { color: #333; }
}

@media (max-width: 979px) and (min-width: 768px) {
  .navbar .navbar-inner { min-height: 50px; }

  .navbar .container { padding-top: 0; }

  .navbar .brand {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 0 -5px;
    padding: 5px 10px;
  }

  .navbar .navbar-avatar { margin: 0 5px; }

  .spotlight-cover img { width: 119px; }

  #staff-picks img { width: 120px; }

  .collections-header, .films-header { font-size: 42px; }

  .films-list .film { width: 114px; }
}

@media (max-width: 767px) {
  body { padding: 0; }

  h1.page-title { font-size: 52px; }

  .navbar .navbar-inner { min-height: 50px; }

  .navbar .container { padding-top: 0; }

  .navbar .brand {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 0 -5px;
    padding: 5px 10px;
  }

  .navbar .navbar-avatar { margin: 0 15px 5px }

  #staff-picks img { width: 116px; }

  #staff-picks div { text-align: center; }

  .collections-header, .films-header {
    line-height: 1em;
    font-size: 42px;
  }

  .films-list .film { width: 121px; }
}

@media (max-width: 360px) { /* iPhone */
  .pop-films .cover { margin-right: 10px; }
  .pop-films .rank-change { font-size: 12px; }
  .pop-films .title { font-size: 18px; }
  .pop-films .description { font-size: 12px; margin-left: 0; }
}

/* Player */
.movie_loader_flowplayer {
  background: url('http://assets5.bigstar.tv/flowplayer-5.4.6/skin/img/play_white.png') center no-repeat;
  background-size: 12%;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
/* Ads */
div.footer_ad { height:162px; margin-top: 20px; }

div.left-ad-skyscraper {
  height: 600px;
  width: 300px;
  position: absolute;
  top:130px;
  left:-360px;
  display: none;
}

div.right-ad-skyscraper {
  display: none;
  height: 600px;
  width: 300px;
  position: absolute;
  top:130px;
  right:-330px;
}

@media (min-width: 1024px) {
  div.left-ad-skyscraper, div.right-ad-skyscraper { display: block; }
}

div.left-ad-skyscraper.w160px {
  width:160px;
  left:-220px
}

div.right-ad-skyscraper.w160px {
  width:160px;
  right:-190px;
}

/* Chikita ad modifications */
iframe.chitikaAdBlock {
  border: 1px #ccc solid;
}

div.left-ad-skyscraper.chitika,
div.right-ad-skyscraper.chitika { background:white; }