/*

 * jQuery FlexSlider v2.2.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)

 */



/* FlexSlider Necessary Styles

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

.flexslider {

	position: relative;

}

.flexslider a:active, .flexslider a:focus {

	outline: none;/* Browser Resets */

}

.slides {

	margin: 0;

	padding: 0;

	list-style: none;/* Browser Resets */

}

.flexslider .slides {

	zoom: 1;

}

.flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

} /* Hide the slides before the JS is loaded. Avoids image jumping (going to study.) */

.flexslider .slides figure {

	overflow:hidden;

	width: 100%;

	height: auto;

}

.flexslider .slides img {

	width: 100%;

		height: auto;

	margin:0;

	display: block;

	max-width: none;

}

/* Clearfix for the .slides element */

.slides:after {

	content: "\0020";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* Direction Nav (Css Styles needed for Preview and Next buttoms.) */

.flex-direction-nav {

	margin: 0;

	padding: 0;

	list-style: none;

}

.flex-direction-nav {

*height: 0;

}

.flex-direction-nav a {

	text-decoration: none;

	display: block;

	width: 30px;

	height: 30px;

	/*margin: -20px 0 0;*/

	margin:0;

	position: absolute;

	top: 50%;

	transform: translate(0,-50%);

	-webkit-transform: translate(0,-50%);

	-moz-transform: translate(0,-50%);

	z-index: 10;

	overflow: hidden;

	opacity: 0;

	cursor: pointer;

	color: rgba(0,0,0,0.8);

	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

}

.flex-direction-nav .flex-prev {

	background-image:url(../images/left.png);

	width: 42px;

	height: 42px;

	left:0;

	text-indent: -999999px;

	z-index:99;

 

}

.flex-direction-nav .flex-next {

	background-image:url(../images/right.png);

	width: 42px;

	height: 42px;

	right:0;

	text-indent: -999999px;

	z-index:99;

	 

}

.flexslider:hover .flex-prev {

	opacity: 0.7;

	left: 10px;

}

.flexslider:hover .flex-next {

	opacity: 0.7;

	right: 10px;

}

.flexslider .slide-caption {
	max-width: 600px;

	position: absolute;

	top: 50%;

	left:auto;

	transform: translate(0%,-50%);

	-moz-transform: translate(0%,-50%);

	-webkit-transform: translate(0%,-50%);

	z-index:99;

/*	left: auto;*/

	color:#fff;

}

.flexslider .slide-caption h1 {
	text-transform:uppercase;
	font-size:45px;
	font-weight:700;
	margin:0;
	color:#464646;
}

.flexslider .slide-caption h3 {

	font-size:20px;

}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

	opacity: 1;

}

.flex-direction-nav .flex-disabled {

	opacity: 0!important;

	filter: alpha(opacity=0);

	cursor: default;

}

/* Control Nav (Css Styles needed for pagination-bullects) */

.flex-control-nav {

	margin: 0;

	padding: 0;

	list-style: none;/* display: none !important  hiddened this whole section's effect */

}

.flex-control-nav {

	width: 100%;

	position: absolute;

	z-index: 99;

	bottom: 10px;

	text-align: center;

	display:none;

}

.flex-control-nav li {

	margin: 0 6px;

	display: inline-block;

	zoom: 1;

*display: inline;

}

.flex-control-paging li a {

	width: 11px;

	height: 11px;

	display: block;

	background: #666;

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

	cursor: pointer;

	text-indent: -9999px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-o-border-radius: 20px;

	border-radius: 20px;

	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);

	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);

	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);

	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);

}

.flex-control-paging li a:hover {

	background: #333;

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

}

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

	background: #000;

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

	cursor: default;

}



/* End of Control Nav (Css Styles needed for pagination-bullects) */



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

.flexslider .slides figure {

	display: flex;

	display: -webkit-flex;
    margin-top: 5px;

}

.flexslider .slides img {

	width:100%;

}

}

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

.flex-direction-nav .flex-prev {

	opacity: 1;

	left: 10px;

}

.flex-direction-nav .flex-next {

	opacity: 1;

	right: 10px;

}
.flexslider .slide-caption {
	max-width: 300px;
	padding:0 50px;
	text-align: center;
}

}