/* Slider
http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html
*/
/* Slider
/*-----------------------------------------------------------------------------------*/
.SliderBox{
	width: 100%;
	height: 100%;
	top:53px;
	margin-bottom: 11px;
	position: relative;
	
}
.slider_container {
	width:100%;
	clear:both;
	margin:auto;
	padding:0px 0 0 0;
}
.flex-caption {
	position: absolute;
	left:10px;
	top:160px;
}
.caption_title_line {
	width:500px;
	height:150px;
	padding:5px 15px 10px 15px;
	color: #303030;
}
.flex-caption h2 {
	color:#FFF;
	font-size:70px;
	padding:5px 0 0px 0;
	margin:0px;
	font-family: 'Lato-Light', sans-serif;
	line-height: 55px;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.flex-caption h3 {
	color:#FFF;
	font-size:32px;
	padding:5px 0 0px 0;
	margin:0px;
	font-family: 'Lato-Light', sans-serif;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.flex-container a:active, .flexslider a:active {
	outline: none;
}
.slides
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #B18D5C;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width: 100%;
	margin: 0;
	padding: 0px;
	
}
.flexslider .slides > li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	max-width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	position: relative;
	zoom: 1;
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slides > li {
	position: relative;
}
.flex-container {
	zoom: 1;
	position: relative;
}








.nav-dots {
	text-align: center;
	position: relative;
	height: 30px;
	width: 100%;
	left: 0;
	bottom:50px;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span {
	background: rgba(150,150,150,0.1);
	margin: 6px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 2px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current,
.nav-dots span:hover {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 5px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}









/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
.slider_container {
width:100%;
margin:0px;
clear:both;
background:none;
padding:0px;
}
.flexslider {
width: 100%;
margin: 0;
padding:0px;
background:none;
}
.flex-direction-nav li a {
width:45px;
height:42px;
margin:0;
display: block;
position: absolute;
right:-10px;
cursor: pointer;
text-indent: -9999px;
}
.flex-direction-nav li a.next {
background:url(images/next.png) no-repeat center;
bottom:85px;
}
.flex-direction-nav li a.prev {
background:url(images/prev.png) no-repeat center;
bottom:40px;
}
.flex-caption {
display:none;
}
}