.banner {
  width: 100%;
  min-height: 570px;
  margin-top: 100px;
}

.banner_image {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    top: 0;
    bottom: 0;
}

.banner_overlay {
  position: absolute;
  z-index: 900;
  width: 100%;
  height: 100%;
  left:0;
  margin-left: 0; }

.banner_overlay_container {
  	width: 50%;	
	text-align: center;
	margin: 0 auto;
	margin-top: 12%;
	background: rgba(0,0,0,0.5);
	padding: 20px;
	border-radius: 10px;
}
.banner_overlay_container a{
	color:#339900;
}
.banner_overlay_header {
	color: #fff;
	padding-left: 0;	
	margin-bottom:10px;
    font-size: 30px;
    font-weight: bold;
}
.banner_overlay_subhead {
  	margin-top: 0;
	line-height: 30px;
    color: #fff;
    margin-bottom: 1em;
    font-size: 19px;
}

.banner-slider {
  position: absolute;
  height: 570px;
  overflow: hidden;
  width: 100%; }

.banner-slider_nav {
  position: absolute;
  z-index: 9999;
  width: 100%;
  bottom: 0;
  text-align: center;
  left: 0;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0; }

.banner-slider_nav_item {
  display: inline; }
  .banner-slider_nav_item > a {
    display: inline-block;
    font-size: 3em;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    padding: 8px 3px;
    line-height: 12px; }
    .banner-slider_nav_item > a:hover {
      color: rgba(255, 255, 255, 0.75); }

.banner-slider_nav_item--is-selected > a {
  color: #fff; }

.banner_slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; }

.banner_button {
  padding: 10px;
  text-decoration: none;
  background-color: #339900;
  color: #fff !important;
  display: inline-block; 
  border-radius: 5px;
}

.cycle_arrow-wrapper {
  position: absolute;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  width: 100%;
  left: 0;
  margin-left: 0;
  z-index: 1001;
  }

.cycle_next {
  position: absolute;
  right: 5px;
  background: transparent url("../media/ntdlguul/arrow-right.png") no-repeat center center;
  display: block;
  width: 21px;
  height: 30px; }

.cycle_prev {
  position: absolute;
  left: 5px;
  background: transparent url("../media/pg5hvpof/arrow-left.png") no-repeat center center;
  display: block;
  width: 21px;
  height: 30px; }

/*# sourceMappingURL=main.css.map */















/*Media Queries Starts here*/

@media (max-width: 575px) {
	.banner_overlay_container{
		width: 70%;
	}
	.banner_overlay_header{
		font-size: 16px;
	}
	.banner {
    width: 100%;
    min-height: 288px;
}
@media (min-width: 576px) and (max-width: 767px) {
	.banner_overlay_container{
		width: 70%;
	}
	.banner_overlay_header{
		font-size: 24px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.banner_overlay_container{
		margin-top: 16%;
	}
}