* {
    background-size: contain !important;
}
body {
    margin: 0px;
    padding:0px;
    width:1680px;
    height:1050px;
    overflow:hidden;
    background: black;
    background-image: url("img/marquee.jpg");
        background-size: 1680px 950px !important;
background-repeat:no-repeat;
}
#background {
    position: absolute;
    top:0;
    left:0;
    
    width:1680px;
    height:1050px;
    margin: 0px;
    padding:0px;
}
#subtitle {
    position: absolute;
    top:0;
    left:0;
    width:1680px;
    height:1050px;
    margin: 0px;
    padding:0px;
}
#subtitle img {
	width:1680px;
}
#foreground, #preforeground {
    position: absolute;
    top:0;
    left:0;
    width:1680px;
    height:1050px;
    margin: 0px;
    padding:0px;
}
#preforeground {
    background-image: url("img/marquee.jpg");
}
#movietitle {
    font-family: 'Limelight', cursive;
    text-align: center;
    font-size: 100px;
    width: 1096px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
#moviesummary {
    font-family: 'Limelight', cursive;
    text-align: center;
    font-size: 70px;
    width: 1096px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    margin-top: 30px;
}
#blackbox {
    position: absolute;
    top: 378px;
    left: 138px;
    background: black;
    /*height:1050px;
    width: 1920px;*/
}
#movieposter {
    position: absolute;
    top: 323px;
    left: 88px;
    height: 570px;
    width: 377px;
}
#movieposter img {
        width: auto;
    height: 561px;
}
#movieposter div {
    position: absolute;
}
#leftsearchlight {
    position: absolute;
    top: 0px;
    left:0px;
    overflow: hidden;
    width: 1920px;
    height: 1080px;
}
#leftsearchlight img {
    position: absolute;
    top: -200px;
    left:550px;   
}
#rightsearchlight {
    position: absolute;
    top: 0px;
    left:0px;
    overflow: hidden;
    width: 1920px;
    height: 1080px;
}
#rightsearchlight img {
    position: absolute;
    top: -200px;
    left:1000px;   
}

.concessions {
}



#playingat {
width: 1096px;
font-family: 'Limelight', cursive;
    text-align: center;
    font-size: 36px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    margin-top: 30px;
}
.neon {
    color:#535be6;
    font-size: 40px;
    font-family: 'Limelight', cursive;
      -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
    -moz-animation: neon1 1.5s ease-in-out infinite alternate;
    animation: neon1 1.5s ease-in-out infinite alternate; 
}

#playingat .smallersub {
    font-family: 'Limelight', cursive;
    position: absolute;
    text-align: center;
    top: 604px;
    font-size: 100px;
    right: 75px;
    width: 1125px;
}
/*glow for webkit*/
@-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #FF1177,
               0 0 70px  #FF1177,
               0 0 80px  #FF1177,
               0 0 100px #FF1177,
               0 0 150px #FF1177;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #FF1177,
               0 0 35px #FF1177,
               0 0 40px #FF1177,
               0 0 50px #FF1177,
               0 0 75px #FF1177;
  }
}
@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #228DFF,
               0 0 70px  #228DFF,
               0 0 80px  #228DFF,
               0 0 100px #228DFF,
               0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #228DFF,
               0 0 35px #228DFF,
               0 0 40px #228DFF,
               0 0 50px #228DFF,
               0 0 75px #228DFF;
  }
}

#subtitle div {
    position: absolute;
    top:0;
    left:0;
    width:1680px;
    height:1050px;
    margin: 0px;
    padding:0px;
}

#lights img {
    width:1680px;
    height: 1050px;
}         
    
#searchlightleft{
  animation: swinglights linear 4.11s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: swinglights linear 4.11s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: swinglights linear 4.11s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: swinglights linear 4.11s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: swinglights linear 4.11s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes swinglights{
  0% {
    transform:  rotate(-15deg) ;
  }
  25% {
    transform:  rotate(0deg) ;
  }
  50% {
    transform:  rotate(15deg) ;
  }
  75% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(-15deg) ;
  }
}

@-moz-keyframes swinglights{
  0% {
    -moz-transform:  rotate(-15deg) ;
  }
  25% {
    -moz-transform:  rotate(0deg) ;
  }
  50% {
    -moz-transform:  rotate(15deg) ;
  }
  75% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(-15deg) ;
  }
}

@-webkit-keyframes swinglights {
  0% {
    -webkit-transform:  rotate(-15deg) ;
  }
  25% {
    -webkit-transform:  rotate(0deg) ;
  }
  50% {
    -webkit-transform:  rotate(15deg) ;
  }
  75% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(-15deg) ;
  }
}

@-o-keyframes swinglights {
  0% {
    -o-transform:  rotate(-15deg) ;
  }
  25% {
    -o-transform:  rotate(0deg) ;
  }
  50% {
    -o-transform:  rotate(15deg) ;
  }
  75% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(-15deg) ;
  }
}

@-ms-keyframes swinglights {
  0% {
    -ms-transform:  rotate(-15deg) ;
  }
  25% {
    -ms-transform:  rotate(0deg) ;
  }
  50% {
    -ms-transform:  rotate(15deg) ;
  }
  75% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(-15deg) ;
  }
}

#searchlightright{
  animation: swinglightsright linear 4.11s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: swinglightsright linear 4.11s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: swinglightssright linear 4.11s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: swinglightssright linear 4.11s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: swinglightssright linear 4.11s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes swinglightsright{
  0% {
    transform:  rotate(15deg) ;
  }
  50% {
    transform:  rotate(-15deg) ;
  }
  100% {
    transform:  rotate(15deg) ;
  }
}

@-moz-keyframes swinglightsright{
  0% {
    -moz-transform:  rotate(15deg) ;
  }
  50% {
    -moz-transform:  rotate(-15deg) ;
  }
  100% {
    -moz-transform:  rotate(15deg) ;
  }
}

@-webkit-keyframes swinglightsright {
  0% {
    -webkit-transform:  rotate(15deg) ;
  }
  50% {
    -webkit-transform:  rotate(-15deg) ;
  }
  100% {
    -webkit-transform:  rotate(15deg) ;
  }
}

@-o-keyframes swinglightsright {
  0% {
    -o-transform:  rotate(15deg) ;
  }
  50% {
    -o-transform:  rotate(-15deg) ;
  }
  100% {
    -o-transform:  rotate(15deg) ;
  }
}

@-ms-keyframes swinglightsright {
  0% {
    -ms-transform:  rotate(15deg) ;
  }
  50% {
    -ms-transform:  rotate(-15deg) ;
  }
  100% {
    -ms-transform:  rotate(15deg) ;
  }
}


#foreground {
    animation: flipit linear 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: flipit linear 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: flipit linear 1s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: flipit linear 1s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: flipit linear 1s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;  
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes flipit{
  0% {
    background-image: url("img/step1.png");
  }
  33.3% {
    background-image: url("img/step2.png");
  }
  66.6% {
    background-image: url("img/step3.png");
  }
  100% {
    background-image: url("img/step4.png");
  }
}

@-moz-keyframes flipit{
    0% {
    background-image: url("img/step1.png");
  }
  33.3% {
    background-image: url("img/step2.png");
  }
  66.6% {
    background-image: url("img/step3.png");
  }
  100% {
    background-image: url("img/step4.png");
  }
}

@-webkit-keyframes flipit {
    0% {
    background-image: url("img/step1.png");
  }
  33% {
    background-image: url("img/step2.png");
  }
  66% {
    background-image: url("img/step3.png");
  }
  100% {
    background-image: url("img/step4.png");
  }
}

@-o-keyframes flipit {
    0% {
    background-image: url("img/step1.png");
  }
  33% {
    background-image: url("img/step2.png");
  }
  66% {
    background-image: url("img/step3.png");
  }
  100% {
    background-image: url("img/step4.png");
  }
}

@-ms-keyframes flipit {
  0% {
    background-image: url("img/step1.png");
  }
  33% {
    background-image: url("img/step2.png");
  }
  66% {
    background-image: url("img/step3.png");
  }
  100% {
    background-image: url("img/step4.png");
  }
}



#background {
    animation: flipbackground ease-in-out 8s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: flipbackground ease-in-out 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: flipbackground ease-in-out 8s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: flipbackground ease-in-out 8s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: flipbackground ease-in-out 8s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;  
    
}
@keyframes flipbackground{
    0% {
    background-image: url("images/TewesMarqueeBackground.png");
  }
  33% {
    background-image: url("images/TewesMarqueeBackground2.png");
  }
  66% {
    background-image: url("images/TewesMarqueeBackground3.png");
  }
  100% {
    background-image: url("images/TewesMarqueeBackground4.png");
  }
}

@-moz-keyframes flipbackground{
    0% {
    background-image: url("images/TewesMarqueeBackground.png");
  }
  33% {
    background-image: url("images/TewesMarqueeBackground2.png");
  }
  66% {
    background-image: url("images/TewesMarqueeBackground3.png");
  }
  100% {
    background-image: url("images/TewesMarqueeBackground4.png");
  }
}

@-webkit-keyframes flipbackground {
    0% {
    background-image: url("images/TewesMarqueeBackground.png");
  }
  33% {
    background-image: url("images/TewesMarqueeBackground2.png");
  }
  66% {
    background-image: url("images/TewesMarqueeBackground3.png");
  }
  100% {
    background-image: url("images/TewesMarqueeBackground4.png");
  }
}

@-o-keyframes flipbackground {
    0% {
    background-image: url("images/TewesMarqueeBackground.png");
  }
  33% {
    background-image: url("images/TewesMarqueeBackground2.png");
  }
  66% {
    background-image: url("images/TewesMarqueeBackground3.png");
  }
  100% {
    background-image: url("images/TewesMarqueeBackground4.png");
  }
}

@-ms-keyframes flipbackground {
  0% {
    background-image: url("images/TewesMarqueeBackground.png");
  }
  33% {
    background-image: url("images/TewesMarqueeBackground2.png");
  }
  66% {
    background-image: url("images/TewesMarqueeBackground3.png");
  }
  100% {
    background-image: url("images/TewesMarqueeBackground4.png");
  }
}
* {
    background-size: contain !important;
}