html,
body {
  border: 0;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
#content {
  width: 798px;
  height: 748px;
  position: relative;
  background-color: black;
  border: 1px solid #111;
  display: none;
}
#variant {
  width: 798px;
  height: 748px;
  display: block;
  position: relative;
  overflow: hidden;
  background: #000000;
}
/*
// Resize
.banner{
	width:@width-banner;
	height:@height-banner;
}
.vertical-banner{
	width:@width-vertical-banner;
	height:@height-vertical-banner;
}
.half-banner{
	width:@width-half-banner;
	height:@height-half-banner;
}
.mpu{
	width:@width-mpu;
	height:@height-mpu;
}
.skyscraper{
	width:@width-skyscraper;
	height:@height-skyscraper;
}
.leaderboard{
	width:@width-leaderboard;
	height:@height-leaderboard;
}
.half-page{
	width:@width-half-page;
	height:@height-half-page;
}
.wide-skyscraper{
	width:@width-wide-skyscraper;
	height:@height-wide-skyscraper;
}
.billboard {
	width:@width-billboard;
	height:@height-billboard;
}


// Mobile Variants --------------------------------------------

.mobile.mpu{
	width:@width-mobile-mpu;
	height:@height-mobile-mpu;
}

.mobile.banner{
	width:@width-mobile-banner;
	height:@height-mobile-banner;
}

.mobile.leaderboard{
	width:@width-mobile-leaderboard;
	height:@height-mobile-leaderboard ;
}
// Bordered
/*
.banner{
	width:(@width-banner - @border-thickness * 2);
	height:(@height-banner - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}
.vertical-banner{
	width:(@width-vertical-banner - @border-thickness * 2);
	height:(@height-vertical-banner - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}
.half-banner{
	width:(@width-half-banner - @border-thickness * 2);
	height:(@height-half-banner - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}
.mpu{
	width:(@width-mpu - @border-thickness * 2);
	height:(@height-mpu - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}
.skyscraper{
	width:(@width-skyscraper - @border-thickness * 2);
	height:(@height-skyscraper - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}
.leaderboard{
	width:(@width-leaderboard - @border-thickness * 2);
	height:(@height-leaderboard - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}
.half-page{
	width:(@width-half-page - @border-thickness * 2);
	height:(@height-half-page - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}
.wide-skyscraper{
	width:(@width-wide-skyscraper - @border-thickness * 2);
	height:(@height-wide-skyscraper - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}
.billboard{
	width:(@width-billboard - @border-thickness * 2);
	height:(@height-billboard - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}


// Mobile Variants --------------------------------------------

.mobile.mpu{
	width:(@width-mobile-mpu - @border-thickness * 2);
	height:(@height-mobile-mpu - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}

.mobile.banner{
	width:(@width-mobile-banner - @border-thickness * 2);
	height:(@height-mobile-banner - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}

.mobile.leaderboard{
	width:(@width-mobile-leaderboard - @border-thickness * 2);
	height:(@height-mobile-leaderboard - @border-thickness * 2);
	border: @col-border @border-thickness solid;
}
*/
.cta {
  width: 100%;
  height: 100%;
  position: absolute;
}
.ft-video {
  width: 100%;
  height: 100%;
}
.frame {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
#close-button {
  position: absolute;
  right: 29px;
  top: 29px;
  z-index: 99;
}
#intro-video-2 {
  width: 449px;
  height: 254px;
  top: 63px;
  left: 257px;
  position: absolute;
  visibility: hidden;
}
.main-banner #intro-video-2 {
  width: 629px;
  height: 356px;
  top: 181px;
  left: 62px;
  position: absolute;
  visibility: hidden;
}
#stadium-vignette {
  position: absolute;
  top: -50px;
  left: 59px;
  visibility: hidden;
  display: none;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
#reverse-vignette {
  position: absolute;
  top: 0;
  left: 250px;
  z-index: 1;
  visibility: hidden;
}
.bg-large {
  position: absolute;
  top: 0;
  left: 0;
}
#intro-copy-stadium {
  position: absolute;
  top: 559px;
  left: 178px;
  z-index: 99;
}
#intro-cta {
  position: absolute;
  z-index: 99;
  bottom: 30px;
  right: 30px;
}
#logo {
  position: absolute;
  left: 29px;
  top: 29px;
  z-index: 99;
}
#third {
  z-index: 3;
  visibility: hidden;
}
#vignette-cap-top {
  position: absolute;
  top: 7px;
  visibility: hidden;
  z-index: 66;
}
#vignette-cap-bottom {
  position: absolute;
  top: 428px;
  z-index: 0;
}
#stadium-vignette-cap-bottom {
  position: absolute;
  top: 505px;
  z-index: 0;
}
.explore-stadium-copy {
  position: absolute;
  top: 108px;
  left: 313px;
}
#home-beacon-container {
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.home-beacon {
  position: absolute;
}
#home-beacon-1 {
  top: 251px;
  left: 162px;
  width: 140px;
  height: 38px;
}
#home-beacon-1 .beacon-wrapper {
  top: -20px;
  left: 106px;
}
#home-beacon-2 {
  top: 185px;
  left: 434px;
}
#home-beacon-2 .beacon-wrapper {
  top: -26px;
  left: -68px;
}
#home-beacon-3 {
  top: 274px;
  left: 599px;
}
#home-beacon-3 .beacon-wrapper {
  top: -25px;
  left: -67px;
}
#home-beacon-4 {
  top: 399px;
  left: 539px;
}
#home-beacon-4 .beacon-wrapper {
  top: -28px;
  left: -68px;
}
@-webkit-keyframes beaconAnimation {
  100% {
    background-position: 0 -2664px;
  }
}
@keyframes beaconAnimation {
  100% {
    background-position: 0 -2664px;
  }
}
@-webkit-keyframes beaconAnimationOut {
  100% {
    background-position: 0 0;
  }
}
@keyframes beaconAnimationOut {
  100% {
    background-position: 0 0;
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.beacon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
  -webkit-transition: all 0.3s;
}
.beacon {
  width: 100%;
  height: 100%;
  background: url('../img/png/beacon_intro.png') 0 0 no-repeat;
}
.home-beacon.animate-out .beacon {
  background-position: 0 -2664px;
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-animation: beaconAnimationOut 0.3s steps(37) infinite !important;
          animation: beaconAnimationOut 0.3s steps(37) infinite !important;
}
#home-beacon-container.play-animation .beacon {
  -webkit-animation: beaconAnimation 1.5s steps(37) forwards, spin 2.8s infinite linear;
  animation: beaconAnimation 1.5s steps(37) forwards, spin 2.8s infinite linear;
}
.home-beacon:hover .beacon-wrapper {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
#fourth {
  z-index: 4;
  visibility: hidden;
  width: 800px;
  height: 450px;
  top: 75px;
}
#forwardVideoContainer {
  -webkit-transform: matrix(0.4639175, 0, 0, 0.4639175, 0, 0);
          transform: matrix(0.4639175, 0, 0, 0.4639175, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  height: 500px;
}
#reverseVideoContainer {
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
}
#click-capture {
  position: absolute;
  width: 100%;
  height: 100%;
}
#fifth {
  z-index: 5;
  top: 75px;
  visibility: hidden;
}
.zoom-vignette {
  position: absolute;
  top: 0;
  left: 0;
}
.zoom-copy {
  position: absolute;
  top: 82px;
  left: 77px;
  z-index: 1;
  visibility: hidden;
}
#back-button {
  position: absolute;
  top: 276px;
  left: 81px;
  z-index: 1;
}
.long-copy #back-button {
  top: 286px;
}
.zoom-explore-copy {
  position: absolute;
  top: 350px;
  left: 83px;
  z-index: 1;
}
.zoom-explore-buttons {
  position: absolute;
  top: 385px;
  left: 81px;
  z-index: 1;
}
.zoom-button {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 0;
}
.zoom-button .zoom-button-icon {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('../img/png/zoom_default_button.png') 0 0 no-repeat;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.active.zoom-button .zoom-button-icon {
  background: url('../img/png/zoom_inner_button.png') 0 0 no-repeat;
  -webkit-animation: none !important;
  animation: none !important;
  cursor: default !important;
}
.active.zoom-button .zoom-button-label {
  display: none !important;
}
.zoom-button:hover .zoom-button-icon {
  background: url('../img/png/zoom_inner_button.png') 0 0 no-repeat;
  -webkit-animation: none !important;
  animation: none !important;
}
.zoom-button .zoom-button-label {
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -70px;
  color: #FFF;
  font-family: sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 14px;
  width: 140px;
  text-align: center;
  display: none;
}
.zoom-button:hover .zoom-button-label {
  display: block;
}
#zoom-button-1 {
  left: 0;
}
#zoom-button-2 {
  left: 71px;
}
#zoom-button-3 {
  left: 142px;
}
#zoom-button-4 {
  left: 213px;
}
#sixth {
  z-index: 6;
}
#seventh {
  z-index: 7;
}

/*# sourceMappingURL=maps/style.css.map */