@font-face {
  font-family: 'flexslider-icon';
  src: url('flexslider-icon.eot');
  src: url('flexslider-icon.eot?#iefix') format('embedded-opentype'), url('flexslider-icon.woff') format('woff'), url('flexslider-icon.ttf') format('truetype'), url('flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* --------------- FLEXSLIDER --------------- */

.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* ====================================================================================================================
 * 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;}
  
.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;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; max-width:100%;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 JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
.flexslider { background: #fff; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }
.flex-container { zoom: 1; position: relative; }

.flex-caption { padding: 16px; text-align:center} /*background and color set in local css*/
#home-slider, #hero-slider {position:relative;}
#home-slider .badge, #hero-slider .badge {position:absolute; top:0px; left:40px; display:none;}

/*#home-slider .slides img, #hero-slider .slides img { min-width: 300px; }*/
#home-slider .prev, #home-slider .next, #hero-slider .prev, #hero-slider .next { width: 42px; height: 33px; display: block; background: url(home-slider-nav.png) no-repeat; position: absolute; top: 132px; cursor: pointer; text-indent: -999em; z-index: 900;}
#home-slider .next, #hero-slider .next { background-position: -42px 0; right: 0; }
#home-slider .prev, #hero-slider .prev { left: 0; }

#home-slider .next:hover, #hero-slider .next:hover { background-position: -42px -35px; }
#home-slider .prev:hover, #hero-slider .prev:hover { background-position: 0px -35px; }
.x-wide-col .flexslider { max-width: 648px; }

.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: 999;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -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 a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
  background: url(home-slider-nav.png) no-repeat;
}
.flex-direction-nav a.flex-prev:before {
  content: '.';width: 32px; height: 32px;padding-top:-40px;
  background: url(prev.png) no-repeat;
}
.flex-direction-nav a.flex-next:before {
  content: '.';width: 32px; height: 32px; padding-top:-40px;
   background: url(next.png) no-repeat;
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  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;
  z-index: -1;
}

@media screen and (min-width: 480px) {
	/* --------------- FLEXSLIDER --------------- */
	#home-slider .prev, #home-slider .next { top: 180px; }
	#hero-slider .prev, #hero-slider .next { top: 160px; }

}

@media screen and (min-width: 768px) {
	
	/* --------------- FLEXSLIDER --------------- */
	#home-slider .flex-caption { position: absolute; z-index: 900; left: 30px; top: 36px; width: 290px; padding: 16px 16px 50px 16px; }
	#home-slider .prev { left: 210px; right: auto; bottom: auto; top: 180px; }
	#home-slider .next { left: 250px; bottom: auto; top: 180px; }
}



/* --------------- FLEXSLIDER --------------- */

.flex-caption{ background: #1579B7; color: #fff; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, .25);-moz-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0, 0, 0, .25)} }
.flex-caption p { color: #ffffff; }
.flex-caption h1 { font-size: 28px; }
#home-slider h4, #hero-slider h1 { color: #83a9ac; }
#hero-slider h4 { color: #fff; }
.flexslider .slides {background-color: #92BDC0; color:white;}


@media screen and (min-width: 768px) {

	/* --------------- FLEXSLIDER --------------- */
	.flex-caption h1 { font-size: 32px; }

}

@media screen and (min-width: 960px) {
	/* --------------- FLEXSLIDER --------------- */
	.flex-caption h1 { font-size: 38px; }

}


@media screen and (max-width: 767px) {
.flex-caption{display:none}

}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
.flex-direction-nav {
  display:none;
}
}