.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;height:420px} .flexslider .slides > li {display:none;-webkit-backface-visibility:hidden;height:420px} .flexslider .slides img {width:100%;display:block;height:420px} .flex-pauseplay span {text-transform:capitalize;} .flexslider span {width:100%;clear:#FFF;height:30px;line-height:30px;background:rgba(0,0,0,0.5);display:block;position:absolute;bottom:0px;padding-left:10px;display:none;} .flexslider a {color:#FFF} .slides:after {content:"\0020";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;border:0px solid #fff;position:relative;} .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;} .flexslider img {width:1100px;height:420px} /* Direction Nav */.flex-direction-nav {*height:0;} .flex-direction-nav a {text-decoration:none;display:block;width:45px;height:48px;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-indent:-999em} .flex-direction-nav .flex-prev {left:50px;background-position:0 0} .flex-direction-nav .flex-next {right:50px;background-position:-117px 0} .flexslider:hover .flex-prev {opacity:0.7;left:4%;} .flexslider:hover .flex-next {opacity:0.7;right:4%;} .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;} .slides a {width:100%;display:block;height:420px;} /* 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;background:#ddd} .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:24px;text-align:center;z-index:10;} .flex-control-nav li {margin:0 4px;display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a {width:26px;height:9px;display:block;background:#fff;text-indent:-9999px;cursor:pointer;-webkit-box-shadow:inset 0 0 3px rgba(255,255,255,255,0.3);-moz-box-shadow:inset 0 0 3px rgba(255,255,255,0.3);-o-box-shadow:inset 0 0 3px rgba(255,255,255,0.3);box-shadow:inset 0 0 3px rgba(255,255,255,0.3);} .flex-control-paging li a:hover {background:#333;background:#ff9000;} .flex-control-paging li a.flex-active {background:#000;background:#ff9000;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:10px;} .flex-direction-nav .flex-next {opacity:1;right:10px;} }