/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
} 

/* FlexSlider Necessary Styles
*********************************/ 

.flexslider {
	margin: 0;
	padding: 0;
}

	.flexslider .slides img {
		display: block;
		width: 100%; 
	}
	
	.flexslider .slides > li {
		display: none;
	}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


/* FlexSlider Default Theme
*********************************/

.flexslider {
	position: relative;
	margin: 0;
	background: #fff;
    zoom: 1;
}

.flexslider iframe {display: block;}

	.flex-viewport {
		position: relative;
		overflow: hidden;
		-webkit-transition: all 1s ease;
		   -moz-transition: all 1s ease;
		    -ms-transition: all 1s ease;
			 -o-transition: all 1s ease;
				transition: all 1s ease;
	}

	.loading .flex-viewport {max-height: 300px;}
	.flexslider .slides {zoom: 1;}

/* Direction Nav
*********************************/

	.flex-direction-nav a {
		position: absolute;
		display: block;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-color: #D9D9D9;
		background-image: url(images/prev-next.png);
		background-repeat: no-repeat;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
		cursor: pointer;
		text-indent: -9999px;
	}
	
	.ie7 .flex-direction-nav a {
		top: 38%;
	}
	
	.flex-direction-nav .flex-prev {left: 12px;}
	.flex-direction-nav .flex-next {
		right: 12px;
		background-position: right top; 
	}
	
	.flex-direction-nav a:hover {background-color: #464646;}

	.flex-direction-nav .flex-disabled {
		cursor: default;
		opacity: .5;
		background-color: #D9D9D9 !important;
	}

/* Slider
*********************************/
.s4 {
	font-family: 'Open Sans', sans-serif;
	}
	
.s3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.s6 {
	font-family: 'Open Sans', sans-serif;
	}
	
.s5 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

#slider .flex-viewport li {position: relative;}

	#slider .flex-viewport img {display: block;}

#slider span {
	position: absolute;
	top: 30%;
	display: block;
	opacity: 0;
	-webkit-animation: all .25s linear .25s;
	   -moz-animation: all .25s linear .25s;
		-ms-animation: all .25s linear .25s;
		 -o-animation: all .25s linear .25s;
			animation: all .25s linear .25s;
	/*width: 100%;*/
}

#slider .flex-active-slide span {opacity: 1;}

	#slider span .s4 {
		position: relative;
		margin-bottom: 10px;
		color: #000000;
		font-size: 30px;
		line-height: 1;
	}

	#slider span .s3 {
		position: relative;
		font-size: 35px;
		text-transform: uppercase;
		
		line-height: 1;
	}
	
	/*	Caption 1, Caption 3 */
	
	#slider .caption-1,
	#slider .caption-3 {
		left: 0;
		top: 10px;
	}
	
	#slider .flex-active-slide .caption-1 .s4,
	#slider .flex-active-slide .caption-3 .s4 {
		left: 30%;
		-webkit-animation: caption-1-s4 1s linear;
		   -moz-animation: caption-1-s4 1s linear;
			-ms-animation: caption-1-s4 1s linear;
			 -o-animation: caption-1-s4 1s linear;
				animation: caption-1-s4 1s linear;
		
	}
	
	#slider .flex-active-slide .caption-1 .s3,
	#slider .flex-active-slide .caption-3 .s3 {
		left: 35%;
		-webkit-animation: caption-1-s3 1s linear;
		   -moz-animation: caption-1-s3 1s linear;
			-ms-animation: caption-1-s3 1s linear;
			 -o-animation: caption-1-s3 1s linear;
				animation: caption-1-s3 1s linear;
	}
	
	@-webkit-keyframes caption-1-s4 {
		0% {
			left: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 30%;
			opacity: 1;
		}
	}
	
	@-moz-keyframes caption-1-s4 {
		0% {
			left: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 30%;
			opacity: 1;
		}
	}
	
	@-ms-keyframes caption-1-s4 {
		0% {
			left: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 30%;
			opacity: 1;
		}
	}
	
	@-o-keyframes caption-1-s4 {
		0% {
			left: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 30%;
			opacity: 1;
		}
	}
	
	@keyframes caption-1-s4 {
		0% {
			left: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 30%;
			opacity: 1;
		}
	}
	
	@-webkit-keyframes caption-1-s3 {
		0% {
			left: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 35%;
			opacity: 1;
		}
	}
	
	@-moz-keyframes caption-1-s3 {
		0% {
			left: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 35%;
			opacity: 1;
		}
	}
	
	@-ms-keyframes caption-1-s3 {
		0% {
			left: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 35%;
			opacity: 1;
		}
	}
	
	@-o-keyframes caption-1-s3 {
		0% {
			left: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 35%;
			opacity: 1;
		}
	}
	
	@keyframes caption-1-s3 {
		0% {
			left: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			left: 35%;
			opacity: 1;
		}
	}
	
	/*	Caption 2 */
	
	#slider .caption-2 {right: 0; top: 15px; text-align: center; }
	
	#slider .flex-active-slide .caption-2 .s4 {
		-webkit-animation: caption-2-s4 1s linear;
		   -moz-animation: caption-2-s4 1s linear;
			-ms-animation: caption-2-s4 1s linear;
			 -o-animation: caption-2-s4 1s linear;
				animation: caption-2-s4 1s linear;
		right: 45%;
	}
	
	#slider .flex-active-slide .caption-2 .s3 {
		-webkit-animation: caption-2-s3 1s linear;
		   -moz-animation: caption-2-s3 1s linear;
			-ms-animation: caption-2-s3 1s linear;
			 -o-animation: caption-2-s3 1s linear;
				animation: caption-2-s3 1s linear;
		right: 40%;
	}
	
	@-webkit-keyframes caption-2-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}
	
	@-moz-keyframes caption-2-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}
	
	@-ms-keyframes caption-2-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}
	
	@-o-keyframes caption-2-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}
	
	@keyframes caption-2-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}

	@-webkit-keyframes caption-2-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}

	@-moz-keyframes caption-2-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}

	@-ms-keyframes caption-2-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}

	@-o-keyframes caption-2-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}

	@keyframes caption-2-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}
	
	/*	Caption 4 */
	
	#slider .caption-4 {right: 0;}
	
	#slider .flex-active-slide .caption-4 .s4 {
		-webkit-animation: caption-4-s4 1s linear;
		   -moz-animation: caption-4-s4 1s linear;
			-ms-animation: caption-4-s4 1s linear;
			 -o-animation: caption-4-s4 1s linear;
				animation: caption-4-s4 1s linear;
		right: 45%;
	}
	
	#slider .flex-active-slide .caption-4 .s3 {
		-webkit-animation: caption-4-s3 1s linear;
		   -moz-animation: caption-4-s3 1s linear;
			-ms-animation: caption-4-s3 1s linear;
			 -o-animation: caption-4-s3 1s linear;
				animation: caption-4-s3 1s linear;
		right: 40%;
	}
	
	@-webkit-keyframes caption-4-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}
	
	@-moz-keyframes caption-4-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}
	
	@-ms-keyframes caption-4-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}
	
	@-o-keyframes caption-4-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}
	
	@keyframes caption-4-s4 {
		0% {
			right: -100%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 45%;
			opacity: 1;
		}
	}

	@-webkit-keyframes caption-4-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}

	@-moz-keyframes caption-4-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}

	@-ms-keyframes caption-4-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}

	@-o-keyframes caption-4-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}

	@keyframes caption-4-s3 {
		0% {
			right: 90%;
			opacity: 0;
		}
		20% {
			opacity: 0;
		}
		100% {
			right: 40%;
			opacity: 1;
		}
	}
	
/* Carousel
*********************************/

#carousel {
	position: absolute;
	bottom: 5%;
	padding: 0 40px;
}

#carousel .flex-viewport .slides {min-width: 1600%;}

	#carousel .slides li {
		display: inline-block;
		margin: 0 40px 0 0;
		padding: 10px 0;
		border-bottom: 1px solid #fff;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
		background-color: rgba(255,255,255,.8);
		text-align: center;
	}
	
	.ie7 #carousel .slides li,
	.ie8 #carousel .slides li {background-color: #fff;}
	
	#carousel .slides li {
		float: left;
		display: block;
		width: 245px;
		
	}
	
	#carousel .slides .flex-active-slide {
		background: #474747 !important;
	}
	
		#carousel .slides li > a {cursor: pointer;}
	
			#carousel .slides .s6,
			#carousel .slides .s5 {margin: 0;}
			
			#carousel .slides .s6 {color: #000000; font-size:17px;}
			#carousel .slides .s5 {text-transform: uppercase; letter-spacing: 0px; font-size:19px;}
			
			#carousel .slides .flex-active-slide .s6 {color: #fafafa;}
			
			
/* Smaller than standard 1140 (devices and browsers) */
@media only screen and (max-width: 890px) {

	#slider span {top: 25%;}

		#slider span .s4 {font-size: 24px;}

		#slider span .s3 {font-size: 33px;}
		
		
	
}

/* Tablet Portrait size to standard 1140 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	
	#slider span {top: 30%;}
	
	.caption-1 {padding-left:8%;}
	
	.caption-2 {padding-right:8%;}
	
	.caption-4 {padding-right:14%;}

		#slider span .s4 {font-size: 20px;}

		#slider span .s3 {font-size: 30px;}
		
		#carousel {display: none;}
		
		
		
		
}
			
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	#slider span {top: 30%;}
	
	.caption-1 {padding-left:0;}
	
	.caption-2 {padding-right:0;}
	
	.caption-3 {padding-left:0;}
	
	.caption-4 {padding-right:0;}

		#slider span .s4 {font-size: 12px;}

		#slider span .s3 {font-size: 18px;}
	#carousel {display: none;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#slider span {top: 30%;}
	
	.caption-1 {margin-left:-15px;}
	
	.caption-2 {margin-right:-15px;}
	
	.caption-3 {margin-left:-30px;}
	
	.caption-4 {margin-right:-20px;}

		#slider span .s4 {font-size: 10px;}

		#slider span .s3 {font-size: 12px;}
	#carousel {display: none;}

}