/* SCENE 3 ANIMATIONS */


/* SCENE 3 DIVs */

#ScreenOne {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 101;
	height: 475px;
	width: 1024px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 7s;
	background-image: url(../../content/sc3-work/sc3-screen1.png);
}

#Stage {
	position: absolute;
	left: 0px;
	top: 490px;
	padding: 0px;
	z-index: 300;
	height: 275px;
	width: 1024px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	background-image: url(../../content/sc3-work/sc3-stage1.png);
}

.gallery {
	background-image: url(../../content/sc3-work/sc3-basement-wall.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media (max-width: 768px) {
  .gallery {
    background-size: 200%;
    background-position-x: center;
    text-align: center;
  }
}

.gallery h1 {
	font-size: 60px;
}

.gallery h1 h2 h3 h4 {
	padding: 0px;
	margin-top: 0%;
	margin-bottom: 0%;
}

.gallery h3 {
	margin-top: 0px;
}

.gallery-title {
	margin-top: 65px;
}


/* Scene3 Set DIVs and Classes */

#screen-slider {
	position: absolute;
	left: 136px;
	top: 56px;
	padding-bottom: 25px;
	z-index: 350;
	width: 750px;
	height: 300px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 7s;
}

#setGalleryBench {
	position: absolute;
	left: 390px;
	top: 520px;
	padding: 0px;
	z-index: 350;
	width: 245px;
	height: 125px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 5s;
	background-image: url(../../content/sc3-work/sc3-set-gallerybench.png);
}


/* Content Slider Styles */

.slider-container {
  width: 750px;
  height: 275px;
}

.contentSlider {
  width: 750px;
  height: 300px;
}

.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {
  background-color: rgba(255,255,255,0);
  color: #000;
}

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
  background-color: rgba(255,255,255,0);
}

.contentSlider img {
  max-width: 100%;
  height: auto;
  display: block;
}

.content-slider-bg {
  width: 86%;
  padding: 24px 7%;
}

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0 auto; 

	background: #000;
	background: rgba(255,255,255,0);

	text-align: center;
	line-height: 8px;
	overflow: visible;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 15px 5px 6px;
}
.rsDefault .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #777;
	background: rgba(0,0,0,0.15);
}
.rsDefault .rsBullet.rsNavSelected span {
	background: rgba(0,0,0,0.5);
}


/* YOU ARE HERE */

#you-are-here {
	position: absolute;
	left: 768px;
	top: 410px;
	width: 115px;
	height: 115px;
	z-index: 603;
}