/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline:none;}
.slides,.flex-control-nav,.flex-direction-nav {margin:0; padding:0; list-style:none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { width:100%; height:auto; margin:0; padding:0; }
.flexslider .fl2 { margin:1em !important; padding:1.2em 1.2em 8em 1.2em; background:url(../../images/k_bg.png) center top no-repeat; background-size:100%; max-width:450px; /*max-width:534px;*/ }
.flexslider .slides > li {display:none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .fl1 img { width:100%; display:block; margin:0 auto; padding:0; background:transparent; float:left; }
.flexslider .fl2 img { width:100%; max-width:534px; display:block; margin:0 auto; padding:0; background:transparent; float:left; }
.flex-pauseplay span {text-transform:capitalize;}

/*@-webkit-keyframes liuu {
  0%   { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes liuu {
  0%   { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes liuu {
  0%   { opacity:0; }
  100% { opacity:1; }
}
@keyframes liuu {
  0%   { opacity:0; }
  100% { opacity:1; }
}
.slides table {  -webkit-animation:liuu 7s; -moz-animation:liuu 7s; -o-animation:liuu 7s; animation:liuu 7s; }*/


@media screen and (min-width:800px) {
	.wide { display:visible; }
	.narrow { display:none; visibility:hidden; } 
}
@media screen and (max-width:800px) {
	.wide { display:none; visibility:hidden; }
	.narrow { display:visible; }
}
/* 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 { background:transparent; position:relative; top:0; margin-bottom:4em; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li { position:relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { zoom:1; position:relative; }

/* Caption style */
/* IE rgba() hack */
.flex-caption { background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; }
.flex-caption { width:96%; padding:2%; position:absolute; left:0; bottom:0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size:14px; line-height:18px; }

/* Direction Nav */
.flex-direction-nav li a { /*width:16px; height:29px; margin:0; display:block; background:url(../../images/bg_direction_nav.png) no-repeat 0 0; position:absolute; top:45%; cursor:pointer; text-indent: -9999px;
		opacity:0.7;filter:alpha(opacity=70);
		-webkit-transition: all 2s;
		-moz-transition: all 2s;
		-o-transition: all 2s;
		-ms-transition: all 2s;
		transition: all 2s;*/
}
.flex-direction-nav li .next { /*background: url(../../images/bg_direction_next.png) 0 0 no-repeat; right:4%;*/ }
.flex-direction-nav li .prev { /*background: url(../../images/bg_direction_prev.png) 0 0 no-repeat; left:2%;*/ }
.flex-direction-nav li a:hover { opacity:1;filter:alpha(opacity=100); }
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor:default;}

/* Control Nav */
.flex-control-nav { width:100%; position:absolute; bottom:-2em; text-align:center; }
.flex-control-nav li { margin: 0 0 0 .4em; display:inline-block; zoom:1; *display:inline; }
.flex-control-nav li:first-child { margin:0; }
.flex-control-nav li a { width:1em; height:.8em; display:block; background:url(../../images/bg_control_nav.png) no-repeat 0 0; cursor:pointer; text-indent:-9999px;
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		-ms-transition:none;
		transition:none;
}
.flex-control-nav li a:hover { background-position:0 -.8em; }
.flex-control-nav li a.active { background-position:0 -1.6em; cursor:default; }