/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus { outline: none;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav {  margin: 0;  padding: 0;  list-style: none;}
.flex-pauseplay span {  text-transform: capitalize;}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {  margin: 0;  padding: 0;
}
.flexslider .slides > li {  display: none;  -webkit-backface-visibility: hidden;}
.flexslider .slides img { width: 100%;  display: block;}
.flexslider .slides:after { content: "\0020";  display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .flexslider .slides { display: block;}
* html .flexslider .slides { height: 1%;}
.no-js .flexslider .slides > li:first-child { display: block;}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider { background: #ffffff;  position: relative;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);}
.flexslider .slides {  zoom: 1;}
.flexslider .slides img {  height: auto;}
.flex-viewport {  max-height: 2000px;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease;}
.loading .flex-viewport {  max-height: 300px;}
.carousel li {  margin-right: 5px;}

.flex-direction-nav {  *height: 0;}
.flex-direction-nav a { display: block;  width: 50px;  height: 50px;  margin: -20px 0 0;  background: url('../img/slider-nav.png') no-repeat transparent; position: absolute;  top: 50%;  z-index: 10; overflow: hidden; opacity: 0;  cursor: pointer;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.flex-direction-nav .flex-prev {background-position:0 0;  left: -50px;}
.flex-direction-nav .flex-next { background-position:-50px 0; right:-50px; }

.flexslider:hover .flex-direction-nav .flex-prev {  opacity: 0.5;  left: 10px;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {  opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.5; right: 10px;}
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default;}

.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;}
.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';}
.flex-control-nav { width: 100%; position: absolute; bottom: 20px; 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(130, 95, 60, 0.8); cursor: pointer; text-indent: -9999px; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover {  background: #333;  background: rgba(0, 30, 40, 0.8);}
.flex-control-paging li a.flex-active {  background: rgba(0, 30, 40, 1); 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%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.flex-control-thumbs img:hover { opacity: 1;}
.flex-control-thumbs .flex-active { opacity: 1; cursor: default;}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {  opacity: .3;  left: 10px; }
  .flex-direction-nav .flex-next { opacity: .3;   right: 10px; }
}

@media screen and (max-width: 580px) {
  .flex-control-paging{display:none;}
}