* { margin:0; padding:0; }



body { background:rgba(135,36,96,0.9);  font-family: Montserrat, sans-serif; }
img{ border:none; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:white; background:white url(../img/loading.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; margin:0px;}
#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }

/*Controls Section*/
#controls-wrapper { margin:0 auto; height:62px; width:100%; bottom:0; left:0; z-index:4; }
#controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 114px; /* Increase padding to give thumbnails room */ }
#slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }
#slidecaption { 
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;				
			}
			#slidecaption h1{
			font-size:25px;
			color:white;
			font-weight:bold;
			font-family: Montserrat, sans-serif;
			position:fixed;
			bottom:100px;
			right:0px;
			width:auto;
			background:#b200ff;
			padding:5px 20px 5px 20px;
         
			
			}

			#slidecaption h2{
			font-size:22px;
			color:white;
			font-weight:normal;
			position:fixed;
			bottom:72px;
			right:0px;
			font-family: Montserrat, sans-serif;
			width:auto;
			background:rgba(135,36,96,0.9);
			padding:0px 20px 5px 20px;
			}			
			
			#navigation { 
			position:fixed;
			top:40px;
			right:10px;
			z-index:9;
			//float:right; margin:10px 20px 0 0; 
			}

            #nextslide{cursor:pointer;  padding: 5px;
  background: rgba(135,36,96,0.9);}
#pauseplay{cursor:pointer;  padding: 5px;
  background: rgba(238,155,17,1);}
#prevslide{cursor:pointer;background: rgba(135,36,96,0.9);
 padding: 5px;}

@media screen and (max-width: 600px) {
#navigation { position:fixed;top:-10px;left:0px;z-index:9999;width:100%;text-align:center}
#slidecaption h1{bottom:33px;width:100%;right:0;text-align:center;margin:0;padding:4px;font-size:20px;background:black;}
#slidecaption h2{bottom:0px;width:100%;right:0;text-align:center;margin:0;padding:4px;font-size:14px;background:black;min-height:30px;vertical-align:middle;}
#nextslide{padding:10px;background:white}
#pauseplay{padding:10px;background:white}
#prevslide{padding:10px;background:white}
#supersized{height:90%;}
}	

	/*Thumbnail Navigation*/	
	#nextthumb,#prevthumb { z-index:6; display:none; position:fixed; bottom:12px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
		#nextthumb { right:12px; }
		#prevthumb { left:12px; }
			#nextthumb img, #prevthumb img { width:150px; height:auto;  }
			#nextthumb:active, #prevthumb:active { bottom:10px; }
			#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }