/* Slider

http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html

*/

/* Slider

/*-----------------------------------------------------------------------------------*/

.slider_container{width:100%; margin:0 auto; clear:both; padding:0px 0 0 0;  position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%); height:auto;}

.blur{background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
position: fixed; 
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 999;}
.flexslider{width:100%; float:left; margin:0px; padding:0px;}

.slider_container .close i{ font-size: 1em; color: #fff; padding: 8px 10px !important;}
.flex-caption{/*  position: absolute; left:15%; bottom:0px;  */width:auto; text-align:Center; margin-top:-25px;}

.caption_title_line{ width:450px; height:75px; padding:5px 15px 10px 15px;background:url(images/slider_caption_bg.png) repeat;color: #303030;}

.flext_img h2{ color:#FFF;font-size:16px; padding:5px 10px; margin:0px auto; text-align:center; display:inline-block;  background:rgba(0, 0, 0,0.5); width:auto; float:none;}

.flex-control-nav{display:none;}

.flex-container a:active,

.flexslider a:active {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


#close_pop{width: 35px;
height: 35px;
right: 10px !important;
position: absolute;
top: 30px !important;
cursor: pointer;
z-index: 1;}
/* FlexSlider Necessary Styles

*********************************/ 
.slides{width:60%; margin:0 auto;}
.flexslider {width: 100%; margin: 0; padding: 0 0 30px 0;background:url(images/shadow_bottom.png) no-repeat center bottom;}

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {max-width: 100%; display: block; margin:0 auto; text-align:Center; width:auto; height:auto; }

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



/* Direction Nav */

.flex-direction-nav li a {width:45px; height:42px; margin:0; opacity:0.3; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;}

.flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; top:45%; transform:translateY(-50%); right:-1px !important;}

.flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center; top:45%; transform:translateY(-50%); left:0!important;}

.flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center; opacity:1;}

.flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center; opacity:1;}

.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}

.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-nav li:first-child {margin: 0;}

.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}

.flex-control-nav li a:hover {background-position: 0 -13px;}

.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}



/* Media Queries

/*-----------------------------------------------------------------------------------*/



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

.slider_container{ width:100%; margin:0 0 0 0%; clear:both; background:none; padding:0px 0 0 0;}

.flexslider {width: 100%; margin: 0; padding:0 0 30px 0;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;}

}