.full-video {
  margin:0 auto;
  display:block;
  height:100%;
  object-fit:cover;
}

.seeing-full    {
    margin:0 auto;
    height:100%;
    object-fit:cover;
    position: absolute;
    left:-20%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.switch-min .flipper-container {
  display:none;
}

.flipper-container {
  position:absolute;
  width:25%;
  top:-77%;
  left:66%;
  height:100%;
}

.pullable {
  transition: transform 1s ease-in;
  transform: translateY(0%);
}

.pulled {
  transform: translateY(76%);
}

.flipper-pulldown {
  position: absolute;
  font-size:1.8vh;
  font-family: 'Roboto Condensed', sans-serif;
  height:64%;
  color:#ccc;
  background-color:black;
  text-align:justify;
  padding:10%;
  border-style:inset;
  overflow-y:auto;
  z-index:5;
  box-sizing:content-box;

}

.flipper-pulldown img {
  width:38%;
  margin:5%;

}

.flipper-toggle {
  cursor:pointer;
  left:-50%;
  top:0;
  width:100%;
}

.flipper-chain {
  position:absolute;
  width:1px;
  left:50%;
  top:70%;
  height:15vh;
  border: dashed 1px #AAA;
  z-index:1;
}

.flipper-circle {
  position:absolute;
  border-radius: 50%;
  background-color:black;
  width: 100px;
  height: 100px;
  left:50%;
  transform:translate(-50%,-50%);
  border: solid 3px #AAA;
  top:90%;
  z-index: 5;
}

.flipper {
  position:absolute;
  backface-visibility: hidden;
  left:0;
  width:100%;
  top:0;
  height:100%;
  transform-origin: 50% 50% 0px;
  transition: transform 0.5s ease-in-out;
  cursor:pointer;
}

.flipper.side1{
  transform: rotateY( 0deg );
  color:black;
  background-color:rgba(0,0,0,1);
}

.flipper.side2 {
  transform: rotateY( 180deg );
  background-color:rgba(255,255,255,1);
}

.flipper.side1.flipped {
  transform: rotateY( 180deg ) !important;
}

.flipper.side2.flipped {
  transform: rotateY( 0deg ) !important;
}

.frosted {
  opacity:0.5;
  background-color:rgb(50,50,50);
  position:absolute;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
}

.abs-center {
  margin:0 auto;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

.lines-container {
  width:60%;
  height:40%;
  margin-top:-5%
}

.lines-container .image-container {
  width:33.3%;
  height:100%;
  float:left;
  text-align:center;
}

.lines-container .title-container{
  width: 100%;

}

.lines-container .tower-text{
  width:100;
  margin-left: 30%;
}

.lines-container .tower-text object{
  object-fit: contain;


}
.lines-container .title-container object {
  object-fit:contain;
  margin: 0 auto;
}

.lines-container .image-container object {
  object-fit:contain;
  width:100%;
  height:100%;
}

.launch-subtitle {
  font-size:0.4em;
  display:block;
  margin-top:20px;
}

.launch-text.seen  {
  opacity:1;
  transition: transform 2s ease-in-out 0.5s, opacity 2s linear 0.5s;
  transform: translate(-50%, -50%);
}

.launch-text {
  font-size:3.6rem;
  color:white;
  font-weight:bold;
  letter-spacing: 5px;
  text-align:center;
  width:100%;
  top:60%;
  opacity:0;
  transform:translate(-50%, -20%);
  font-family: 'Cambria', Serif;
}

.launch-text img {
  margin:30px;
  width:auto !important;
  height:110px !important;
  opacity:0.8;
  position:relative;
  display:inline;
  transform: rotateY(270deg)

}

.launch-text hr {
  border:none;
  border-top:1px dashed #fff;
  color:rgba(0,0,0,0);
  background-color:rgba(0,0,0,0);
  height:1px;
  width:55%;
  margin-top:0px;
  margin-bottom:-20px;
  margin-left:auto;
}

.launch-text.seen  img   {
  transition: transform 4s linear 2.4s;
  transform: rotateY(720deg);
}

#tiles { width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  opacity:1;
  transition: opacity 1s ease-in-out;
}

.slide.seen #tiles {
  opacity:0;
  transition-delay: 10s;
}

.cube-wrapper {
  position:absolute;
    top:-20%;
  width:100%;
  height:100%;
}

.cube-text {
    position:absolute;
  font-size:2.5rem;
  font-family: 'Raleway', sans-serif;

}

.cube-text-left {
  left:15%;
  font-size:2vw;
  top:40%;
    width:40%;
    margin-top:4.0rem;
}

.cube-text-right {
    left:50%;
  transform: translate(-50%,-50%);
font-size:2vw;
  top:80%;
  height:auto;
  width:80%;
  text-align:center;
}

.cube-text-title {
  width:70%;
  top:40%;
  left:50%;
  font-size:7em;
  transform: translate(-50%,-50%);
}

#ledcube {
  width:100%;
  height:100%;
}

.hover-overlay {
  position:absolute;
  width:100%;
  height:100%;
  z-index:5000;
  transform:translateZ(0.1);
}

.hover-box {
  float:left;
  background-color:black;
  transition: opacity 0.5s ease-in-out;
  /*transition: transform 0.5s linear;*/
  opacity:1;
  z-index:5000;
  transform:translateZ(0.1);

}

.hover-box.hovered {
  opacity:0;
  /*transform: rotateY(90deg)*/
}

.hover-hint {
  font-family: 'Open Sans', 'sans-serif';
  font-size: 1000%;
  content: '';
  opacity: 1;
  position: absolute  ;
  top: 20%;
  left: 20%;
  color: #eee;
  animation: float 3.5s infinite ease-in-out;
  max-width: 60%;
  pointer-events: none;
}

.hover-hint .smaller {
  font-size: 25%;
  text-align:right;
  pointer-events: none;
  letter-spacing: 0.25em;
}

@keyframes float {
    50% {
        top: 22%;
    }
    100% {
        top: 20%;
    }
}

.img-wrap { background-color:white;}

.lines-text {
  width:100%;
  float:left;
  text-align:center;
  margin-top:10%;
  margin-bottom:10%;
  font-size:2.8em;
}

.switch-min .feedback-button {
  display:none;
}

.feedback-button {
  position:absolute;
  left:5%;
  bottom: 3.4rem;
  font-size:1rem;
  padding:0.44rem 1.5rem;
  border: 2px solid #FFF;
  background-color:#000;
  text-align:center;
  font-family: 'Lato', sans-serif;
  z-index:5000;
  color: #FFF;
  opacity:0.8;
  transform:translateZ(0.1);

}

.feedback-overlay {
  position:absolute;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:0.98;
  left:0;
  top:0;
  display:none;
  z-index:5000;
  color:#888;
  font-size:4.0rem;
  padding:10% 20%;
}

.feedback-close {
  float: right;
  color: #FFF;
  border: 2px solid #888;
  font-size:2.0rem;
  cursor:pointer;
}


.feedback-box textarea {
  background-color: #000;
  height:80%;
  width:100%;
  color:#888;
  border:none;
}

.feedback-box textarea:focus {
  outline: none;
  border:none;
}

.feedback-submit {
  text-align:center;
  padding:1.0rem;
}

.feedback-submit button {
  font-size:1.6rem;
  padding:0.4rem 0.9rem;
  border: 2px solid #FFF;
  background-color:#000;
  text-align:center;
  font-family: 'Lato', sans-serif;
  z-index:5000;
  color: #FFF;
  opacity:0.8;
  transform:translateZ(0.1);
}

.main-site {
  visibility:hidden;
  opacity:0.0;
  transition: opacity 2s linear;
}

.pullman-bottom {
  position:absolute;
  top:75%;
  max-height:10%;
  left:50%;
  transform:translateX(-50%);
  font-family: 'CoreCircus', sans-serif;
  font-size: 1.2vw;
  text-align: center;
  line-height: 2;
}

.pullman-name {
  font-size: 2.4vw;
}

.storyButton {
  width:50%;
}

.blue-btn {
  color: #0b445f !important;
}
.side-by-side-btn {
  display:inline-block !important;
}

.left {
  float:left;
}
.right {
  float:right;
}
.story-btn {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
  margin: 1em auto 2em;
  max-width: 180px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
  border: 1px solid;
  overflow: hidden;
  text-align:center;
}

.story-btn:hover {
  text-decoration: none;
}

.atory-btn span {
  z-index: 20;
  text-align:center;
}
.story-btn:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: -10;
}

.story-btn:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {

    transform: translateY(0);
  }
  40% {

    transform: translateY(-20px);
  }
  60% {

    transform: translateY(-10px);
  }
}

.nav-button {
  transform:translate(1px, 0px);
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;

}

.nav-button-black {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=) !important;
}

.bouncer {
  animation: bounce 2s infinite;
}