.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 auto; padding:0}
.flexslider .slides >li{display:none; -webkit-backface-visibility:hidden}

.flexslider .slides img{width:100%; margin:0 auto; 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 auto; max-width:1700px;  position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; overflow:hidden; padding-top:0px; margin-top:20px}
.flex-viewport{max-height:1380px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease}
.loading .flex-viewport{max-height:500px}
.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(/6/imgs/bg_direction_nav.png) no-repeat 0 0; position:absolute; top:50%; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{background-position:100% 0; right:-36px}
.flex-direction-nav .flex-prev{left:-36px}
.flexslider:hover .flex-next{opacity:0.8; right:50px}
.flexslider:hover .flex-prev{opacity:0.8; left:50px}
.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{ background:#FFF none repeat scroll 0 0;  border-top:3px solid red;  bottom:0;  color:white;  height:26px;  padding-top:14px;  position:absolute;  text-align:center;  width:100%;  display:none}
.flex-control-nav li{margin:0 6px; display:inline-block; zoom:1; *display:inline}
.flex-control-paging li a{background:rgba(225,225,225,0.1) none repeat scroll 0 0;  border:1px solid #CCC;  border-radius:25px;  box-shadow:0 0 3px rgba(0,0,0,0.3) inset;  cursor:pointer;  display:block;  height:10px;  text-indent:-9999px;  width:10px}

.flex-control-paging li a:hover{background:#333; background:rgba(225,225,225,0.7)}
.flex-control-paging li a.flex-active{background:#000; background:rgba(225,225,225,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:.9; 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}
}

.flex-title{ width:40%;  padding:2%;  position:absolute;  left:20%;  bottom:40%;  background:rgba(225,225,225,0.9);  color:black;  text-align:center;  font-size:11px;  line-height:18px;  margin:0}

.flex-caption{ width:40%;  padding:2%;  position:absolute;  left:20%;  bottom:29%;  background:rgba(225,225,225,0.8);  color:black;  text-align:center;   font-size:11px;  line-height:18px;  margin:0}

.f-slide{width:40%;  height:150px;  box-sizing:border-box;  display:table;  text-align:left;  position:absolute;  bottom:0%;  background:rgba(0,0,0,0.4) none repeat scroll 0% 0%;  padding:0px 8px 30px 0px;  left:60%}

.f-slide-cell{ display:table-cell;  vertical-align:middle}

.f-slider-cell a{ font-size:25px;  margin-left:25px}

.f-title{ font-size:23px;  font-weight:700;  position:absolute;    color:#fff !important;  margin-left:25px}
.f-title::after{ content:"";  position:absolute;  width:48px;  height:4px;  background:black;  bottom:-20px;  left:50%;  margin-left:-24px}
.f-title a:link, 
.f-title a:visited{ color:white;  text-decoration:none}
.f-desc{ color:#FFF;  margin-bottom:12px;  font-size:18px;  margin-left:25px;  padding-top:50px}
.f-link:link, 
.f-link:visited{ display:block;  width:90px;  height:30px;  line-height:30px;  color:#FFF;  margin:0 auto;  font-size:14px;  text-decoration:none;  text-align:center;   -webkit-transition:0.2s;  transition:0.2s}
.f-link:hover{  color:white;  -webkit-transition:0.2s;  transition:0.2s}

.flex-btn{ border-radius:0px;  background:red;  color:white;  height:30px;  line-height:40px;   font-family:Montserrat;  font-size:12px;  font-weight:bold;  text-transform:uppercase;  color:#fff;  text-shadow:1px 1px 2px rgba(0,0,0,.12);  border:none;  width:120px;  margin-left:25px}

.flex-btn:hover{ background:black;  color:red;  -webkit-transition:0.2s;  transition:0.2s}

@media only screen and (min-width:320px) and (max-width:768px){.f-slide{ height:73px}

 .f-title{ font-size:12px;  padding-top:0px;  position:absolute;  top:5px}

 .f-desc{ color:#FFF;  margin-bottom:12px;  font-size:8px;  margin-left:25px;  padding-top:12px;  position:absolute;  margin-right:26px;  line-height:1.3}

 .f-link:link, .f-link:visited{ display:block;  width:90px;  height:30px;  line-height:35px;  color:#FFF;  margin:0 auto;  font-size:9px;  text-decoration:none;  text-align:center;  -webkit-transition:0.2s;  transition:0.2s;  position:absolute;  bottom:1%}

.flex-btn{ border-radius:0px;  background:red;  color:white;  height:20px;  line-height:39px;  padding:0 10px;  font-family:Montserrat;  font-size:12px;  font-weight:bold;  text-transform:uppercase;  color:#fff;  text-shadow:1px 1px 2px rgba(0,0,0,.12);  border:none;  width:80px;  margin-left:25px;  bottom:5%;  position:absolute}

}