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





/* 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;}



/* modify theme */
.flexview{margin:0;padding:0; }
.flexview .slides > li{display:none;-webkit-backface-visibility:hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides li {width:100%;}
.flexslider .slides li img{display:block; margin:0 auto;width:100%;padding-bottom:1px; }
.flex-pauseplay span{text-transform:capitalize;}

/* modify theme */
.flexview .slides img{display:block;width:100%;}

/* Clearfix for the .slides element */
.slides:after{display:block;visibility:hidden;clear:both;height:0;line-height:0;content:'.'}
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{position:relative;zoom:1;}
.flex-viewport{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{}
.flexslider .slides{zoom:1}

.carousel li{margin-right:5px}

/* modify theme */
.flexview{position:relative;zoom:1}
.flexview .slides{zoom:1}

/* Direction Nav */
.flex-direction-nav{*height:0;}
.flex-direction-nav a{display:block;position:absolute;top:0;z-index:10;width:9%;height:100%;margin:0;background:url('../img/main/mvisual_rarr.png') no-repeat 0 50%;text-indent:-9999px;cursor:pointer;opacity:0;-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{right:3%;background-position:100% 50%;  opacity:0;filter:alpha(opacity=0);}
.flex-direction-nav .flex-prev{left:3%;opacity:0;filter:alpha(opacity=0);}
.flexslider .flex-next:hover{right:3%;opacity:0.5;filter:alpha(opacity=50);}
.flexslider .flex-prev:hover{left:3%;opacity:0.5;filter:alpha(opacity=50);}

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

/* Control Nav */
.flex-control-nav{position:absolute;bottom:3%; left:50%; margin-left:-40px; z-index:11;  line-height:1%; font-size:0;}
.flex-control-nav li{display:inline-block;*display:inline;margin:0 2px;zoom:1}
.flex-control-paging li a{display:block;width:10px;height:10px;background:url('../img/main/m_vis_btn_off.png') no-repeat 0 0;text-indent:-9999px;cursor:pointer;}
.flex-control-paging li a:hover{}
.flex-control-paging li a.flex-active{width:47px;height:10px;background:url('../img/main/m_vis_btn_on.png') no-repeat 0 0 ; cursor:pointer; }

.flex-control-thumbs{overflow:hidden;position:static;margin:0}
.flex-control-thumbs li{float:left;width:25%;margin:0;}
.flex-control-thumbs img{display:block;width:100%;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}

/* modify theme */
.flexview .flex-control-thumbs li{width:15%;margin:5px 4px ; }
.flexview .flex-control-thumbs li:first-child{margin-left:0;}



@media screen and (max-width: 860px){
.flex-direction-nav a{ width:8%}
.flex-direction-nav .flex-next{right:3%;}
.flex-direction-nav .flex-prev{left:3%}

}




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

.flex-direction-nav .flex-prev{right:2%;}
.flex-direction-nav .flex-next{right:2%;}

.flex-direction-nav a{ width:6% }


}



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

.flex-direction-nav a{ width:5% }


}

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

.flex-control-nav{bottom:7%;}
.flex-direction-nav a{ width:4% }

}

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

.flex-control-nav{display:none;}
.flex-direction-nav a{ width:3% }

}