/********************************************************************************
* Marvel Styles
********************************************************************************/
#dark_nav ul.dropdown {
  position: absolute;
  height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
}
#dark_nav .register,
#dark_nav .sign_in {
  float: none;
  font-weight: normal;
  text-transform: capitalize;
}
.logo .lenseflare {
  top: 71px !important;
}
#page_header {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
.social-overlay {
  top: 21% !important;
}
.social-header h2 {
  bottom: -4px;
}
a.legal-links :hover {
  color: #010101;
}
/********************************************************************************
* Bits
********************************************************************************/
html {
  overflow-y: scroll;
}
@font-face {
  font-family: 'asulbold';
  src: url('http://i.annihil.us/u/prod/marvel/movies/thor2/assets/fonts/asul-bold-webfont.eot');
  src: url('http://i.annihil.us/u/prod/marvel/movies/thor2/assets/fonts/asul-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://i.annihil.us/u/prod/marvel/movies/thor2/assets/fonts/asul-bold-webfont.woff') format('woff'), url('http://i.annihil.us/u/prod/marvel/movies/thor2/assets/fonts/asul-bold-webfont.ttf') format('truetype'), url('http://i.annihil.us/u/prod/marvel/movies/thor2/assets/fonts/asul-bold-webfont.svg#asulbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*font-family: 'asulbold', sans-serif;*/
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.dnone {
  display: none;
}
/********************************************************************************
* site wide
********************************************************************************/
*,
*:after,
*:before {
  box-sizing: border-box;
}
body,
html {
  font-family: 'asulbold', sans-serif;
  background-color: #000;
  /*height:100%;*/

}
a {
  color: #9da9a8;
  outline: 0;
}
a:focus {
  outline: 0;
  color: #9da9a8;
  text-decoration: none;
}
#wrapper {
  height: 100%;
}
#bgs {
  position: absolute;
  background: #000000 url('../assets/lightning/base.jpg') center top no-repeat;
  width: 100%;
  height: 100%;
  min-height: 600px;
  opacity: 0.7;
}
#bgs div {
  display: none;
}
#bgs #black {
  z-index: 1;
}
#bgs #a1 {
  background: url('../assets/lightning/light_a1.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #a2 {
  background: url('../assets/lightning/light_a2.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #a3 {
  background: url('../assets/lightning/light_a3.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #b1 {
  background: url('../assets/lightning/light_b1.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #b2 {
  background: url('../assets/lightning/light_b2.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #b3 {
  background: url('../assets/lightning/light_b3.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #b4 {
  background: url('../assets/lightning/light_b4.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #b5 {
  background: url('../assets/lightning/light_b5.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #c1 {
  background: url('../assets/lightning/light_c1.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #c2 {
  background: url('../assets/lightning/light_c2.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #c3 {
  background: url('../assets/lightning/light_c3.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #c4 {
  background: url('../assets/lightning/light_c4.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #c5 {
  background: url('../assets/lightning/light_c5.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #d1 {
  background: url('../assets/lightning/light_d1.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #d2 {
  background: url('../assets/lightning/light_d2.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #d3 {
  background: url('../assets/lightning/light_d3.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #d4 {
  background: url('../assets/lightning/light_d4.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #d5 {
  background: url('../assets/lightning/light_d5.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #d6 {
  background: url('../assets/lightning/light_d6.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
#bgs #d7 {
  background: url('../assets/lightning/light_d7.jpg') center top no-repeat #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
a,
a:active {
  color: #9da9a8;
}
a,
a:hover,
a:active {
  color: #9da9a8;
  text-decoration: none;
  transition: color 300ms;
}
a:hover {
  color: #d9d9d9;
  text-decoration: none;
}
ul.horizontal,
ul.horizontal li {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.horizontal {
  text-align: justify;
}
ul.horizontal li {
  display: inline-block;
  float: none;
  /* Very important */

}
ul.horizontal li.justify-spacer {
  width: 90%;
}
.pl {
  position: relative;
}
/********************************************************************************
* header
********************************************************************************/
#header-pane {
  opacity: 0;
}
.top_update {
  position: absolute;
  top: 37px;
  left: 0;
  height: 20px;
  overflow: hidden;
}
.news_feed {
  position: relative;
  top: -5px;
}
.news_feed p {
  position: relative;
}
.sm_social {
  position: relative;
  margin-top: 20px;
}
.sm_social ul {
  text-align: left;
}
.sm_social ul img {
  display: block;
}
.sm_social ul li {
  height: 20px;
  float: left;
  margin-right: 3px;
}
.sm_social ul .news_feed {
  line-height: 32px;
}
.sm_social ul li p {
  vertical-align: middle;
  padding-left: 10px;
  text-transform: uppercase;
  color: #829190;
  font-size: 12px;
  margin: 0 0;
}
.sm_social ul li p a {
  color: #e1efee;
}
.sm_social .sm_news {
  width: 96px !important;
}
.sm_social .sm_twitter {
  background: url('../assets/images/sm_icon-twitter.gif') center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
}
.sm_social .sm_facebook {
  background: url('../assets/images/sm_icon-facebook.gif') center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
}
.sm_social .sm_gplus {
  background: url('../assets/images/sm_icon-gplus.gif') center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
}
.sm_social .sm_pin {
  background: url('../assets/images/sm_icon-pin.gif') center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
}
.sm_social .sm_news {
  background: url('../assets/images/sm_icon-news.gif') center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
  margin: 0;
}
.audio_button {
  cursor: pointer;
  position: absolute;
  top: 60px;
  left: 20px;
  width: 67px;
  height: 20px;
  transition: background 300ms;
  background: transparent url('../assets/images/audio_playing.png') 0 6px no-repeat;
}
.audio_button:hover {
  background: transparent url('../assets/images/audio_playing_hover.png') 0 6px no-repeat;
}
.muted {
  background: transparent url('../assets/images/audio_stopped.png') 0 6px no-repeat;
}
.muted:hover {
  background: transparent url('../assets/images/audio_stopped_hover.png') 0 6px no-repeat;
}
.navi {
  display: block;
  font-size: 25px;
  text-transform: uppercase;
  font-family: 'asulbold', sans-serif;
  position: relative;
  top: 110px;
}
.navi ul li {
  white-space: nowrap;
  line-height: 33px;
}
.navi ul li a {
  font-family: 'asulbold', sans-serif;
  color: #bfb498;
  transition: color 300ms;
}
.navi ul li a:hover {
  color: #f9f9f9;
}
.navi_holder {
  max-width: 600px;
  margin: auto;
}
/********************************************************************************
* section home
********************************************************************************/
#home_page {
  display: none;
  /* change to display block*/

  position: absolute;
  margin-top: 140px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.logo {
  position: relative;
  display: block;
  margin-top: 7px;
  text-align: center;
  margin-bottom: 150px;
}
.logo .logoflare,
.logo .logoflicker,
.logo .lenseflare {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.logo .logoflicker {
  display: block;
  opacity: 0;
}
.date {
  position: relative;
  background: transparent url('../assets/images/date.png') center center no-repeat;
  display: block;
  height: 26px;
  margin-top: 52px;
}
.trailer_btn {
  position: relative;
  margin: 103px auto 0 auto;
  text-align: center;
  max-width: 297px;
}
.trailer_btn a {
  height: 155px;
  background: transparent url('../assets/images/trailer_play2.jpg') center center no-repeat;
  display: block;
}
.trailer_btn img {
  height: 155px;
  width: 297px;
  margin: 0 auto;
  transition: all 300ms;
  opacity: 0;
}
.trailer_btn:hover img {
  opacity: 1;
}
.line {
  position: relative;
  display: block;
  height: 3px;
  overflow: visible;
  margin: 40px auto 0 auto;
}
.line img {
  height: 3px;
}
/********************************************************************************
* section story
********************************************************************************/
#story_page {
  display: none;
  position: absolute;
  margin-top: 140px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0;
}
.close_story {
  position: absolute;
  top: 0px;
  right: 5px;
  width: 42px;
  height: 43px;
  background: transparent url('../assets/images/close_off.png') 0 0 no-repeat;
}
.close_story img {
  width: 65px;
  height: 43px;
  transition: all 300ms;
  opacity: 0;
}
.close_story:hover img {
  opacity: 1;
}
.story_text {
  position: relative;
  margin: 0 auto;
  max-width: 900px;
  height: auto;
  width: 100%;
}
.story_text h2 {
  text-transform: uppercase;
  color: #dde3e3;
  font-size: 40px;
  text-align: left;
  padding: 15px 0 25px 30px;
  margin: 0 0;
  font-family: 'asulbold', sans-serif;
}
.story_text p {
  text-transform: capitalize;
  letter-spacing: 2px;
  line-height: 1.3em;
  font-size: 19px;
  text-align: left;
  padding: 0 40px 0 30px;
  margin: 0 0;
  font-family: 'asulbold', sans-serif;
  color: #92a5a4;
}
/********************************************************************************
* section video
********************************************************************************/
#video_page {
  display: none;
  position: relative;
  margin-top: 100px;
}
.video_player {
  position: relative;
  margin: 0 auto;
  height: 540px;
  /*remove testing background color*/

  background-color: #000000;
  overflow: hidden;
}
.close_video {
  position: absolute;
  top: 0px;
  right: 5px;
  width: 42px;
  height: 43px;
  background: transparent url('../assets/images/close_off.png') 0 0 no-repeat;
}
.close_video img {
  width: 65px;
  height: 43px;
  transition: all 300ms;
  opacity: 0;
}
.close_video:hover img {
  opacity: 1;
}
.video_content {
  position: relative;
  width: 100%;
  max-width: 960px;
  height: auto;
}
.video_content h2 {
  text-transform: uppercase;
  color: #dde3e3;
  font-size: 40px;
  text-align: left;
  padding: 15px 0 25px 0;
  margin: 0 0;
  font-family: 'asulbold', sans-serif;
}
.video_content p {
  text-transform: capitalize;
  letter-spacing: 2px;
  line-height: 1.3em;
  font-size: 19px;
  text-align: left;
  padding: 0 0;
  padding-right: 10px;
  margin: 0 0;
  font-family: 'asulbold', sans-serif;
  color: #92a5a4;
}
/********************************************************************************
* section downloads
********************************************************************************/
#downloads_page {
  display: none;
  position: relative;
  top: 140px;
  padding-bottom: 50px;
}
.dl {
  text-align: center;
}
.dl img {
  height: auto;
  margin-bottom: 6px;
}
.close_downloads {
  position: absolute;
  top: 0px;
  right: 5px;
  width: 42px;
  height: 43px;
  background: transparent url('../assets/images/close_off.png') 0 0 no-repeat;
}
.close_downloads img {
  width: 65px;
  height: 43px;
  transition: all 300ms;
  opacity: 0;
}
.close_downloads:hover img {
  opacity: 1;
}
.download_hover {
  color: #dfe5e5 !important;
  text-decoration: none;
}
.download_options {
  position: relative;
}
.download_options h2 {
  text-transform: uppercase;
  color: #dde3e3;
  font-size: 40px;
  text-align: left;
  padding: 15px 0 25px 0;
  margin: 0 0;
  font-family: 'asulbold', sans-serif;
}
.download_options ul {
  text-align: left;
}
.download_options ul li {
  margin: 0 30px 17px 0px;
}
.download_options ul li:first-child {
  margin: 0 30px 17px 0;
}
.download_options ul li a {
  text-transform: uppercase;
  color: #869796;
  font-size: 16px;
  text-align: left;
  padding: 0 0;
  margin: 0 0;
  font-family: 'asulbold', sans-serif;
  text-decoration: none;
}
.download_options ul li a:hover {
  color: #dfe5e5;
  text-decoration: none;
}
.download_options ul li a:active {
  color: #dfe5e5;
  text-decoration: none;
}
.gif-row2 {
  margin-top: 40px;
}
/********************************************************************************
* section gallery
********************************************************************************/
#gallery_page {
  display: none;
  position: absolute;
  height: 100%;
  right: 0;
  margin: 0 auto;
  top: 0px;
  left: 0px;
}
.gallery_controler {
  position: fixed;
  top: 45%;
  left: 0;
  right: 0;
  z-index: 999;
}
.no-touch .next_img,
.no-touch .prev_img {
  display: block;
}
.smaller {
  background-size: 45%;
}
.prev_img.smaller {
  left: 10px;
}
.next_img.smaller {
  right: -20px;
}
.close_gallery.smaller {
  right: -20px;
  top: 10px;
}
.close_gallery.smaller:hover {
  background: transparent url('../assets/images/close_on.png') 0 0 no-repeat;
}
.close_gallery.smaller:hover img {
  opacity: 0;
}
.next_img {
  z-index: 999;
  position: relative;
  float: right;
  right: 20px;
  width: 42px;
  height: 43px;
  transition: background 300ms;
  background: transparent url('../assets/images/next_off.png') 0 0 no-repeat;
}
.next_img:hover {
  background: transparent url('../assets/images/next_on.png') 0 0 no-repeat;
}
.prev_img {
  z-index: 999;
  position: relative;
  float: left;
  left: 20px;
  width: 42px;
  height: 43px;
  transition: background 300ms;
  background: transparent url('../assets/images/prev_off.png') 0 0 no-repeat;
}
.prev_img:hover {
  background: transparent url('../assets/images/prev_on.png') 0 0 no-repeat;
}
.gal_img {
  position: fixed;
  left: 0;
  top: 30px;
  right: 0;
  bottom: 0;
  width: 100%;
  min-height: 90%;
  background-color: #000;
  opacity: 1;
  text-align: center;
  overflow: visible;
  z-index: 5;
}
.gal_img ul,
.gal_img li {
  padding: 0;
  width: 100%;
  height: 100%;
}
.gal_img li {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.gal_img li.active {
  display: block;
}
.close_gallery {
  position: fixed;
  top: 25px;
  right: 25px;
  height: 43px;
  background: transparent url('../assets/images/close_off.png') 0 0 no-repeat;
  text-align: center;
  z-index: 999;
}
.close_gallery img {
  transition: all 300ms;
  opacity: 0;
}
.close_gallery:hover img {
  opacity: 1;
}
/* ADHD all of sm_share*/
.sm_share {
  display: block;
  position: fixed;
  left: 0px;
  top: 30px;
  width: 90px;
}
.sm_share p {
  color: #bfb498;
  text-transform: uppercase;
  width: 100px;
  height: 20px;
  float: left;
  margin: 2px 0 0 0;
  padding: 0 0;
}
.sm_share li {
  position: relative;
}
.sm_share img {
  display: block;
  float: left;
}
.sm_share .sm_twitter {
  background: url('../assets/images/sm_icon-twitter.gif') center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
  float: left;
  margin: 0 5px 0 0;
}
.sm_share .sm_facebook {
  background: url('../assets/images/sm_icon-facebook.gif') center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
  float: left;
  margin: 0 5px 0 0;
}
.sm_share .sm_pin {
  background: url('../assets/images/sm_icon-pin.gif') center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
  float: left;
  margin: 0 5px 0 0;
}
/********************************************************************************
* BUTTONS
********************************************************************************/
.button {
  width: 100%;
  max-width: 240px;
  height: 27px;
  max-height: 27px;
  cursor: pointer;
  text-decoration: none;
  border: 3px solid #161c1c;
  margin: 0 auto;
  margin-top: 7px;
  padding: 1px 0px 7px 0px;
  color: #879897;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  background-color: #000000;
  background-color: #1f282a;
  background-image: -webkit-linear-gradient(top, #1f282a, #394143);
  background-image: -moz-linear-gradient(top, #1f282a, #394143);
  background-image: -o-linear-gradient(top, #1f282a, #394143);
  background-image: -ms-linear-gradient(top, #1f282a, #394143);
  background-image: linear-gradient(top, #1f282a, #394143);
  vertical-align: middle;
  font-size: 14px;
  font-family: arial, serif;
  text-transform: uppercase;
  transition: all 300ms;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.button:hover {
  cursor: pointer;
  text-decoration: none;
  border: 3px solid #161c1c;
  color: #b9b4a6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  background-color: #000000;
  background-color: #686250;
  background-image: -webkit-linear-gradient(top, #686250, #58523e, #686250);
  background-image: -moz-linear-gradient(top, #686250, #58523e, #686250);
  background-image: -o-linear-gradient(top, #686250, #58523e, #686250);
  background-image: -ms-linear-gradient(top, #686250, #58523e, #686250);
  background-image: linear-gradient(top, #686250, #58523e, #686250);
}
.dl-icon {
  max-width: 180px;
}
.dl-gif {
  max-width: 500px;
}
/********************************************************************************
* section
********************************************************************************/
#content-pane {
  margin-top: 36px;
}
#trailer {
  background: transparent url('../assets/images/bg-trailer.jpg') center top no-repeat;
  background-size: cover;
  display: block;
  width: 100%;
  min-height: 534px;
  position: relative;
  margin-bottom: 712px;
}
#trailer .watch-trailer {
  background: transparent url('../assets/images/btn-watch-trailer.png') center center no-repeat;
  display: block;
  position: absolute;
  width: 190px;
  height: 190px;
  top: 75px;
  right: 12px;
}
#synopsis {
  background: transparent url('../assets/images/bg-synopsis.jpg') center top no-repeat;
  background-size: cover;
  display: block;
  width: 100%;
  min-height: 534px;
  position: relative;
  margin-bottom: 175px;
}
#synopsis .read-synopsis {
  background: transparent url('../assets/images/btn-synopsis.png') center center no-repeat;
  display: block;
  position: absolute;
  width: 190px;
  height: 190px;
  top: 171px;
  left: 30%;
}
#blocks {
  position: absolute;
  left: 14px;
  z-index: 10;
}
.block {
  position: absolute;
  width: 240px;
  background: red;
  color: #fff;
  opacity: 1;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
/********************************************************************************
* footer
********************************************************************************/
#footer-pane {
  position: fixed;
  top: 775px;
  left: 0;
  right: 0;
  opacity: 0;
}
#footer-download {
  position: absolute;
  top: 775px;
  left: 0;
  right: 0;
  opacity: 0;
  padding-top: 30px;
  background-color: #fff000;
}
.legal {
  float: left;
  margin-left: 20px;
  width: 200px;
  background: url('../assets/images/footer_logo.gif') left top no-repeat;
}
.legal p {
  padding-top: 39px;
  font-size: 9px;
  color: #829190;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.legal a {
  font-size: 9px;
  color: #829190;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 7px;
  transition: color 300ms;
}
.legal a:hover {
  color: #9da9a8;
}
.follow {
  width: 240px;
  padding-top: 15px;
  margin: 0 auto;
}
.follow p {
  margin: 0 0;
  text-align: center;
  font-size: 9px;
  color: #515a58;
  text-transform: uppercase;
  font-family: 'asulbold', sans-serif;
}
.follow-mobile {
  display: none;
  width: 240px;
  padding-top: 15px;
  margin: 0 auto 20px auto;
}
.follow-mobile p {
  margin: 0 0;
  text-align: center;
  font-size: 9px;
  color: #515a58;
  text-transform: uppercase;
  font-family: 'asulbold', sans-serif;
}
.social ul img {
  vertical-align: middle;
}
.social .twitter {
  background: url('../assets/images/icon-twitter.png') center center no-repeat;
  display: block;
  width: 57px;
  height: 20px;
  position: relative;
  transition: background 300ms;
}
.social .twitter:hover {
  background: url('../assets/images/icon-twitter_on.png') center center no-repeat;
}
.social .facebook {
  background: url('../assets/images/icon-facebook.png') center center no-repeat;
  display: block;
  width: 57px;
  height: 20px;
  position: relative;
  transition: background 300ms;
}
.social .facebook:hover {
  background: url('../assets/images/icon-facebook_on.png') center center no-repeat;
}
.social .youtube {
  background: url('../assets/images/icon-youtube.png') center center no-repeat;
  display: block;
  width: 57px;
  height: 20px;
  position: relative;
  transition: background 300ms;
}
.social .youtube:hover {
  background: url('../assets/images/icon-youtube_on.png') center center no-repeat;
}
.social .tumblr {
  background: url('../assets/images/icon-tumblr.png') center center no-repeat;
  display: block;
  width: 57px;
  height: 20px;
  position: relative;
  transition: background 300ms;
  margin: 0;
}
.social .tumblr:hover {
  background: url('../assets/images/icon-tumblr_on.png') center center no-repeat;
}
.credits {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: #000000;
  display: none;
  border-top: 20px solid #000;
}
#credits_hover {
  cursor: pointer;
}
.active {
  height: 150px;
}
.billing {
  position: relative;
  height: auto;
  width: 600px;
  margin: auto auto;
  margin-bottom: 20px;
}
.billing2 {
  position: relative;
  height: auto;
  width: 375px;
  margin: auto auto;
  margin-bottom: 20px;
}
.legal_info ul {
  margin: 0 0;
  padding: 0 0;
  text-align: center;
}
.legal_links li {
  display: inline;
  list-style-type: none;
  text-decoration: none;
  color: #9da9a8;
  text-transform: uppercase;
  font-size: 10px;
  margin-right: 5px;
}
.legal_links li span {
  margin-left: 10px;
}
/********************************************************************************
* Browser Sniffer
********************************************************************************/
#browser-redirect {
  display: none;
}
.no-canvas #browser-redirect {
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -295px 0 0 -700px;
  z-index: 999;
}
.no-canvas #wrapper,
.no-canvas #bgs {
  display: none;
}
/********************************************************************************
* Media Qs
********************************************************************************/
@media (min-width: 1200px) {
  
}
@media (min-width: 768px) and (max-width: 979px) {
  .video_content {
    width: 95%;
  }
}
@media (max-width: 767px) {
  .gif-row2 {
    margin-top: 0px;
  }
  #downloads_page {
    min-height: 1200px;
  }
  .follow {
    margin-right: 10px;
    padding-top: 25px;
    text-align: right;
  }
  .follow p {
    text-align: right;
    margin-right: 10px;
  }
  #bgs {
    margin-left: -20px;
  }
  .video_content {
    width: 95%;
  }
  .navi_holder {
    max-width: 500px;
  }
  .navi {
    font-size: 16px;
    padding: 0 15px;
  }
  .follow {
    float: right;
    left: 0;
    margin-left: 0;
  }
  .span4 {
    padding: 0 75px;
  }
  .dl {
    margin-bottom: 40px;
  }
  .close_downloads {
    margin-left: 75px;
  }
  .download_options ul li a {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .gif-row2 {
    margin-top: 0px;
  }
  .video_content {
    width: 95%;
  }
  .span4 {
    padding: 0 50px;
  }
  .dl {
    margin-bottom: 40px;
  }
  .close_downloads {
    margin-left: 50px;
  }
  .download_options ul li a {
    font-size: 14px;
  }
  .story_text p {
    letter-spacing: .1em;
    line-height: 1.2em;
    font-size: 17px;
    padding: 0 10px 0 30px;
  }
}
@media (max-width: 480px) {
  .gif-row2 {
    margin-top: 0px;
  }
  .legal {
    background: url("../assets/images/footer_logo.gif") no-repeat scroll center top transparent;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  #bg div {
    background-size: cover;
  }
  .follow {
    display: none;
  }
  .follow-mobile {
    display: block;
  }
  .navi {
    font-size: 11px;
    padding: 0 6px;
  }
  .navi_holder {
    width: 280px;
  }
  .date {
    background-size: 80%;
  }
  .span4 {
    padding: 0 30px;
  }
  .dl {
    margin-bottom: 40px;
  }
  .close_downloads {
    margin-left: 30px;
  }
  .download_options h2 {
    font-size: 35px;
  }
  .download_options ul li a {
    font-size: 12px;
  }
  .story_text p {
    letter-spacing: .1em;
    line-height: 1.2em;
    font-size: 14px;
    padding: 0 10px 0 30px;
  }
  .sm_share {
    position: fixed;
    left: 10px;
    top: 30px;
    width: 90px;
  }
}
@media (max-width: 384px) {
  .nav_wrapper {
    display: none;
  }
  .gif-row2 {
    margin-top: 0px;
  }
  #home_page {
    margin-top: 60px;
  }
  #home_page .logo {
    margin-bottom: 10px;
  }
  .top_update {
    top: 0;
  }
  .audio_button {
    top: 20px;
  }
  .story_text h2 {
    font-size: 20px;
    padding: 15px 0 10px 0px;
  }
  .story_text p {
    padding: 0 15px 0 0px;
  }
  #downloads_page {
    top: 60px;
  }
  #story_page {
    margin-top: 60px;
    left: auto;
    right: auto;
  }
  #video_page {
    margin-top: 60px;
  }
  .navi {
    top: 85px;
  }
  #home_page {
    top: 70px;
  }
  #footer-pane {
    padding-top: 0px;
    margin-top: -60px;
  }
  .download_options {
    margin-top: 0;
    margin-left: 0px;
    margin-right: 0;
    margin-bottom: 5px;
    text-align: left;
  }
  .download_options h2 {
    font-size: 20px;
    padding: 15px 0 10px 0;
  }
  .download_options ul li {
    text-align: left;
    margin: 0 10px 0 0;
  }
  .download_options ul li:first-child {
    margin: 0 10px 0 0;
  }
  .download_options ul li ul li a {
    font-size: 10px;
    margin-right: 2px;
  }
}