@charset "utf-8";
/* Clearfix */
.newclearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .newclearfix,:first-child+html .newclearfix{zoom:1}

/* Widget */
.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} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{width:100%; display:block}
.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%}

/* FlexSlider Default Theme
*********************************/
.flexslider{background:#fff; position:relative; zoom:1}
.flex-viewport{max-height:2000px; -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}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}

/* Direction Nav */
.flex-direction-nav{*height:0}
.flex-direction-nav a{display:none; width:100px; height:100%; margin:0; position:absolute; top:0; background:url(../img/sarrow.png) no-repeat; z-index:10; overflow:hidden; cursor:pointer; /* -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease */}
.flexslider:hover .flex-direction-nav a{display:block}
.flex-direction-nav .flex-prev{left:0}
.flex-direction-nav .flex-next{right:0}
.flexslider:hover .flex-prev{background-position:-10px center}
.flexslider:hover .flex-next{background-position:-200px center}
.flexslider:hover .flex-prev:hover{background-position:-100px center}
.flexslider:hover .flex-next:hover{background-position:-290px center}
.flex-direction-nav .flex-disabled{opacity:0!important; filter:alpha(opacity=0); cursor:default}

/* 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:10px; text-align:center; z-index:2}
.flex-control-nav li{margin:0 5px; display:inline-block; zoom:1; *display:inline}
.flex-control-paging li a{width:12px; height:12px; display:block; background:#666; background:rgba(255,255,255,.6); cursor:pointer; text-indent:-9999px; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.2); -o-box-shadow:inset 0 0 2px rgba(0,0,0,.2); -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.2); box-shadow:inset 0 0 2px rgba(0,0,0,.2)}
.flex-control-paging li a:hover{background:#333; background:rgba(255,255,255,.8)}
.flex-control-paging li a.flex-active{background:#000; background:rgba(255,255,255,1); 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:979px){
	.flexslider .slides{height:auto !important}
}

@media screen and (max-width:767px){
	.flex-direction-nav{display:none}
}

/* XE Fix */
.x #zonePageContent .flexslider .slides > li:first-child{display:block}
.x #zonePageContent .slides, .x #zonePageContent .flex-control-nav, .x #zonePageContent .flex-direction-nav{margin:0; padding:0}