/* 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,.flex-direction-nav li{margin:0 !important;padding:0 !important;background:none;}
/* FlexSlider Necessary Styles*********************************/
.flexslider{margin:0;padding:0;}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;padding:0;background:none;}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{width:100%;display:block;cursor:pointer;}
.flex-pauseplay span{text-transform:capitalize;}
/* Clearfix for the .slides element */
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
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{height:197px !important;overflow:hidden;margin:0;background:#fff;position:relative;zoom:1;}
.flex-viewport{height:197px !important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.loading .flex-viewport{max-height:300px;}
.gallery {clear:both;overflow:hidden;width:100%;}
#gal {width:80.7575%;margin-right:1.5151%;float:left;}
#carousel {width:17.7272%;float:left;}

@media (min-width:320px){
  .flexslider{height:200px !important;}
  .flex-viewport{height:200px !important;}
}

@media (min-width:400px){
  .flexslider{height:250px !important;}
  .flex-viewport{height:250px !important;}
}

@media (min-width:480px){
  .flexslider{height:300px !important;}
  .flex-viewport{height:300px !important;}
}

@media (min-width:620px){
  .flexslider{height:350px !important;}
  .flex-viewport{height:350px !important;}
}

@media (min-width:700px){
  .flexslider{height:400px !important;}
  .flex-viewport{height:400px !important;}
}

@media (min-width:768px){
.flexslider{height:370px !important;}
.flex-viewport{height:370px !important;}
}

.flexslider .slides{list-style:none !important;zoom:1;}
#carousel li{margin-bottom:10px;float:none !important;}

.flexslider ul.slides li a {display:block;background:url('../img/bg-img-up.png') no-repeat scroll center center #fff;}
.flexslider ul.slides li a img{opacity:1;filter:alpha(opacity = 100);}
.flexslider ul.slides li a img:hover{opacity:0.3;filter:alpha(opacity = 30);}

/* Direction Nav */
.flex-direction-nav{*height:0;float:left;}
.flex-direction-nav a{text-decoration:none;display:block;width:14px;height:14px;margin:0 0 0 -7px;position:absolute;left: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{top:-10px;background:url('../img/bg-slidernav-rl.png') no-repeat scroll 0 0 transparent;}
.flex-direction-nav .flex-next{bottom:-10px;text-align:right;background:url('../img/bg-slidernav-rl.png') no-repeat scroll -14px 0 transparent;}
.flexslider:hover .flex-prev{opacity:0.7;top:10px;}
.flexslider:hover .flex-next{opacity:0.7;bottom:10px;}
.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;}
.flex-direction-nav a:before{}
.flex-direction-nav a.flex-next:before{}
/* Pause/Play */
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000;}
.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004';}
.flex-pauseplay a:hover{opacity:1;}
.flex-pauseplay a.flex-play:before{content:'\f003';}
/* Control Nav */
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center;overflow:visible !important;}
.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;}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li{width:25%;float:left;margin:0;}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer;}
.flex-control-thumbs img:hover{opacity:1;}
.flex-control-thumbs .flex-active{opacity:1;cursor:default;}

@media screen and (max-width:860px){
.flex-direction-nav .flex-prev{opacity:1;left:10px;}
.flex-direction-nav .flex-next{opacity:1;right:10px;}
}