@charset "utf-8";
.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 {margin:0;padding:0}
.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides li {position:relative}
.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:none}
.flexslider {margin:0 auto;position:relative;zoom:1;}
.flex-viewport {max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport {max-height:300px}
.flexslider .slides {zoom:1}
.carousel li {margin-right:5px}
#slider {margin:0 0 10px!important}
#carousel li {margin-right:5px}
#carousel img {display:block;opacity:.5;cursor:pointer}
#carousel img:hover {opacity:1}
#carousel .flex-active-slide img {opacity:1;cursor:default}
/* Direction Nav */
.flex-direction-nav a {width:35px;height:35px;margin:-20px 0 0;display:block;background:url(../img/site/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next {background-position:100% 0;right:0px}
.flex-direction-nav .flex-prev {left:0px}
.flexslider:hover .flex-next {opacity:0.8;right:5px}
.flexslider:hover .flex-prev {opacity:0.8;left:5px}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1}
.flex-direction-nav .disabled {opacity:.3!important;filter:alpha(opacity=30);cursor:default}
/* Control Nav */
.flex-control-nav {width:100%;position:absolute;bottom:-40px;text-align:center}
.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;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 .active {opacity:1;cursor:default}
/* Captions */
.flex-caption{ position:absolute;width:100%;bottom:0px;background:#000;background:rgba(0,0,0,0.4)}
.initial{ display:none;-webkit-backface-visibility:hidden}
.caption_title_line{ position:relative;margin-right:15px;margin-right:15px;padding:5px 15px 10px 15px;float:right}
.flex-caption h2{ color:#fff;font-size:36px;padding:5px 0 5px 0;margin:0px}
.flex-caption p{ color:#fff;font-size:18px;padding:5px 0 5px 0;margin:0px}
@media screen and (max-width:860px) {
  .flex-direction-nav .flex-prev {opacity:1;left:0}
  .flex-direction-nav .flex-next {opacity:1;right:0}
}