/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
a,
a:active {
  color: #677989;
  outline: 0 none !important;
  text-decoration: none;
}
nav ul,
nav li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */

  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.deactivated {
  display: none !important;
}
#main-container {
  min-width: 1060px;
  overflow-x: hidden;
  position: relative;
}
#main-container a {
  transition: all 180ms ease 0s;
}
#main-container .bg {
  background: url("../media/images/bg-paper-1.jpg") repeat scroll 0 0 transparent;
  height: 590px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#nav-container {
  color: #67889E;
  font-family: 'Player', 'Player_IE', serif;
  font-size: 0.85em;
  left: 0;
  letter-spacing: 0.18em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
#nav-container li {
  display: inline-block;
}
#nav-container li.active a,
#nav-container li a:hover {
  color: #fff !important;
}
#nav-container li.separator {
  background: url("../media/images/nav-separator.png") no-repeat scroll left center transparent;
  width: 2px;
}
#nav-container a {
  -moz-transition-duration: 180ms;
  -webkit-transition-duration: 180ms;
  -o-transition-duration: 180ms;
  transition-duration: 180ms;
}
#nav-main-container {
  background: url("../media/images/bg-nav-1.png") repeat-x scroll left bottom transparent;
  position: relative;
  z-index: 102;
}
#nav-main-container #nav-main {
  margin: 0 auto;
  position: relative;
  width: 1024px;
}
#nav-main-container #nav-main a {
  font-family: 'Player', 'Player_IE', serif;
}
#nav-main-container #nav-main h1 {
  margin: 0;
  padding: 0;
}
#nav-main-container #nav-main h1 a {
  position: absolute;
  top: 0;
  left: -4px;
  width: 164px;
  background: url(../media/images/local/logo-nav.png) no-repeat center bottom;
  height: 0;
}
#nav-main-container #nav-main ul {
  height: 47px;
  line-height: 47px;
  overflow: hidden;
  text-align: justify;
}
#nav-main-container #nav-main ul li {
  display: inline-block;
}
#nav-main-container #nav-main ul li.justify-spacer {
  width: 90%;
}
#nav-main-container #nav-main ul.white a {
  color: #FFFFFF;
}
#nav-main-container #nav-main ul.white:hover a {
  color: #677989 !important;
}
#nav-main-container #nav-main ul.white:hover li:hover a {
  color: #fff !important;
}
#nav-sub-container {
  position: relative;
  background: url(../media/images/bg-nav-2.png) repeat-x left bottom;
  z-index: 101;
  height: 12px;
  line-height: 33px;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
#nav-sub-container #nav-sub-positioner {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
}
#nav-sub-container #nav-sub {
  width: 1024px;
  margin: 0 auto;
  position: relative;
}
#nav-sub-container #nav-sub .subnav {
  z-index: 1;
}
#nav-sub-container #nav-sub li {
  opacity: 0;
}
#nav-sub-container #nav-sub .link {
  position: relative;
  display: block;
  margin-left: 200px;
}
#nav-sub-container #nav-sub .link li {
  padding-right: 16px;
}
#nav-sub-container #nav-sub .link li a {
  color: #004c82;
}
#nav-sub-container #nav-sub .thumbnail {
  margin-left: 284px;
  position: absolute;
  bottom: 5px;
  height: 54px;
  width: 460px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
#nav-sub-container #nav-sub .thumbnail li a {
  border: 5px solid #004C82;
  display: block;
  float: left;
  margin: 0 4px 0 0;
  width: 74px;
}
#nav-sub-container #nav-sub .thumbnail li a.active,
#nav-sub-container #nav-sub .thumbnail li a:hover {
  border-color: #fff;
}
#nav-sub-container #nav-sub li.separator {
  background: url("../media/images/nav-sub-separator.png") no-repeat scroll left center transparent;
  width: 2px;
}
#nav-sub-container #nav-sub .prev,
#nav-sub-container #nav-sub .next {
  display: none;
  position: absolute;
  bottom: 15px;
  width: 15px;
  height: 24px;
  background: url(../media/images/arrow-left.png) no-repeat center top;
  -moz-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
#nav-sub-container #nav-sub .prev {
  left: 250px;
}
#nav-sub-container #nav-sub .prev:hover {
  background-image: url(../media/images/arrow-left-over.png);
}
#nav-sub-container #nav-sub .next {
  right: 250px;
  background-image: url(../media/images/arrow-right.png);
}
#nav-sub-container #nav-sub .next:hover {
  background-image: url(../media/images/arrow-right-over.png);
}
#content-container {
  position: relative;
  width: 1900px;
  margin-left: -950px;
  left: 50%;
  padding-top: 50px;
  background: url(../media/images/bg-paper-3.png);
  min-height: 100%;
}
#content-container .bg-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -7px;
  width: 7px;
  background: url(../media/images/frame-shadow-left.png);
}
#content-container .bg-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -7px;
  width: 7px;
  background: url(../media/images/frame-shadow-right.png);
}
#content-pane {
  background: #000;
  position: relative;
  height: 600px;
  overflow: hidden;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
#content-pane .section {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
#content-pane .section .section-content {
  position: relative;
  height: 100%;
  width: 1024px;
  margin: 0 auto;
}
.slider-pagination {
  margin: 0 auto;
  width: 100px;
}
.slider-pagination li {
  list-style: none;
  float: left;
  background: url(../media/images/navi-dot.png) no-repeat center center;
  padding: 10px;
  margin: 0 3px;
  cursor: pointer;
}
.slider-pagination li.active {
  background: url(../media/images/navi-dot-active.png) no-repeat center center;
}
/* ==========================================================================
/  Home
========================================================================== */
#section-home {
  background: url(../media/images/bg-section-home-tile.jpg) repeat-x center bottom;
}
#section-home .section-content {
  background: url(../media/images/local/bg-home.jpg) no-repeat center bottom;
}
#section-home .release-date {
  position: absolute;
  right: 20px;
  top: 450px;
}
#section-home .button-video {
  position: absolute;
  left: 0px;
  top: 500px;
}
#section-home .button-video {
  padding: 0;
  box-shadow: 0 0 0 0;
  border-radius: 0;
  background: url(../media/images/trailer-button-over.png) no-repeat center;
}
/* ==========================================================================
/  About
========================================================================== */
#section-about {
  background: url(../media/images/bg-section-about.jpg) no-repeat center bottom;
}
#section-about .fg {
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 448px;
  height: 516px;
  background: url(../media/images/about-fg-monsters.png) no-repeat center top;
}
#section-about .subsection-content {
  position: absolute;
  top: 70px;
  right: 15px;
  width: 372px;
  height: 325px;
  padding: 70px 40px 70px 50px;
  font-size: 15px;
  background: url(../media/images/bg-about-text.jpg) no-repeat;
}
#section-about .subsection-content .bigger {
  font-size: 18px;
}
#section-about .subsection-content h2 {
  position: absolute;
  left: 0px;
  top: 5px;
  width: 100%;
  text-align: center;
  font-family: 'Player', 'Player_IE', serif;
  font-weight: normal;
  font-size: .90em;
  letter-spacing: 0.6px;
  color: #fff;
  text-transform: uppercase;
  height: 27px;
  line-height: 28px;
  background: url(../media/images/bg-about-header.png) no-repeat center top;
}
#section-about .subsection-content .slider-container {
  overflow: hidden;
  width: 375px;
  margin-left: -5px;
}
#section-about .subsection-content .slider {
  width: 825px;
}
#section-about .subsection-content p {
  line-height: 26px;
  height: 330px;
  width: 372px;
  float: left;
  display: block;
  overflow: hidden;
  margin: 0 40px 0 0;
  position: relative;
}
/* ==========================================================================
/  Gallery
========================================================================== */
#section-gallery {
  background: #000000 url(../media/images/bg-section-gallery.jpg) repeat center bottom;
  height: 615px;
  padding-top: 92px;
  padding-bottom: 33px;
  background: #000000 url(../media/images/bg-section-gallery.jpg) repeat center bottom;
}
#section-gallery .large-image-container {
  position: relative;
  left: -20px;
}
#section-gallery .large-image img {
  background: #fff;
  padding: 20px;
  width: 1024px;
  height: 576px;
  position: absolute;
  display: none;
  opacity: 0;
  z-index: 1;
}
#section-gallery .large-image img.active {
  z-index: 3;
  opacity: 1;
  display: block;
}
#section-gallery .prev,
#section-gallery .next {
  position: absolute;
  top: 285px;
  width: 51px;
  height: 51px;
  background: url(../media/images/arrow-left-big.png) no-repeat center top;
  opacity: 0;
  z-index: 10;
  -moz-transition-duration: 180ms;
  -webkit-transition-duration: 180ms;
  -o-transition-duration: 180ms;
  transition-duration: 180ms;
}
#section-gallery .deactivated {
  opacity: 0 !important;
}
#section-gallery:hover .prev {
  opacity: 1;
}
#section-gallery:hover .next {
  opacity: 1;
}
#section-gallery:hover .deactivated {
  opacity: 0 !important;
}
#section-gallery .prev {
  left: -110px;
}
#section-gallery .next {
  right: -110px;
  background-image: url(../media/images/arrow-right-big.png);
}
#section-gallery .share {
  position: absolute;
  float: left;
  z-index: 10;
  font-family: 'ProximaNova', sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 19px;
  color: #c8c8c8;
  text-transform: uppercase;
  top: 625px;
  left: 20px;
}
#section-gallery .share .label {
  float: left;
  margin-right: 7px;
  cursor: pointer;
}
#section-gallery .share .icons-container {
  float: left;
  overflow: hidden;
  position: relative;
}
#section-gallery .share .icons-container .icons {
  position: relative;
  left: -170px;
}
#section-gallery .share .share-icon {
  float: left;
  position: relative;
  height: 21px;
  margin-right: 7px;
  margin-top: -3px;
}
#section-gallery .share .share-facebook {
  background: url(../media/images/fb.png) center center no-repeat;
  width: 57px;
}
#section-gallery .share .share-twitter {
  background: url(../media/images/tweet.png) center center no-repeat;
  width: 50px;
}
#section-gallery .share .share-pinterest {
  background: url(../media/images/pin.png) center center no-repeat;
  width: 43px;
}
/* ==========================================================================
/  Video
========================================================================== */
#section-video {
  background: url(../media/images/bg-section-video.jpg) no-repeat center bottom;
}
#section-video .video-picker {
  position: absolute;
  left: 0;
  top: 120px;
  width: 1024px;
  height: 432px;
  overflow: hidden;
  /*share videos*/

}
#section-video .video-picker .video-player {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 268px;
  background: #000;
  z-index: 10;
  overflow: hidden;
  height: 432px;
  width: 1024px;
}
#section-video .video-picker .video-player iframe {
  border: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#section-video .video-picker .video-list-left-shadow {
  position: absolute;
  z-index: 10;
  right: 244px;
}
#section-video .video-picker .shadow {
  height: 10px;
  width: 100%;
  background: url(../media/images/video-shadow.png) no-repeat center top;
  position: absolute;
  bottom: -17px;
}
#section-video .video-picker .video-list-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 256px;
  background: #333333 url(../media/images/video-nav-bg.jpg);
  font-family: 'ProximaNova', sans-serif;
  font-weight: bold;
}
#section-video .video-picker .video-list-container h2,
#section-video .video-picker .video-list-container h3 {
  text-transform: uppercase;
  text-align: center;
}
#section-video .video-picker .video-list-container h2 {
  margin: 0;
  height: 30px;
  padding-top: 10px;
  padding-right: 6px;
  font-family: 'Player', 'Player_IE', serif;
  font-weight: normal;
  font-size: 12pt;
  letter-spacing: 1px;
  color: #677989;
  text-shadow: 0px 1px 1px #4d4d4d;
  background: url(../media/images/bg-texture-video-header.png);
  background: url(../media/images/bg-texture-video-header.png);
  text-shadow: 0px 1px 1px #fff;
}
#section-video .video-picker .video-list-container h3 {
  margin: 0;
  padding: 6px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  background: url(../media/images/bg-texture-video-subheader.png);
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#section-video .video-picker .video-list-container h3.collapsed {
  color: #004c82;
}
#section-video .video-picker .video-list-container h3.child2 {
  margin-top: 141px;
}
#section-video .video-picker .video-list-container .video-list {
  height: 392px;
  background: url(../media/images/bg-playlist.png) left 33px repeat;
  /*overflow-y: auto;*/

  overflow: hidden;
}
#section-video .video-picker .video-list-container .video-label {
  margin-top: 16px;
}
#section-video .video-picker .video-list-container .video-link {
  height: 49px;
  margin: 1px 0 2px 0;
  display: block;
  background: #d2d2d2;
  font-size: 12px;
  color: #7a7a7a;
  padding: 15px;
  background: transparent;
  vertical-align: middle;
}
.no-touch #section-video .video-picker .video-list-container .video-link:hover,
#section-video .video-picker .video-list-container .video-link.active {
  background: #f3f3f3;
}
#section-video .video-picker .video-list-container .video-link img {
  float: left;
  margin-right: 10px;
}
#section-video .video-picker .video-list-container .video-list-item-shadow {
  position: absolute;
  margin: 0;
  height: 11px;
  z-index: 1;
}
#section-video .video-picker .video-list-container .video-list-item-shadow img {
  position: absolute;
  height: 11px;
}
#section-video .video-picker .video-list-container .jspHorizontalBar {
  display: none;
}
#section-video .video-picker .share {
  position: absolute;
  bottom: -37px;
  float: left;
  z-index: 10;
  font-family: 'ProximaNova', sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 19px;
  color: #c8c8c8;
  text-transform: uppercase;
  margin-left: 20px;
}
#section-video .video-picker .share .label {
  float: left;
  margin-right: 7px;
  cursor: pointer;
}
#section-video .video-picker .share .icons-container {
  float: left;
  overflow: hidden;
  position: relative;
}
#section-video .video-picker .share .icons-container .icons {
  position: relative;
  left: -170px;
}
#section-video .video-picker .share .share-icon {
  float: left;
  position: relative;
  height: 21px;
  margin-right: 7px;
  margin-top: -3px;
}
#section-video .video-picker .share .share-facebook {
  background: url(../media/images/fb.png) center center no-repeat;
  width: 57px;
}
#section-video .video-picker .share .share-twitter {
  background: url(../media/images/tweet.png) center center no-repeat;
  width: 50px;
}
#section-video .video-picker .share .share-pinterest {
  background: url(../media/images/pin.png) center center no-repeat;
  width: 43px;
}
/* ==========================================================================
/  character
========================================================================== */
#mike-wazowski {
  background: url(../media/images/characters/bg/bg-section-mike_and_don.jpg) center bottom no-repeat;
}
#terry-terri-perry {
  background: url(../media/images/characters/bg/bg-section-randy_and_TT.jpg) center bottom no-repeat;
}
#james-p-sullivan {
  background: url(../media/images/characters/bg/bg-section-sully.jpg) center bottom no-repeat;
}
#randy-boggs {
  background: url(../media/images/characters/bg/bg-section-randy_and_TT.jpg) center bottom no-repeat;
}
#art {
  background: url(../media/images/characters/bg/bg-section-art.jpg) center bottom no-repeat;
}
#don-carlton {
  background: url(../media/images/characters/bg/bg-section-mike_and_don.jpg) center bottom no-repeat;
}
#dean-hardscrabble {
  background: url(../media/images/characters/bg/bg-section-hardscrabble.jpg) center bottom no-repeat;
}
#scott-squishy-squibbles {
  background: url(../media/images/characters/bg/bg-section-squishy.jpg) center bottom no-repeat;
}
#professor-knight {
  background: url(../media/images/characters/bg/bg-section-knight.jpg) center bottom no-repeat;
}
.character-container {
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
  display: none;
}
.character-container.active {
  z-index: 3;
  display: block;
}
.character-container .char-img img {
  position: absolute;
}
.character-container .id-holder {
  height: 305px;
  position: absolute;
  width: 501px;
  right: 30px;
  bottom: 110px;
  -webkit-perspective: 980px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.character-container .id-holder.hover .flipper {
  -webkit-transform: rotatey(180deg);
  -moz-transform: rotatey(180deg);
  -o-transform: rotatey(180deg);
  -ms-transform: rotatey(180deg);
  transform: rotatey(180deg);
}
.character-container .id-holder .flipper {
  -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* easeInOutQuad */

  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* easeInOutQuad */

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  width: 100%;
  height: 100%;
}
.character-container .id-holder .front {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* Chrome and Safari */

  -moz-backface-visibility: hidden;
  /* Firefox */

  -ms-backface-visibility: hidden;
  /* Internet Explorer */

  -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* easeInOutQuad */

  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* easeInOutQuad */

  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.character-container .id-holder .front h3 {
  font-family: "Times New Roman", Georgia, Serif;
  font-weight: normal;
  color: #373435;
  display: block;
  left: 20px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 217px;
  width: 265px;
}
.character-container .id-holder .front .id-img {
  position: absolute;
  right: 39px;
  top: 115px;
}
.character-container .id-holder .back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* Chrome and Safari */

  -moz-backface-visibility: hidden;
  /* Firefox */

  -ms-backface-visibility: hidden;
  /* Internet Explorer */

  background: url(../media/images/characters/card/card-back.png) center top no-repeat;
  position: absolute;
  -webkit-transform: rotatey(180deg);
  -moz-transform: rotatey(180deg);
  -o-transform: rotatey(180deg);
  -ms-transform: rotatey(180deg);
  transform: rotatey(180deg);
  top: 5px;
  width: 100%;
  height: 100%;
}
.character-container .id-holder .back h3 {
  display: block;
  font-family: "Times New Roman", Georgia, Serif;
  margin: 48px 0 17px 75px;
  padding: 0;
  text-align: left;
}
.character-container .id-holder .back .desc-container {
  margin: 0 75px;
  width: 350px;
  height: 155px;
  margin-bottom: 10px;
  overflow: hidden;
}
.character-container .id-holder .back .desc-container .slider {
  width: 1400px;
}
.character-container .id-holder .back .desc-container .slider p {
  position: relative;
  width: 350px;
  margin: 0 20px 0 0;
  float: left;
}
.character-container .id-holder .student {
  background: url(../media/images/characters/card/card-student.png) center top no-repeat;
}
.character-container .id-holder .faculty {
  background: url(../media/images/characters/card/card-fac.png) center top no-repeat;
}
.character-container .id-holder .flip-button {
  cursor: pointer;
  background: url(../media/images/characters/btn-flip-card.png) center top no-repeat;
  position: absolute;
  height: 57px;
  position: absolute;
  right: -30px;
  top: 120px;
  width: 58px;
  z-index: 5;
}
/* ==========================================================================
/  Footers
========================================================================== */
#footer-callouts {
  height: 335px;
  background: url(../media/images/bg-paper-promos.jpg) repeat-x center bottom;
  margin-bottom: 32px;
}
#footer-callouts .audio {
  position: absolute;
  top: 36px;
  right: 0;
  width: 30px;
}
#footer-callouts .audio .audio-toggle {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-left: 10px;
  cursor: pointer;
  background: url('../media/images/icon-audio-on.png') no-repeat center center;
}
#footer-callouts .audio .off {
  background: url('../media/images/icon-audio-off.png') no-repeat center center;
}
#footer-callouts .sharers {
  position: absolute;
  top: 36px;
  right: 0;
  margin-right: 30px;
}
#footer-callouts .sharers .label-container {
  position: absolute;
  left: -8px;
}
#footer-callouts .sharers .label-container .label {
  position: absolute;
  right: 0;
  font-family: 'ProximaNova', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
  line-height: 21px;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: 100ms;
  -moz-transition: 100ms;
  -o-transition: 100ms;
  -ms-transition: 100ms;
  transition: 100ms;
}
.no-touch #footer-callouts .sharers:hover .label {
  max-width: 50px;
}
#footer-callouts .sharers .sharer {
  display: inline-block;
  width: 21px;
  height: 21px;
}
#footer-callouts .sharers .facebook {
  background: url("../media/images/icon-share-facebook.png") no-repeat center center;
}
#footer-callouts .sharers .twitter {
  background: url("../media/images/icon-share-twitter.png") no-repeat center center;
}
#footer-callouts .sharers .youtube {
  background: url("../media/images/icon-share-youtube.png") no-repeat center center;
}
#footer-callouts .sharers .pinterest {
  background: url("../media/images/icon-share-pinterest.png") no-repeat center center;
}
#footer-callouts .social-widgets {
  position: relative;
  height: 85px;
  width: 1024px;
  margin: 0 auto;
}
#footer-callouts .twitter-feed {
  position: absolute;
  left: 0;
  top: 33px;
  width: 36px;
  height: 28px;
  background: url(../media/images/icon-twitter-feed.png) no-repeat left center;
}
#footer-callouts .twitter-feed .tweet {
  position: absolute;
  top: 0;
  left: 50px;
  width: 625px;
  font-family: 'ProximaNovaCondensed', sans-serif;
  font-size: 15px;
  line-height: 17px;
  color: #677989;
  text-align: left;
  display: none;
}
#footer-callouts .twitter-feed .tweet a {
  color: #0068af;
}
#footer-callouts .promos {
  text-align: center;
}
#footer-callouts .promo {
  position: relative;
  display: inline-block;
  width: 328px;
  height: 195px;
  margin: 10px;
  background: #ffffff url(../media/images/bg-promo-characters.jpg) no-repeat center top;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
}
#footer-callouts .promo:hover .caption {
  padding-left: 74px;
}
#footer-callouts .promo .coming-soon.promo:hover .caption {
  padding-left: 66px;
}
#footer-callouts .promo .caption {
  position: absolute;
  top: 147px;
  left: 0;
  right: 0;
  min-height: 30px;
  padding-left: 66px;
  background: url(../media/images/icon-promo-characters.png) no-repeat 25px center;
  text-align: left;
  transition: all 200ms;
  font-family: 'ProximaNova', sans-serif;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #bfbfbf;
}
#footer-callouts .promo .caption b {
  position: absolute;
  display: block;
  padding-top: 10px;
  font-family: 'Player', 'Player_IE', serif;
  font-size: 18px;
}
#footer-callouts .characters .caption {
  left: -2px;
  top: 148px;
}
#footer-callouts .characters .caption b {
  padding-top: 9px;
  left: 63px;
}
#footer-callouts .characters:hover .caption {
  background-image: url("../media/images/icon-promo-characters-over.png");
  color: #006eb7;
}
#footer-callouts .video {
  background-image: url("../media/images/bg-promo-video.jpg");
}
#footer-callouts .video .caption {
  background-image: url("../media/images/icon-promo-video.png");
  top: 149px;
}
#footer-callouts .video .caption b {
  padding-top: 8px;
  left: 63px;
}
#footer-callouts .video:hover .caption {
  background-image: url("../media/images/icon-promo-video-over.png");
  color: #006eb7;
}
#footer-callouts .gallery {
  background-image: url("../media/images/bg-promo-gallery.jpg");
}
#footer-callouts .gallery .caption {
  background-image: url("../media/images/icon-promo-gallery.png");
  top: 148px;
  left: -5px;
}
#footer-callouts .gallery .caption b {
  padding-top: 9px;
  left: 68px;
}
#footer-callouts .gallery:hover .caption {
  background-image: url("../media/images/icon-promo-gallery-over.png");
  color: #006eb7;
}
footer {
  padding-bottom: 30px;
}
footer .legal {
  padding-top: 120px;
  background: url(../media/images/local/legal.jpg) no-repeat center top;
  text-align: center;
  font-size: 12px;
  color: #aeaeae;
}
footer .legal a {
  color: #aeaeae;
}
footer #gde_footerContents {
  background: none;
  color: #9c9c9c;
}
footer #gde_footerContents #gde_footerFeaturedContainer {
  background-color: none;
  background-color: #E9E9E9;
  background-color: rgba(0, 0, 0, 0.035);
}
footer #gde_footerContents .gde_footerFeaturedLinks,
footer #gde_footerContents .gde_footerLegalLinks,
footer #gde_footerContents #gde_footerLegalContainer {
  color: #9c9c9c;
}
footer #gde_footerContents .gde_footerFeaturedLinks span,
footer #gde_footerContents .gde_footerLegalLinks span,
footer #gde_footerContents #gde_footerLegalContainer span,
footer #gde_footerContents .gde_footerFeaturedLinks a,
footer #gde_footerContents .gde_footerLegalLinks a,
footer #gde_footerContents #gde_footerLegalContainer a {
  color: #9c9c9c;
}
footer #gde_footerContents .gde_comScoreLogo {
  opacity: 0.15;
}
/* ==========================================================================
/  downloads
========================================================================== */
#section-downloads {
  background: url(../media/images/bg-section-downloads.jpg) no-repeat center bottom;
}
#section-downloads .fg {
  position: absolute;
  bottom: 0;
  left: -80px;
  width: 448px;
  height: 460px;
  background: url(../media/images/download-fg-monsters.png) no-repeat center top;
}
#section-downloads .collection {
  position: absolute;
  left: 440px;
  bottom: 105px;
  height: 436px;
}
#section-downloads .collection .active {
  display: block !important;
}
#section-downloads .collection .title {
  text-align: center;
  width: 583px;
  font-family: 'Player', 'Player_IE', serif;
  letter-spacing: 1px;
  color: #fff;
  font-size: 22px;
}
#section-downloads .collection .title img {
  padding: 0 20px;
}
#section-downloads .collection .slider-container {
  position: absolute;
  top: 0;
  display: none;
  width: 600px;
  overflow: hidden;
  height: 520px;
}
#section-downloads .collection .slider-container .slider {
  top: 50px;
  width: 9000px;
  position: absolute;
}
#section-downloads .collection .slider-container .slider-pagination {
  bottom: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 583px;
}
#section-downloads .collection .slider-container .slider-pagination a {
  display: inline !important;
  background: url(../media/images/downloads/btn-paginates-off.png) no-repeat center center;
  padding: 10px;
  margin: 0 3px;
  cursor: pointer;
}
#section-downloads .collection .slider-container .slider-pagination a.active {
  background: url(../media/images/downloads/btn-paginates-on.png) no-repeat center center;
  padding: 11px 13px;
}
#section-downloads .collection ul {
  width: 600px;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}
#section-downloads .collection li {
  float: left;
  border: 8px solid #fff;
  margin: 0 17px 13px 0;
  position: relative;
}
#section-downloads .collection li .download {
  background: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  -moz-transition-duration: 450ms;
  -webkit-transition-duration: 450ms;
  -o-transition-duration: 450ms;
  transition-duration: 450ms;
  font-family: 'ProximaNova', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #898989;
}
#section-downloads .collection li .download table,
#section-downloads .collection li .download tr,
#section-downloads .collection li .download td {
  height: 100%;
  width: 100%;
  vertical-align: center;
  text-align: center;
}
#section-downloads .collection li .download a:hover {
  color: #0070b9;
}
#section-downloads .collection li:hover .download {
  opacity: 1;
}
#section-downloads .collection li .shadow_4 {
  background: url("../media/images/downloads/shadow_4.png") no-repeat scroll right bottom transparent;
  bottom: -22px;
  display: block;
  height: 14px;
  margin: 0;
  position: absolute;
  right: -12px;
  width: 155px;
}
#section-downloads .collection li .shadow_12 {
  background: url("../media/images/downloads/shadow_12.png") no-repeat scroll right bottom transparent;
  bottom: -20px;
  display: block;
  height: 11px;
  margin: 0;
  position: absolute;
  right: -25px;
  width: 164px;
}
#section-downloads .collection li .shadow_2 {
  background: url("../media/images/downloads/shadow_2.png") no-repeat scroll right bottom transparent;
  bottom: -22px;
  display: block;
  height: 14px;
  margin: 0;
  position: absolute;
  right: -13px;
  width: 591px;
}
/* ==========================================================================
/  Overlays
========================================================================== */
#trailer-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 150;
}
#trailer-iframe-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 768px;
  height: 432px;
  margin-top: -221.5px;
  margin-left: -394px;
  background: #006fb9;
}
#trailer-iframe-container #trailer-iframe {
  height: 100%;
}
#trailer-iframe-container #trailer-iframe iframe {
  border: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#trailer-iframe-container .close-button {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 27px;
  height: 27px;
  background: url(../media/images/close-overlay.png) no-repeat;
}
/* ==========================================================================
/  Coming soon popup
========================================================================== */
#coming-soon-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 132px;
  height: 29px;
  padding-top: 19px;
  background: url(../media/images/coming-soon.png) no-repeat;
  text-align: center;
  font-family: 'ProximaNova', sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #677989;
  text-shadow: 0px 1px 1px #fff;
  text-transform: uppercase;
  display: none;
  z-index: 500;
  -moz-transition-duration: 250ms;
  -webkit-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  transition-duration: 250ms;
}
#coming-soon-popup.top {
  background: url(../media/images/coming-soon-top.png) no-repeat;
  height: 35px;
  padding-top: 13px;
}