body
{
  margin: 0px;
  padding: 0px;
}
 
/* Browser Resets */
.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
{
  width: 100%;
  position: relative;
  z-index: 1;
}

.flexslider .slides > li
{
  display: none;
  -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img
{
  width: 100%;
  display: block;
}

.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 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 Default Theme
*********************************/
.flexslider
{
  background: #fff;
  position: relative;
  zoom: 1;
}

.flex-viewport
{
  max-height: 700px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;

}

.loading .flex-viewport
{
  max-height: 700px;
}

.flexslider .slides
{
  zoom: 1;
  position: relative;
}

.flex-container
{
  zoom: 1;
  position: relative;
}

.carousel li
{
  margin-right: 5px;
}

.slider-caption,.slider-caption2,.slider-caption3,.slider-caption4
{
  width: 47%;
  float: left;
  margin: -110px 0px 0px 13%;
  position: relative;
  background: url(../images/banner-bg.png) repeat;
  color: #FFF;
  padding: 30px;
}

.slider-caption h3,.slider-caption2 h3,.slider-caption3 h3,.slider-caption4 h3
{
  font-size: 24px;
  text-transform: uppercase;
  line-height: 20px;
  color: #42b3e5;
  padding-bottom: 8px;
}

.slider-caption p,.slider-caption2 p,.slider-caption3 p,.slider-caption4 p
{
  font-size: 12px;
  line-height: 22px;
  padding-left: 2px;
}




/* Direction Nav */
.flex-direction-nav a
{
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(../images/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;
}

.flex-direction-nav .flex-prev
{
  left: -36px;
}

.flexslider:hover .flex-next
{
  opacity: 0.8;
  right: 5px;
}

.flexslider:hover .flex-prev
{
  opacity: 0.8;
  left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover
{
  opacity: 1;
}

.flex-direction-nav .disabled
{
  opacity: .3!important;
  filter: alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {width:87%; position: absolute; bottom:-12px; text-align:left; left:13%;}
.flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: none;}
.flex-control-paging li a {width: 54px; height: 9px; display: none; background: none;  cursor: pointer; text-indent: -9999px; }

.flex-control-paging li a:hover { background: #FFF;  }
.flex-control-paging li a.flex-active { background: #FFF; cursor: default; }



@media only screen and (min-width: 768px) and (max-width: 1024px)
{
  .slider-caption,.slider-caption2,.slider-caption3,.slider-caption4
  {
    padding: 10px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
  .slider-caption,.slider-caption2,.slider-caption3,.slider-caption4,.flex-control-nav
  {
    display: none;
  }
}

@media only screen and (max-width: 479px)
{
  .slider-caption,.slider-caption2,.slider-caption3,.slider-caption4,.flex-control-nav
  {
    display: none;
  }
}