.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; } 
.flexslider .slides > li > img{display:block;width:100%;height:auto;}
.flexslider .slides > li div.slide-content{position:relative;width:100%;}
.flexslider .slides > li div.slide-content .slideimg{padding:44px 0;}
.flexslider .slides > li.imageright div.slide-content .slideimg{text-align:right;}

.flexslider .slides img.slide-bg { display:block;width:100%;height:auto;}
.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%; }
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme*********************************/
.flexslider { margin:0; background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px }
.flexslider .flex-viewport > ul > li { position: relative; }
.flexslider .flex-viewport > ul > li a.slider-link{display:block;width:100%;}
.flexslider .flex-viewport > ul > li a.slider-link img{display:block;width:100%;height:auto;}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { background:#5d5d5d url("../images/slider-arrow.png") no-repeat 0 0;height:65px;transition:all 0.4s ease 0s;width:65px; cursor: pointer;text-indent: -9999px; opacity:0; -webkit-transition: all .3s ease;margin-top:-20px;position:absolute;top:50%;z-index:2;}
.flex-direction-nav .flex-next { right:0;background-position: -49px 20px;border-radius: 5px 0 0 5px; }
.flex-direction-nav .flex-prev { left:0;background-position: 23px 19px;border-radius: 0 5px 5px 0; }
.flexslider:hover .flex-next { opacity: 0.8; }
.flexslider:hover .flex-prev { opacity: 0.8; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { background-color:#f40824;}
.flexslider:hover .flex-next:hover{right:0;}
.flexslider:hover .flex-prev:hover{left:0;}
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li .flex-active { background: #000; background: rgba(0, 0, 0, 0.9); 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; }
/* Caption style */
.flex-caption{position:absolute;top:0;left:55%;padding:50px 0;margin:0;line-height: 22px;width:35%;}
.imageright .flex-caption{left:0;width:45%;text-align:right;}
.flex-caption .flex-caption-top{background:url('../images/black-40.png');padding:25px;;}
.flex-caption h2{margin-bottom:25px;color:#fff;font-size:30px;line-height:36px;}
.flex-caption p{color:#ddd;margin:0;}
.flex-caption a{display:inline-block!important;}

 @media screen and (max-width: 979px) {
.flexslider .slides > li div.slide-content .slideimg {padding:30px 0;text-align:center;}
.flex-caption {margin: 0;padding:0 0 30px;position:static;text-align:center;}
.flex-caption p {display:none;}
.flex-caption h3 {margin:0 0 5px;}
.imageright .flex-caption {text-align:center;width:100%;
}
}
