/* Clouds Start */

#Clouds {
  position: absolute;
  top: -200px;
  right: 0;
  bottom: 0;
  left: -1000px;
  margin: auto;
  height: 100%;
  overflow: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@-webkit-keyframes FadeIn {
  from {
    opacity: .5;
  }
  to {
    opacity: .5;
  }
}
@keyframes FadeIn {
  from {
    opacity: .5;
  }
  to {
    opacity: .5;
  }
}

.Cloud {
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 70px;
  -webkit-animation-duration: 120s;
          animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: Float, FadeFloat;
          animation-name: Float, FadeFloat;
  z-index: 1;
  
}
.Cloud.Foreground {
  height: 10%;
  min-height: 20px;
  z-index: 3;opacity: .5;
}
.Cloud.Background {
  height: 9.09090909%;
  min-height: 8px;
  -webkit-animation-duration: 210s;
          animation-duration: 210s;opacity: .5;
}
@-webkit-keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
@keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
@-webkit-keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
@keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
.Cloud:nth-child(10) {
  -webkit-animation-delay: -184.61538462s;
          animation-delay: -184.61538462s;
  top: 60%;
}
.Cloud.Foreground:nth-child(10) {
  -webkit-animation-duration: 80s;
          animation-duration: 80s;
  height: 35%;
}
.Cloud.Background:nth-child(10) {
  -webkit-animation-duration: 110s;
          animation-duration: 110s;
  height: -3.40909091%;
}
.Cloud:nth-child(9) {
  -webkit-animation-delay: -166.15384615s;
          animation-delay: -166.15384615s;
  top: 54%;
}
.Cloud.Foreground:nth-child(9) {
  -webkit-animation-duration: 84s;
          animation-duration: 84s;
  height: 32.5%;
}
.Cloud.Background:nth-child(9) {
  -webkit-animation-duration: 114s;
          animation-duration: 114s;
  height: -2.15909091%;
}
.Cloud:nth-child(8) {
  -webkit-animation-delay: -147.69230769s;
          animation-delay: -147.69230769s;
  top: 48%;
}
.Cloud.Foreground:nth-child(8) {
  -webkit-animation-duration: 88s;
          animation-duration: 88s;
  height: 30%;
}
.Cloud.Background:nth-child(8) {
  -webkit-animation-duration: 118s;
          animation-duration: 118s;
  height: -0.90909091%;
}
.Cloud:nth-child(7) {
  -webkit-animation-delay: -129.23076923s;
          animation-delay: -129.23076923s;
  top: 42%;
}
.Cloud.Foreground:nth-child(7) {
  -webkit-animation-duration: 92s;
          animation-duration: 92s;
  height: 27.5%;
}
.Cloud.Background:nth-child(7) {
  -webkit-animation-duration: 122s;
          animation-duration: 122s;
  height: 0.34090909%;
}
.Cloud:nth-child(6) {
  -webkit-animation-delay: -110.76923077s;
          animation-delay: -110.76923077s;
  top: 36%;
}
.Cloud.Foreground:nth-child(6) {
  -webkit-animation-duration: 96s;
          animation-duration: 96s;
  height: 25%;
}
.Cloud.Background:nth-child(6) {
  -webkit-animation-duration: 126s;
          animation-duration: 126s;
  height: 1.59090909%;
}
.Cloud:nth-child(5) {
  -webkit-animation-delay: -92.30769231s;
          animation-delay: -92.30769231s;
  top: 30%;
}
.Cloud.Foreground:nth-child(5) {
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  height: 22.5%;
}
.Cloud.Background:nth-child(5) {
  -webkit-animation-duration: 130s;
          animation-duration: 130s;
  height: 2.84090909%;
}
.Cloud:nth-child(4) {
  -webkit-animation-delay: -73.84615385s;
          animation-delay: -73.84615385s;
  top: 24%;
}
.Cloud.Foreground:nth-child(4) {
  -webkit-animation-duration: 104s;
          animation-duration: 104s;
  height: 20%;
}
.Cloud.Background:nth-child(4) {
  -webkit-animation-duration: 134s;
          animation-duration: 134s;
  height: 4.09090909%;
}
.Cloud:nth-child(3) {
  -webkit-animation-delay: -55.38461538s;
          animation-delay: -55.38461538s;
  top: 18%;
}
.Cloud.Foreground:nth-child(3) {
  -webkit-animation-duration: 108s;
          animation-duration: 108s;
  height: 17.5%;
}
.Cloud.Background:nth-child(3) {
  -webkit-animation-duration: 138s;
          animation-duration: 138s;
  height: 5.34090909%;
}
.Cloud:nth-child(2) {
  -webkit-animation-delay: -36.92307692s;
          animation-delay: -36.92307692s;
  top: 12%;
}
.Cloud.Foreground:nth-child(2) {
  -webkit-animation-duration: 112s;
          animation-duration: 112s;
  height: 15%;
}
.Cloud.Background:nth-child(2) {
  -webkit-animation-duration: 142s;
          animation-duration: 142s;
  height: 6.59090909%;
}
.Cloud:nth-child(1) {
  -webkit-animation-delay: -18.46153846s;
          animation-delay: -18.46153846s;
  top: 6%;
}
.Cloud.Foreground:nth-child(1) {
  -webkit-animation-duration: 116s;
          animation-duration: 116s;
  height: 12.5%;
}
.Cloud.Background:nth-child(1) {
  -webkit-animation-duration: 146s;
          animation-duration: 146s;
  height: 7.84090909%;
}

.Cloud {
  background-image: url("../../../images/fog1s.png");opacity: .5;
}
.Cloud.Background {
  background-image: url("../../../images/fog1s.png");opacity: .5;
}

.Cloud2 {
  background-image: url("../../../images/fog1s.png");opacity: .5;
}
.Cloud.Background2 {
  background-image: url("../../../images/fog2s.png");opacity: .5;
}
.Cloud.Background3 {
  background-image: url("../../../images/fog3s.png");opacity: .5;
}
.Cloud.Background4  {
  background-image: url("../../../images/fog0s.png");opacity: .5;
}

/* Clouds End */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html,body{-webkit-text-size-adjust:none}#App{font-family:'astoria', Georgia, serif;font-weight:300;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;letter-spacing:0.0rem;position:fixed;top:0;left:0;width:100%;height:100%}#App.test{background:url(../../images/bg-landing-b20dcb9caa.jpg) center no-repeat;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box}.EndScreen{position:absolute;top:0;left:0;width:100%;height:100%}.EndScreen .outro{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/bg-landing-b20dcb9caa.jpg) center no-repeat;background-size:cover;color:white;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.EndScreen .header{width:47.9rem;height:6.51rem;background:url(../../images/header-logo-a93374d4d0.png) center no-repeat;background-size:contain}.EndScreen .copy{font-size:0.8rem;line-height:1.25rem;width:38.2rem;text-align:center;margin-top:2.25rem;margin-bottom:2.25rem}.Film{position:absolute;top:0;left:0;width:100%;height:100%;color:white}.Film.nocursor{cursor:none;pointer-events:inherit}.Film .VideoControls{z-index:1;pointer-events:auto;position:absolute;bottom:0;left:0}.Film .letterbox{z-index:0;position:absolute;left:0;width:100%;background:black}.Film .letterbox.top{top:0}.Film .letterbox.bottom{bottom:0}.Film .promotion-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);opacity:0}.Landing{position:absolute;top:0;left:0;width:100%;height:100%}.Landing .intro{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/bg-landing-b20dcb9caa.jpg) center no-repeat;background-size:cover;color:white;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:4.2%}.Landing .HeaderImage{width:58.8%;min-width:51.2rem}.Landing .copy{font-size:1.4rem;width:49.2%;text-align:center;margin-top:2.25rem;margin-bottom:2.25rem}.Unsupported{position:absolute;top:0;left:0;width:100%;height:100%}.Unsupported .intro{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/bg-unsupported-82649fac2a.jpg) center no-repeat;background-size:cover;color:white;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:4.2%;z-index:0}.Unsupported .intro .overlay{background:black;opacity:0.44;position:absolute;top:0;left:0;width:100%;height:100%;content:' '}.Unsupported .HeaderImage{width:58.8%;min-width:51.2rem}.Unsupported .copy{z-index:1;font-size:1.4rem;width:49.2%;text-align:center;margin-top:2.25rem;margin-bottom:2.25rem}.Unsupported .copy span{font-weight:500}.Unsupported a,.Unsupported a:active,.Unsupported a:hover{cursor:pointer;color:white;text-decoration:none;text-transform:uppercase;position:relative}.Unsupported a::after,.Unsupported a:active::after,.Unsupported a:hover::after{content:' ';background:currentColor;position:absolute;padding:0;margin:0;bottom:-1px;left:0px;width:100%;height:1px}.Unsupported a:hover{color:#27e1fd}.CharacterLabel{pointer-events:none;text-align:center;position:absolute;left:0px;top:0px;width:100%;height:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.CharacterLabel .label{letter-spacing:5px;text-transform:uppercase;text-align:center;margin-bottom:1rem;margin:0 auto;line-height:4rem;font-size:2.0rem;letter-spacing:15px;font-weight:700}.CharacterLabel .label.invisible{visibility:hidden}.CharacterLabel .label.mobile{font-size:1rem}.CloseButton{position:absolute;top:4rem;right:4rem;width:7rem;height:7rem;cursor:pointer;z-index:1;overflow:hidden}@media (max-width: 767px){.CloseButton{top:2rem;right:2rem;width:4rem;height:4rem}}.CloseButton .diamond{width:100%;height:100%}.CloseButton .diamond svg{width:100%;height:100%}.CloseButton .close{position:absolute;top:0;left:0;width:100%;height:100%;width:100%;height:100%}.CloseButton .close svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:21%;height:21%;stroke-width:0;stroke:white;fill:white}.DesktopDiamondSquare{position:relative;width:10rem;height:10rem}.DesktopDiamondSquare .diamond-outer{position:absolute;top:0;left:0;width:100%;height:100%}.DesktopDiamondSquare .diamond-outer svg{width:100%;height:100%}.DesktopDiamondSquare .diamond-inner{position:absolute;top:0;left:0;width:100%;height:100%}.DesktopDiamondSquare .diamond-inner svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:65%;height:65%}.DesktopDiamondSquare .label-container{pointer-events:none;text-align:center;position:absolute;left:0px;top:0px;width:100%;height:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.DesktopDiamondSquare .label-container.bottom{top:100%;padding-top:1.5rem}.DesktopDiamondSquare .diamond-label{letter-spacing:5px;text-transform:uppercase;text-align:center;margin-bottom:1rem;opacity:0}.DesktopDiamondSquare .diamond-label.middle{margin:0 auto;line-height:4rem;font-size:2.5rem;letter-spacing:15px;font-weight:700}.DesktopDiamondSquare .diamond-label.invisible{visibility:hidden}.DiamondCursorWrapper{pointer-events:none}.DiamondHover{width:30rem;height:30rem;top:-15rem;left:-15rem;position:absolute}.DiamondHover .diamond-hover>svg{width:100%;height:100%}.DiamondMouseCursor .diamond-cursor-container{width:2rem;height:2rem;top:-1rem;left:-1rem;position:absolute}.DiamondMouseCursor .diamond-cursor-container .diamond-cursor>svg{position:absolute;top:0;left:0;width:100%;height:100%}.DiamondMouseCursor .diamond-cursor-fill-container{opacity:0.5;width:4px;height:4px;top:-2px;left:-2px;position:absolute}.DiamondMouseCursor .diamond-cursor-fill-container .diamond-cursor>svg{position:absolute;top:0;left:0;width:100%;height:100%}.DiamondMouseCursor .diamond-cursor-fill-container .diamond-cursor-cls-1{fill:#27e1fd;stroke:none}.DiamondSquare{position:relative;width:10rem;height:10rem;font-weight:500;font-size:1.5rem;color:#fff;text-transform:uppercase;text-decoration:none;cursor:pointer}.DiamondSquare.cursor-disabled{cursor:default;pointer-events:none}.DiamondSquare .diamond-container{position:relative;width:100%;height:100%}.DiamondSquare .diamond-container svg{width:100%;height:100%}.DiamondSquare .diamond-container svg path{stroke-width:2px}.DiamondSquare .diamond-container .diamond-outer{position:absolute;top:0;left:0;width:100%;height:100%}.DiamondSquare .diamond-container .diamond-outer #diamond-outer-active{opacity:0}.DiamondSquare .diamond-container .diamond-click{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.DiamondSquare .diamond-container .diamond-inner{position:absolute;top:0;left:0;width:100%;height:100%}.DiamondSquare .diamond-container .diamond-inner svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:75%;height:75%}.DiamondSquare .diamond-label{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);letter-spacing:5px;text-align:center;margin-bottom:1rem;opacity:0}.DiamondSquare .diamond-label.bottom{top:100%;padding-top:1.5rem}.DiamondSquare .diamond-label.invisible{visibility:hidden}.DiamondSquare.mogg .vertical-line{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0.2rem;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(transparent));background:-webkit-linear-gradient(rgba(255,255,255,0.5), transparent);background:linear-gradient(rgba(255,255,255,0.5), transparent)}.DiamondSquare .check-mark,.DiamondSquare .cancel-mark{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden}.DiamondSquare .check-mark svg,.DiamondSquare .cancel-mark svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:30%;height:30%}.DiamondSquare .check-mark svg{width:40%;height:40%}.HeaderImage{position:relative;top:0;left:0;width:100%}.HeaderImage img{width:100%}.IconContainer{position:relative;width:10rem;height:10rem;text-align:center;cursor:pointer}.IconContainer svg{width:100%;height:100%}.IconContainer svg path,.IconContainer svg polygon{fill:#fff}.IconContainer .indicator{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%);width:0.3rem;height:0.3em;border-radius:50%;background:#27e1fd;opacity:0}.IconFullscreen{position:relative;width:10rem;height:10rem;text-align:center;cursor:pointer;overflow:visible}.IconFullscreen svg{width:100%;height:100%;overflow:visible}.IconFullscreen svg path,.IconFullscreen svg polygon{fill:#fff}.IconSound{position:relative;height:100%;width:100%;cursor:pointer}.IconSound .bar-container{position:relative;width:100%;height:100%}.IconSound .bar{position:absolute;bottom:0;left:0;width:10%;height:100%;margin:0 5%;background:#fff}.IconSound .bar:nth-child(1){height:60%;left:0%}.IconSound .bar:nth-child(2){height:100%;left:20%}.IconSound .bar:nth-child(3){height:80%;left:40%}.IconSound .bar:nth-child(4){height:100%;left:60%}.IconSound .bar:nth-child(5){height:60%;left:80%}.InstructionIcon{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:1.32rem;font-weight:500;z-index:1;text-align:center}.InstructionIcon .icon-area{position:absolute;width:4.6rem;height:4.6rem;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.InstructionIcon .icon-area .line-left{position:absolute;top:50%;right:100%;background:-webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0.5)), to(transparent));background:-webkit-linear-gradient(right, rgba(255,255,255,0.5), transparent);background:linear-gradient(to left, rgba(255,255,255,0.5), transparent);width:10rem;height:0.2rem;-webkit-transform:translate(0, -200%);-ms-transform:translate(0, -200%);transform:translate(0, -200%)}.InstructionIcon .icon-area .line-right{position:absolute;top:50%;left:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.5)), to(transparent));background:-webkit-linear-gradient(left, rgba(255,255,255,0.5), transparent);background:linear-gradient(to right, rgba(255,255,255,0.5), transparent);width:10rem;height:0.2rem;-webkit-transform:translate(0, -200%);-ms-transform:translate(0, -200%);transform:translate(0, -200%)}.InstructionIcon .area svg,.InstructionIcon .icon-box svg{width:100%;height:100%}.InstructionIcon .icon-box{position:absolute;top:0;width:100%;height:100%}.InstructionIcon .icon-box path{stroke:#fff}.InstructionIcon .icon-box.filled path{fill:#27e1fd;stroke:#27e1fd}.InstructionIcon .icon-box.blue path{stroke:#27e1fd}.InstructionIcon .message-container{margin:auto;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;left:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;top:6.5rem;letter-spacing:5px;text-align:center;text-transform:uppercase}.InstructionIcon .message-container div{display:block;margin:0;padding:0;line-height:2rem}.InstructionIcon.mobile .icon-area{width:4.4rem;height:4.4rem}.InstructionIcon.mobile .icon-area svg{width:100%;height:100%}.InstructionIcon.mobile .icon-box{width:100%;height:100%}.InstructionIcon.mobile .message-container{top:5.7rem;font-size:0.8rem}.InstructionIcon.mobile .message-container div{line-height:1.3rem}.InstructionWrapper{position:relative;width:100%;height:100%;z-index:100000;pointer-events:none}.InstructionWrapper .MobileMotionInstruction{position:absolute;top:-webkit-calc(50% - 30px);top:calc(50% - 30px);font-size:1rem}.InstructionWrapper .InstructionIcon{position:absolute;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.InstructionWrapper .TitleWithLine{position:absolute;bottom:11.5%;width:100%;z-index:1}.InstructionWrapper .TitleWithLine.mobile{bottom:4.7rem}@media (max-height: 800px){.InstructionWrapper .TitleWithLine{bottom:8rem}}.InstructionWrapper .PromotionButtons{pointer-events:auto;position:absolute;bottom:7rem;left:0;z-index:1}.subtitles .InstructionWrapper .PromotionButtons{bottom:25vh}@media (max-width: 767px){.InstructionWrapper .PromotionButtons{bottom:1.5rem}}.InstructionWrapper .overlay-background{position:fixed;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(transparent, rgba(0,0,0,0.7));background:linear-gradient(transparent, rgba(0,0,0,0.7));bottom:0;width:100%;height:30%}.MobileMotionInstruction{position:relative;width:100%;color:#fff;font-size:1rem;font-weight:500;z-index:1}.MobileMotionInstruction .icon-area{position:absolute;left:50%;-webkit-transform:translate(-50%, 0) scale(0.7);-ms-transform:translate(-50%, 0) scale(0.7);transform:translate(-50%, 0) scale(0.7);width:7.7rem;height:4.2rem}.MobileMotionInstruction .icon-area svg{width:100%;height:100%}.MobileMotionInstruction .icon-box{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:100%;width:100%}.MobileMotionInstruction .icon-box svg{position:absolute;top:48%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.MobileMotionInstruction .icon-box svg path{stroke-width:2px}.MobileMotionInstruction .icon-box.inner{height:100%}.MobileMotionInstruction .icon-box.inner svg{width:35%;height:35%}.MobileMotionInstruction .icon-box.outer{height:100%}.MobileMotionInstruction .icon-box.outer svg{width:87%;height:87%}.MobileMotionInstruction .icon-box.outer svg path{stroke:#27e1fd}.MobileMotionInstruction .message-container{position:absolute;top:5rem;left:50%;letter-spacing:5px;text-align:center;text-transform:uppercase;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);font-size:0.8rem}.MobileMotionInstruction .message-container div{display:block;margin:0;padding:0;line-height:1.4rem}.PlayToggleButton{position:relative;text-transform:uppercase;padding:1rem;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:6.5rem;overflow:hidden;color:#fff;font-size:1.2rem}.PlayToggleButton .icon{position:absolute;top:20%;left:4%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:1.3rem;height:1.3rem}.PlayToggleButton .icon svg{width:100%;height:100%}.PlayToggleButton .label{position:absolute;top:17%;left:35%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0.5;letter-spacing:0}.PlayToggleButton .label.unmasked{width:0;color:#27e1fd;overflow:hidden;z-index:1}@media (min-width: 1600px){.PlayToggleButton{font-size:1.3rem;letter-spacing:1px}}.Preloader{position:absolute;top:0;left:0;width:100%;height:100%;text-transform:uppercase;font-size:1.2rem;background:rgba(0,0,0,0.5);color:white;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.Preloader .diamond-container{position:relative;width:10rem;height:10rem}.Preloader .diamond-container svg{width:100%;height:100%}.Preloader .diamond-container .diamond-outer{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%}.Preloader .diamond-container .diamond-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:75%;height:75%}.Preloader .diamond-container .diamond-label{position:absolute;top:-25%;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);letter-spacing:2px;text-align:center;width:200%}@media (min-width: 1600px){.Preloader{font-size:1.2rem}}@media (max-width: 1280px){.Preloader{font-size:1rem}}.PromotionButtons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%}.PromotionButtons .DiamondSquare,.PromotionButtons .DesktopDiamondSquare{width:4rem;height:4rem;margin:0 4.4% 0rem 4.4%}.PromotionButtons .DiamondSquare .diamond-label,.PromotionButtons .DesktopDiamondSquare .diamond-label{font-size:1.4rem}@media (max-width: 1280px){.PromotionButtons .DiamondSquare,.PromotionButtons .DesktopDiamondSquare{width:2.6rem;height:2.6rem}.PromotionButtons .DiamondSquare .diamond-label,.PromotionButtons .DesktopDiamondSquare .diamond-label{font-size:1rem}}@media (max-width: 767px){.PromotionButtons .DiamondSquare,.PromotionButtons .DesktopDiamondSquare{margin:0 5% 4rem 5%}}.Rotate{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/bg-rotate-2-a91dc7275f.jpg) center no-repeat;background-size:cover;color:white;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;text-align:center;font-weight:500;font-size:1.5rem;z-index:1}.Rotate .icon-rotate{width:100%}.Rotate .icon-rotate svg{width:18%}.Rotate .rotate-text{margin-top:0.3rem}.Rotate .rotate-text span{display:block}.Share{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.Share .IconContainer{width:1rem;height:1rem;padding:1rem}.SquareButton{position:relative;display:block;font-weight:500;font-size:1.2rem;color:#fff;text-transform:uppercase;text-align:center;text-decoration:none;padding:1.2rem 2.65rem;cursor:pointer}.SquareButton .button-label{position:absolute;top:50%;left:50%;margin-top:2px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);letter-spacing:3px;width:100%}.SVGContainer{vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.SVGContainer svg{width:100%;height:100%;display:block;line-height:inherit;color:inherit;fill:currentColor}.Timeline{position:relative;width:100%;height:26px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.Timeline .base-line,.Timeline .progress-line,.Timeline .hover-line{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.Timeline .base-line{height:1px;background:rgba(255,255,255,0.6)}.Timeline .progress-line{height:1px;background:#00b9ff;z-index:1}.Timeline .progress-line:before{content:'';position:absolute;top:0;right:-0.5px;width:0;height:0;border-style:solid;border-width:1px 1px 0 0;border-color:#00b9ff transparent transparent transparent}.Timeline .progress-line:after{content:'';position:absolute;bottom:0;right:-0.5px;width:0;height:0;border-style:solid;border-width:1px 0 0 1px;border-color:transparent transparent transparent #00b9ff}.Timeline .hover-line{min-height:2px;background:#fff}.Timeline .scrubber{position:absolute;top:50%;-webkit-transform:translate(0, -50%) rotate(45deg);-ms-transform:translate(0, -50%) rotate(45deg);transform:translate(0, -50%) rotate(45deg);z-index:2}.Timeline.mobile{width:90%;margin:0 auto}.Timeline.mobile .TimelineScrubber{width:1rem;height:1rem}.Timeline.mobile .TimelineScrubber .scrubber-inner{width:0.4rem;height:0.4rem}.Timeline.mobile .base-line,.Timeline.mobile .hover-line{min-height:0.15rem}.Timeline.mobile .progress-line{min-height:0.35rem}.Timeline.mobile .TimelineWaypoint{width:0.7rem;height:0.7rem}.Timeline.mobile .TimelineWaypoint .waypoint-line{height:0.15rem}.TimelineScrubber{position:relative;width:1.0rem;height:1.0rem;border:1px solid #fff;cursor:pointer}.TimelineScrubber .scrubber-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0.375rem;height:0.375rem;background:#00b9ff}.TimelineWaypoint{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:0.5rem;height:0.5rem}.TimelineWaypoint.completed .waypoint-line{background:#fff}.TimelineWaypoint.completed .waypoint-diamond{background:#fff}.TimelineWaypoint.inactive .waypoint-diamond{opacity:0.4}.TimelineWaypoint .waypoint-diamond{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.TimelineWaypoint .waypoint-diamond-inside{position:absolute;left:0;top:0;right:0;bottom:0;background:#00b9ff;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.TimelineWaypoint .waypoint-line{position:absolute;top:50%;-webkit-transform:translateY(-50%) translateX(-2px);-ms-transform:translateY(-50%) translateX(-2px);transform:translateY(-50%) translateX(-2px);height:1px;background:rgba(255,255,255,0.1)}.TitleWithLine{position:relative;color:#fff;text-transform:uppercase;text-decoration:none;text-align:center}.TitleWithLine .title{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:2.9rem;font-weight:500;letter-spacing:6px}.TitleWithLine .line-left,.TitleWithLine .line-right{position:absolute;top:50%;width:10rem;height:0.2rem;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.TitleWithLine .line-left{right:105%;background:-webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0.5)), to(transparent));background:-webkit-linear-gradient(right, rgba(255,255,255,0.5), transparent);background:linear-gradient(to left, rgba(255,255,255,0.5), transparent)}.TitleWithLine .line-right{left:105%;background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.5)), to(transparent));background:-webkit-linear-gradient(left, rgba(255,255,255,0.5), transparent);background:linear-gradient(to right, rgba(255,255,255,0.5), transparent)}.TitleWithLine.mobile .title{font-size:2rem}.TitleWithLine.mobile .line-left,.TitleWithLine.mobile .line-right{width:7rem}@media (min-width: 1600px){.TitleWithLine .title{font-size:2.9rem}}@media (max-width: 1280px){.TitleWithLine .title{font-size:1.6rem}}.VideoControls{position:relative;width:100%;height:9.5rem}.VideoControls .timeline{position:absolute;width:100%}.VideoControls .button-left{position:absolute;top:6rem;left:9.25%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}@media (max-height: 850px){.VideoControls .button-left{top:56%}}@media (max-width: 1024px){.VideoControls .button-left{left:4.6%}}@media (max-width: 767px){.VideoControls .button-left{left:4.4%}}.VideoControls .buttons-right{position:absolute;top:6rem;right:6.5%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}@media (max-height: 850px){.VideoControls .buttons-right{top:56%}}.VideoControls .buttons-right .IconSound,.VideoControls .buttons-right .IconContainer,.VideoControls .buttons-right .IconFullscreen{width:1.5rem;height:1.5rem;padding:1rem}.VideoControls .buttons-right .IconContainer{padding:1rem 0.6rem}@media (max-width: 1024px){.VideoControls .buttons-right{right:-1.5%}}@media (max-width: 767px){.VideoControls .buttons-right{right:-5%}.VideoControls .buttons-right .IconSound,.VideoControls .buttons-right .IconContainer{width:1.5rem;height:1.5rem;padding:1rem}.VideoControls .buttons-right .IconContainer{padding:1rem 0.6rem}}.VideoHotspotContainer .DiamondSquare,.VideoHotspotContainer .DesktopDiamondSquare{position:absolute;width:4rem;height:4rem;top:-2rem;left:-2rem}.VideoHotspotContainer .video-wrapper-container{position:absolute;top:0;left:0}#WebGLCanvas{position:absolute;top:0;left:0;width:100%;height:100%}.Test{display:block;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.Test .test-manifest{-webkit-columns:2;-moz-columns:2;columns:2;padding:20px}.Test .test-manifest a{font-size:15px;display:block;margin-bottom:5px}.Test .test-manifest a,.Test .test-manifest a:visited,.Test .test-manifest a:active{color:white;text-decoration:none}.Test .test-manifest a:hover{color:#27e1fd};
/*# sourceMappingURL=main.css.map */