@charset "utf-8";
/* CSS Document */
/*720p HD (1366 x 768)*/

body {
  Xcursor: url('tool.png'), auto !important;
    Xcursor: url('tool.png'), pointer !important;	
}

#video-background { 
  position: absolute;
  bottom: 50%; 
  right: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  
  height: 238px; 
  width: auto; 
  height: auto;
  z-index: -1000; 
  overflow: hidden;
}

#slideshow {
		    
		    position: relative;
		}

		#slideshow > div {
		    position: absolute;
		    top: 0px;
		    left: 0px;
		}

.spin  {-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	height:1080px; width:1080px}	
	
.revspin  {-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	height:1080px; width:1080px}	
	
	.spinLG , .spinLGpop {-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	height:1080px; width:1080px}	
	
.revspinLG  {-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	height:1438px; width:1438px}	
	
.feature-wrapper {width:25%; float:left; margin:0 0 10px 0; padding:0;height:480px; background-color:#002a4b; position:relative}

.movie-title-bar {display:block; background-color:#266598; text-align:center; overflow:hidden; color:#FFFFFF; height:30px;  }
.movie-title {  display: block;  line-height:28px;  border:solid 1px #002a4b;}

.movie-poster  {background-image:url(scorch-trials-movie-poster.jpg); background-position:center center; background-size:cover; height:200px; display:block; float:left; width:50%;}
.theater-poster  { background-position:center center; background-size:cover;  display:block; z-index:1 }

.bottom-bar {display:block; background-color:#000; text-align:center; overflow:hidden; color:#FFFFFF; height:219px; border-top:solid 1px #002a4b;  }
.bottom-bar-tall {display:block; background-color:#000; text-align:center; overflow:hidden; color:#FFFFFF; height:250px; border-top:solid 1px #002a4b;  } /*250 is much taller - but fixes overscan*/


.float-bar {display:block; background-color:#000; text-align:center; overflow:hidden; color:#FFFFFF; height:100px; border-top:solid 1px #002a4b;  border-bottom:solid 1px #002a4b;}
.float-text {  display: block;  line-height:98px;   font-size: 35px; font-family:Tahoma, Geneva, sans-serif; color:#FFF}

.aud-bar {display:block; background-color:#002a4b; text-align:center; overflow:hidden; color:#FFFFFF;  width:20%; float:left;  border: 0px solid; position:relative; top:100px;
    border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; z-index:999  }
.aud-text {display:block; background-color:#266598; text-align:center; overflow:hidden; color:#FFFFFF; height:50px; width:80%; float:left  }


.theater-title-bar {display:block; background-color:#000; text-align:center; overflow:hidden; color:#FFFFFF; height:69px; width:100%; line-height:68px;   font-size: 30px; font-family:Tahoma, Geneva, sans-serif; color:#FFF; border-top:solid 1px #002a4b;   }

.theater-message {  display: block;  line-height:49px;  border-bottom:solid 1px #002a4b; font-size: 30px; font-family:Tahoma, Geneva, sans-serif; color:#FFF}

.theater-title {  display: block;  line-height:68px;   font-size: 30px; font-family:Tahoma, Geneva, sans-serif; color:#FFF; border-top:solid 1px #002a4b; }
.theater-runtime {  display: block;  line-height:30px;  font-size: 15px; font-family:Tahoma, Geneva, sans-serif; color:#FFF}
.theater-sub {  display: block;  line-height:30px;  border-bottom:solid 1px #002a4b; border-top:solid 1px #002a4b; font-size: 15px; font-family:Tahoma, Geneva, sans-serif; color:#FFF}
.theater-number {  display: block;  line-height:88px;  font-size: 60px; font-family:Tahoma, Geneva, sans-serif; color:#FFF; border-top: solid 1px #266598}

.movie-times {display:block; float:left; width:50%;}
.movie-time {display:block; padding-left:30px; color: #fff; background-color:#002a4b; line-height:21px; font-size:16px; border-bottom:solid 1px #266598  }



.ratings-bar {display:block; background-color:#266598; text-align:center; overflow:hidden; color:#FFFFFF; height:30px; width:100%; float:left; }
.rating {  display: block;  line-height:28px;  border:solid 1px #002a4b;}

.unhide {  display: block !important}
.hide {  display: none !important}

.ribbon {
   width: auto;
   position: absolute;
   text-align: center;
   font-size: 20px!important;
   background: #d64b4b;
   background: -webkit-gradient(linear, left top, left bottom, from(#d64b4b), to(#ab2c2c));
   background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -moz-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -ms-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -o-linear-gradient(top, #d64b4b, #ab2c2c);
   background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   right:0;
   }
.ribbon h1 {
   font-size: 25px!important;
   color: #ffffff; /*#801111;*/
   text-shadow: #d65c5c 0 1px 0;
   margin:0px;
   padding: 15px 20px;
   }
.ribbon:before, .noribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #c23a3a;
   z-index: -1;
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.noribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.ribbon .ribbon-content:before, .noribbon .noribbon-content:after {
   border-color: #871616 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.noribbon .noribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
.ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   }
.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   }