.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
}
@font-face {
 font-family:'flexslider-icon';
 src:url(fonts/flexslider-icon.eot);
 src:url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"),url(fonts/flexslider-icon.woff) format("woff"),url(fonts/flexslider-icon.ttf) format("truetype"),url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");
 font-weight:400;
 font-style:normal
}
.flexslider {
 margin:0;
 padding:0
}
.flexslider .slides > li {
 display:none;
 -webkit-backface-visibility:hidden
}
.flexslider .slides img {
 width:100%;
 display:block;
 position:relative;
 z-index:2
}
.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
}
.flex-direction-nav {
 *height:0
}
.flex-direction-nav a {
 text-decoration:none;
 display:block;
 width:40px;
 height:40px;
 margin:-20px 0 0;
 position:absolute;
 top: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 {
 left:-50px
}
.flex-direction-nav .flex-next {
 right:-50px;
 text-align:right
}
.flexslider:hover .flex-prev {
 width:25px;
 height:50px;
 background:url(../images/hom-slider/leftarow.png) no-repeat;
 opacity:.7;
 left:10px
}
.flexslider:hover .flex-next {
 width:25px;
 height:50px;
 background:url(../images/hom-slider/rightarow.png) no-repeat;
 opacity:.7;
 right: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 {
 font-family:"flexslider-icon";
 font-size:40px;
 line-height:1;
 display:inline-block;
 content:''
}
.flex-direction-nav a.flex-next:before {
 content:''
}
@media screen and (max-width:860px) {
 .flex-direction-nav .flex-prev {
  opacity:1;
  left:10px
 }
 .flex-direction-nav .flex-next {
  opacity:1;
  right:10px
 }
}
