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: 298px;
  height: 598px;
  position: relative;
  background-color: black;
  border: 1px solid #111;
}
#variant {
  width: 298px;
  height: 598px;
  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;
}
#first {
  z-index: 1;
  height: 600px;
}
.intro-vignette {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#intro-video {
  width: 970px;
  top: 0;
  left: -335px;
  position: absolute;
  visibility: hidden;
}
#intro-video-2 {
  width: 378px;
  height: 214px;
  top: 53px;
  left: -43px;
  position: absolute;
  visibility: hidden;
}
.main-banner #intro-video-2 {
  width: 378px;
  height: 254px;
  top: 144px;
  left: -43px;
}
#stadium-vignette {
  position: absolute;
  top: 2px;
  left: -24px;
}
.intro-copy {
  position: absolute;
  z-index: 99;
  bottom: 71px;
  left: 16px;
  visibility: hidden;
}
#logo {
  position: absolute;
  left: -10px;
  top: -9px;
  z-index: 99;
}
#expand-button {
  position: absolute;
  z-index: 2;
  bottom: 45px;
  right: 157px;
  visibility: hidden;
}
#expand-button img {
  position: absolute;
  z-index: 2;
}
.explore-stadium-copy {
  position: absolute;
  top: 306px;
  left: 75px;
}
#home-beacon-container {
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.home-beacon {
  position: absolute;
}
#home-beacon-1 {
  top: 178px;
  left: 34px;
  width: 140px;
  height: 38px;
}
#home-beacon-1 {
  top: 64px;
  left: 19px;
  width: 140px;
  height: 38px;
}
#home-beacon-1 .beacon-wrapper {
  top: 26px;
  left: 52px;
}
#home-beacon-2 {
  top: 48px;
  left: 118px;
}
#home-beacon-2 .beacon-wrapper {
  top: 24px;
  left: 28px;
}
#home-beacon-3 {
  top: 91px;
  left: 221px;
}
#home-beacon-3 .beacon-wrapper {
  top: 35px;
  left: 18px;
}
#home-beacon-4 {
  top: 243px;
  left: 172px;
}
#home-beacon-4 .beacon-wrapper {
  top: -41px;
  left: 38px;
}
@-webkit-keyframes beaconAnimation {
  100% {
    background-position: 0 -1799px;
  }
}
@keyframes beaconAnimation {
  100% {
    background-position: 0 -1799px;
  }
}
@-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: 36px;
  height: 36px;
  -webkit-transform: scale(0.87);
  transform: scale(0.87);
  -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 -1799px;
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-animation: beaconAnimationOut 0.3s steps(36) infinite !important;
          animation: beaconAnimationOut 0.3s steps(36) infinite !important;
}
#home-beacon-container.play-animation .beacon {
  -webkit-animation: beaconAnimation 1.5s steps(36) forwards, spin 2.8s 2 linear;
  animation: beaconAnimation 1.5s steps(36) forwards, spin 2.8s 2 linear;
}
.home-beacon:hover .beacon-wrapper {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

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