#hero-banner{
  height: 50vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 5px #222;
  min-height: 400px;
  max-height: 600px;
  min-width: 1440px;

}

.slide {
  height: inherit;
  position: absolute;
  min-height: inherit;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: inherit;
  top:0;
  left:0;
}

.slide a:active, .slide a:hover{
  text-decoration: none;
}

.prv,.nxt {
  top: 0;
  position: absolute;
  height: 100%;
  width: 50px;
  opacity: 0.1;
  z-index: 999;
  cursor: pointer;
}
.prv {
  left: 0;
  background: url(/images/version-3/arrows/b-ghp-left-arrow.png) center no-repeat;
}
.prv:hover{
  opacity: 1;
  background: url(/images/version-3/arrows/b-ghp-left-arrow.png) center no-repeat;
}
.nxt:hover{
  opacity: 1;
  background: url(/images/version-3/arrows/b-ghp-right-arrow.png) center no-repeat;
}
.nxt {
  right: 0;
  background: url(/images/version-3/arrows/b-ghp-right-arrow.png) center no-repeat;
}

.pagination {
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     z-index:900;
    /* padding:0px 50px 10px 50px;*/
    padding :0px 30px 10px 30px;
   opacity: 1;
   margin:0px auto;
}

.pagination .pg-parent {
    margin:0px auto;
    width:100px;
}

.pagination .pg {
  opacity: 1;
  width:20px;
  height:20px;
  margin:0px auto;
  float:left;
}

.pagination .pg-show, .pagination .pg:hover {
  background:url(/images/version-3/icons/b-hero-carousel-circle-on.png) center no-repeat;
}

.pagination .pg-hide {
  background:url(/images/version-3/icons/b-hero-carousel-circle-off.png) center no-repeat;
}

.slide-container {
  width: 950px;
  margin: 0 auto;
  color: #FFF;
  font-size: 20px;
  display: table;
  height: 100%;
  max-height: inherit;
}
.slide-content {
  display: table-cell;
  vertical-align: middle;
  /*padding-right: 250px;*/
}
.slide-content .title {
/*  font-size: 2.4em;*/
 /* color: #fdbb30;*/
 /* text-shadow: 2px 2px 15px #000;*/
  font-weight: normal;
}
.slide-content .subtitle {
 /* font-size: 1.3em;
  text-shadow: 2px 2px 15px #000;*/
  font-weight: normal;
  padding: 0.5em 0;
}
.slide-content .green-btn {
  display: inline-block;
  background: #72a826;
  margin-right: 1em;
  padding: 0.5em;
  font-size: 1em;
  font-weight: bold;
}

.slide-hide {
  opacity: 0;
  z-index:-1;
   transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}
.slide-show {
  opacity: 1;
  z-index:800;
   transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}

/*@media (max-width: 980px) {
  #hero-banner{
    height: 30vh;
  }
  .slide-container {
    font-size: 15px;
  }
  .slide-content {
    padding-right: 360px;
    padding-left: 50px;
  }
}