/*
 * 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 */
#slidercontainer {width: 100%;overflow: hidden;height:234px;margin-bottom:18px;}

.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;background:#888;}
.flexslider .slides>li img{-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.5;box-shadow:inset -60px 0 100px #fff;}
.flexslider .slides>li.flex-active-slide{background-image: none;}
.flexslider .slides>li.flex-active-slide img{-ms-filter: "alpha( opacity=100 )";
filter: alpha( opacity=100 );
;opacity:1;}
.flexslider .slides a img{ border:none;}
.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: block;}
.flexslider{margin: 0 0 0px;background: #000;position: relative;zoom: 1;}
.flex-viewport{max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;overflow:visible !important;}
.loading .flex-viewport{max-height: 300px;}
.flexslider .slides{zoom: 1;}
.carousel li{margin-right: 5px;}
.flex-direction-nav{*height: 0;}
.flex-direction-nav a{width: 30px;height: 30px;margin: -20px 0 0;display: block;background: url(/ecsuites/img/keyvisual/arr.png) no-repeat 0 0;position: absolute;top: 50%;cursor: pointer;text-indent: -9999px;-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next{background-position: 100% 0;right: -15px;}
.flex-direction-nav .flex-prev{left: -15px;}
.flexslider:hover .flex-next{opacity: 0.8;right: -15px;}
.flexslider:hover .flex-prev{opacity: 0.8;left: -15px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity: 1;}
.flex-direction-nav .flex-disabled{opacity: .3!important;filter: alpha(opacity=30);cursor: default;}
.flex-control-nav{width: 100%;position: absolute;bottom: 0px;text-align: center;padding-bottom: 10px;}
.flex-control-nav li{margin: 0 6px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-nav li a {
width: 13px;
height: 13px;
display: block;
background: url(/ecsuites/img/keyvisual/bg_control_nav.png) no-repeat 0 0;
cursor: pointer;
text-indent: -9999px;
}

.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.flex-active {background-position: 0 -26px; 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: 0;}
  .flex-direction-nav .flex-next{opacity: 1; right: 0;}
}


#keyvisual {
clear: both;
/* float: left; */
margin-left: auto;
margin-right: auto;
width: 732px;
display: block;
}