/* FlexSlider Styles *************************************************/
.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 { padding: 0;position: relative;z-index: 9;}
.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;}

.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;}

ul.slides li {margin-bottom:0;position:relative;}

.flex-viewport ,ul.slides{
	background:#000;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	
	}

ol.flex-control-nav{text-align: center;margin:0 0 3px;}

ol.flex-control-nav li{display:inline-block;}

ol.flex-control-nav li a{
	display:block;
	width:10px;
	height:10px;
	cursor:pointer;
	margin:0 3px;
	background:transparent;
	border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	
	}

ol.flex-control-nav li a:hover,
ol.flex-control-nav li a.flex-active{
	background:#29417F;
	}
	
.flexslider ul.flex-direction-nav {display:none}
.flexslider:hover ul.flex-direction-nav {display:block} 

ul.flex-direction-nav li {
	margin:0;
	padding:0;
	}

ul.flex-direction-nav li a {
	width:25px;
	height:25px;
	position:absolute;
	display:block;
	top:39%;
	right:20px;	
	font-family:fontello;	
	background:#29417F;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	font-size:14px;
	line-height:24px;
	opacity:.5;
	}
	
ul.flex-direction-nav li a.flex-next:before{content: "\e850";}
ul.flex-direction-nav li a.flex-next:hover {opacity:1}
ul.flex-direction-nav li a.flex-prev:before {content: "\e84f";}
ul.flex-direction-nav li a.flex-prev {left:20px;right:auto;}
ul.flex-direction-nav li a.flex-prev:hover {opacity:1}


.flex_caption {
	background:rgba(0, 0, 0, 0.6);

	opacity:0;
    color: #CCC;
    padding:20px 25px;
    position: absolute;
    width: 100%;
	text-shadow:1px 1px 1px rgba(0,0,0,.6);
	
	-webkit-transition:al 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
	}
.full_caption{
	height:0;
	bottom:0;
	}
.top_caption{
	top:0;
	bottom:auto;
	}
.bottom_caption{
	bottom:0;
	}
.center_caption{
	margin:7.5%;
	text-align:center;
	bottom:0;
	width:86%;
	}
ul.slides li:hover .full_caption {
    height:100%;
	opacity:1;
	}
ul.slides li:hover .bottom_caption,
ul.slides li:hover .top_caption,
ul.slides li:hover .center_caption {
	opacity:1;
	}
	
.flex_caption h4{
	color:#FFF !important;
	font-size:18px;
	line-height:18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom:9px;
	}

.caption_text {
	float:left;
	}

.flex_caption a,.flex_caption a:visited, .nivo-caption a, .nivo-caption a:visited {
	color:#DDD;
	} 
.flex_caption a:hover,.nivo-caption a:hover {
	color:#FFF;
	} 

/* Slider Shadow ****************************************************/
.slider_shadow{z-index:1}
.slider_shadow img { width: 100%; }
.slider_shadow.shadow1 {margin: -78px 0 0;}
.slider_shadow.shadow2 {margin: -56px 0 0;}
.slider_shadow.shadow3 {margin: -63px 0 0;}
.slider_shadow.shadow4 {margin: -66px 0 0;}
.slider_shadow.shadow5,
.slider_shadow.shadow6 {margin: -304px 0 33px -20px;}
.slider_shadow.shadow5 img,
.slider_shadow.shadow6 img {max-width:none}




/*Roundabout Slider *************************************************/

.roundabout {
	width:905px;
	}

.roundabout ul {
	margin: 135px 0 115px 40px;
	}
	
@media only screen and (min-width: 100px) {
	.slider_shadow {display: none;}
}
@media only screen and (min-width: 480px) {
	.flexslider {margin-top: 20px;}
}
@media only screen and (min-width: 960px) {
	.slider_shadow {display: block;}
}