/* Browser Resets */

.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 > li {

	display: none;

	-webkit-backface-visibility: hidden;

} 



/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {

	width: 100%;

	display: block;

}



.flex-pauseplay span {

	text-transform: capitalize;

}



/* Clearfix for the .slides element */

.slides:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



html[xmlns] .slides {

	display: block;

}



* html .slides {

	height: 1%;

}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {

	display: block;

}





/* FlexSlider Default Theme

*********************************/

.flexslider{

	zoom: 1;

	position: relative;

	margin-bottom:0px;

}



.ie7 .flexslider{ margin-bottom:0px; }



.flex-viewport{

	max-height: 2000px;

}



.loading .flex-viewport{

	max-height: 300px;

}



.flexslider .slides{

	zoom: 1;

}





/* Direction Nav - left right navigation */



.flex-direction-nav a {

	width: 28px;

	height: 27px;

	display: block;

	background-color: #000;

	bottom: 45%;

	right: 40px;

	float: none;

	position: absolute;

	cursor: pointer;

	text-indent: -9999px;

	background-color: #222;

	background: rgba(0, 0, 0, 0.65);

	-webkit-transition: all 0.1s ease-in-out;

	-moz-transition: all 0.1s ease-in-out;

	-o-transition: all 0.1s ease-in-out;

	-ms-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

	opacity: 0.3;

}



.ie7 .flex-direction-nav a{ bottom:90px; }



.flex-direction-nav .flex-next {

	background: url(images/bg_direction_nav.png) no-repeat center right;

}



.flex-direction-nav .flex-prev {

	left: 40px;

	background: url(images/bg_direction_nav.png) no-repeat center left;

}



.flex-direction-nav .flex-prev:hover,

.flex-direction-nav .flex-next:hover {

	opacity: 1;

}



/* Control Nav - pager navigation*/



.flex-control-nav {

	width: 90%;

	position: absolute;

	bottom: 20px;

	left:40px;

	text-align: left;

}



.flex-control-nav li {

	margin: 0 3px 0 0;

	display: inline-block;

	zoom: 1;

	*display: inline;

}



.flex-control-paging li a {

	width: 10px;

	height: 10px;

	display: block;

	background: #c8c8c8;

	cursor: pointer;

	text-indent: -9999px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-o-border-radius: 20px;

	border-radius: 20px;

}



.flex-control-paging li a:hover,

.flex-control-paging li a.flex-active {

	background: #505050;

}



.flex-control-paging li a.flex-active {

	cursor: default;

}



/* Slide Text*/



.slidetext{
	background: url(../../images/bg-slider.png) repeat top left;
	color: #D1EDA3;
	position: absolute;
	bottom: 60px;
	left: 0px;
	width: 360px;
	padding: 45px 50px;
}



.slidetext h2, 

.slidetext h3 {
	color: #D1EDA3
	;
}



.slidetext h2{

font-size:24px;

line-height:26px;

margin-bottom:12px;

}





.slidetext a, 

.slidetext h2 a, 

.slidetext h3 a {
	color: #CCFFD8;
	text-decoration: none;
}





/* #Tablet (Portrait) - designed for 705px width grid */

	

@media only screen and (min-width: 768px) and (max-width: 959px) {

	

	.slidetext{ position:relative; width:auto; bottom:0; }

	.flex-direction-nav a { bottom:75px; }

	.flex-control-nav{ bottom: 210px; left:50px; }

	

	#portfolio-item-slider .flex-control-nav{ bottom: 20px; }

	

}



/* #Mobile (Landscape) - designed for 280px width */



@media only screen and (max-width: 767px) {



	.slidetext{ position:relative; width:auto; bottom:0; padding:30px; }

	.slidetext p{ display:none; }

	.slidetext h2{ font-size:18px; margin-bottom:0;  }



	.flex-control-nav{ bottom: 120px; left:30px; }



	.flex-direction-nav a { bottom:40%; }

	.flex-direction-nav .flex-next { right:20px; }

	.flex-direction-nav .flex-prev { left:20px; }

	

	#portfolio-item-slider .flex-control-nav{ bottom: 20px; }

	

}



/* #Mobile (Landscape) - designed for 420px width */



@media only screen and (min-width: 480px) and (max-width: 767px){

	

	.flex-control-nav{ bottom: 100px; left:30px; }

		

}