/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: 
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;*/
	
	/*If you are using horizontal slide transitions, use the following CSS:;
	-webkit-transition: left 5s ease-in-out; 
	-moz-transition: left 5s ease-in-out; 
	-o-transition: left 5s ease-in-out; 
	transition: left 5s ease-in-out*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

		#maximageloader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:50%;
				width:32px;
				background: url('../images/loader.gif') no-repeat;
				z-index:999;
			}
			
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				display:none;/* Only use this if you fade it in again after the images load */
				position:fixed !important;
				z-index: 0;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:9999;
			}
			
			#maximagecounter {
				position: fixed;
				z-index: 1000;
				top: 20px;
				width: 35px;
				right: 10px;
				color: #fff;
			}
			
			#maximagecounter #arrow_left, #maximagecounter #arrow_right {
				width:12px;
				height: 24px;
				background: url('../images/arrows.png');
				display: inline-block;
				text-indent: -9999px;
			}
			
			#maximagecounter #arrow_navs {
				width: 30px;
				margin: 0 auto;
			}
			
			#maximagecounter #arrow_right {
				background-position: 48px 0;
			}
			
			
			#maximagecounter.maxvert #arrow_left,#maximagecounter.maxvert #arrow_right  {
				width: 26px;
				height: 28px;
				display: block;
			}
			
			#maximagecounter.maxvert #arrow_left  {
				background-position: -1px 28px;
			}
			
			#maximagecounter.maxvert #arrow_right  {
				background-position: -31px 28px;
				margin-top: 10px;
			}
			
			#maxcaption {
				z-index:9999;
				margin-top: 15px;
				position:absolute;
				text-align: center;
				width: 100%;
				font-size: 11px;
			}
			
			
			
			.in-slide-content { 
				display: block;
				background: #f8f8f8;
				color:#333;
				right: -414px;
				bottom: 0;
				position:absolute;
				width:450px;
				height: 40%;
				z-index:9999; /* Show above .gradient */
				-webkit-font-smoothing:antialiased;
				-webkit-transition-duration: 1s;
				-moz-transition-duration: 1s;
				-o-transition-duration: 1s;
				transition-duration: 1s;
				
			}
			
			.in-slide-content .icon-bar {
				display: block;
				width: 22px;
				height: 3px;
				background-color: #666;
				border-radius: 2px;
				margin-bottom: 3px;
				-webkit-transition-duration: 1s;
				-moz-transition-duration: 1s;
				-o-transition-duration: 1s;
				transition-duration: 1s;
			}
			
			.in-slide-content button {
			display: inline-block;
			height: 100%;
			background-color: #222;
			border: 1px solid transparent;
			border-radius: 0;
			outline: none;
			padding: 6px;
			
			}
			
			
			.in-slide-content.active { 
				right: 0;
				-webkit-transition-duration: 1s;
				-moz-transition-duration: 1s;
				-o-transition-duration: 1s;
				transition-duration: 1s;
			}
			.in-slide-content .slide-content {
				display: inline-block;
				/*width: 350px;*/
				padding: 20px;
				font-size: 14px;
				position: absolute;
				line-height: 130%;
			}
			
			.in-slide-content .slide-content .slidereadmore{
				display: inline-block;
				/*width: 350px;*/
				padding: 7px 25px;
				font-size: 13px;
				line-height: 130%;
				background: #333;
				color: #fff;
			}
			
			.in-slide-content h3 {
				font-size: 34px;
				margin-bottom: 20px;
				color: #333;
				line-height: 140%;
			}
			
			
			.in-slide-content button.active .icon-bar.x2 {
				opacity: 0;
				-webkit-transition-duration: 1s;
				-moz-transition-duration: 1s;
				-o-transition-duration: 1s;
				transition-duration: 1s;
			}
			
			.in-slide-content button.active {
				padding-top: 12px;
				-webkit-transition-duration: 1s;
				-moz-transition-duration: 1s;
				-o-transition-duration: 1s;
				transition-duration: 1s;
			}
			
			.in-slide-content button.active .icon-bar.x1 {
				transform:rotate(45deg);
				-ms-transform:rotate(45deg); /* IE 9 */
				-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
				-webkit-transition-duration: 1s;
				-moz-transition-duration: 1s;
				-o-transition-duration: 1s;
				transition-duration: 1s;
			}
			
			.in-slide-content button.active .icon-bar.x3 {
				transform:rotate(-45deg);
				-ms-transform:rotate(-45deg); /* IE 9 */
				-webkit-transform:rotate(-45deg); /* Opera, Chrome, and Safari */
				-webkit-transition-duration: 1s;
				-moz-transition-duration: 1s;
				-o-transition-duration: 1s;
				transition-duration: 1s;
				margin-top: -12px;
			}
			
			.in-slide-content button.active:active {border: none;}
			
		
		
		@media (max-width:768px) {
					.in-slide-content.active {width: 70%;}
					.in-slide-content .slide-content {
				display: inline-block;
				/*width: 350px;*/
				padding: 20px;
				font-size: 12px;
				position: absolute;
			}
			
			.in-slide-content h3 {
				font-size: 18px;
				margin-bottom: 10px;
			}
				}