.hero {
  position: relative;
  height:550px;
  overflow: hidden;
  background:#f1f1f1;
  /** slider controls **/
  /*** hero slider animation ***/
}

@media (max-width: 991px) {
  .hero {
    height: 550px;
  }
}

@media (max-width: 767px) {
  .hero {
    min-height: 550px;
  }
}

.hero .slide {
  height:550px;
  position: relative;
  background-repeat: no-repeat;
  position: relative;
}

@media (max-width: 991px) {
  .hero .slide {
    height: 305px;
  }
}

@media (max-width: 767px) {
  .hero .slide {
    min-height: 100px;
  }
}

.hero .slide .slider-bg {
  display: none;
}

.hero .slide:before {
  content: "";
  background-color:var(--blackrgba1);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero .slide:focus {
  outline: none;
}

.hero .slide .container {
  height: 100%;
  display: table;
  padding: 0;
}

/*.hero .slide .row {
  display: table-cell;
  vertical-align: middle;
}*/

.slick-prev,
.slick-next,
.hero .slick-prev,
.hero .slick-next {
  background-color:var(--dblue2);
  width:60px;
  height:60px;
  z-index: 9;
/*-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;*/
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  -moz-transform: scale(1.0);
-webkit-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
position:absolute;
    display: block;
bottom:30px !important;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    cursor: pointer;
    border: none;
    outline: none;
}

.hero .slick-prev:hover,
.hero .slick-next:hover {
  background-color:var(--dblue1);
  color:#fff !important;
  -moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
  z-index:10;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.slick-prev,
.hero .slick-prev{
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
	bottom:90px !important;
	right:15px !important;

}
	
.slick-next,
.hero .slick-next {
right:15px !important;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}


.slick-next:before,
.hero .slick-next:before {
  font-family: "Material Design Icons";
  content: "\F142";
  opacity: 1;
  font-size:28px;
}
.slick-prev:before,
.hero .slick-prev:before {
  font-family: "Material Design Icons";
  content: "\F141";
  opacity: 1;
  font-size:28px;
}


@media (max-width: 767px) {
  .hero .slick-prev,
  .hero .slick-next {
    display: none !important;
  }
}




/*

.hero .slick-next {
  right: 30px;
}

@media screen and (min-width: 1600px) {
  .hero .slick-next {
    right: 50px;
  }
}



*/


.hero .slick-dots {
  bottom: 30px;
  display: none !important;
}

@media (max-width: 991px) {
  .hero .slick-dots {
    display: block !important;
  }
}

.hero .slick-dots li,
.hero .slick-dots li button {
  width: 15px;
  height: 15px;
}

@media (max-width: 767px) {
  .hero .slick-dots li,
  .hero .slick-dots li button {
    width: 14px;
    height: 14px;
  }
}

.hero .slick-dots li button {
  background-color: #f77f42;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.hero .slick-dots li button:before {
  display: none;
}

.hero .slick-dots li {
  opacity: 0.5;
}

.hero .slick-dots .slick-active {
  opacity: 1;
}


.hero .hero-slider .slide-caption {
	position:absolute;
  left: 30px;
  bottom: 30px;
	padding:30px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	background:rgba(14, 92, 20,0.9);
  opacity: 0;
}

.hero .hero-slider .slick-list .slick-current .slide-caption {
  -webkit-animation: fadeIn 1.0s 0.5s forwards;
  -moz-animation: fadeIn 1.0s 0.5s forwards;
  -o-animation: fadeIn 1.0s 0.5s forwards;
  -ms-animation: fadeIn 1.0s 0.5s forwards;
  animation: fadeIn 1.0s 0.5s forwards;
}

.hero .hero-slider .slide-caption > h1,
.hero .hero-slider .slide-caption > h2,
.hero .hero-slider .slide-caption > .btns {
  opacity: 0;
}

.hero .hero-slider .slick-list .slick-current .slide-caption > h1 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

.hero .hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

.hero .hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  animation: fadeInLeftSlow 1.5s 1.8s forwards;
}

.hero .hero-slider .slide-caption > h1 {
  font-size:32px;
  line-height:36px;
  color: var(--white);
  margin: 0 0 15px 0;
  font-family: 'Open Sans', sans-serif !important;
}

@media (max-width: 1199px) {
  .hero .hero-slider .slide-caption > h1 {
    font-size:32px;
    line-height:36px;
  }
}

@media (max-width: 767px) {
  .hero .hero-slider .slide-caption > h1 {
    font-size:24px;
    line-height:26px;
  }
}



.hero .hero-slider .slick-list .slick-current .slide-caption > h2 {
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: var(--white);
  margin: 0 0 15px 0;
}

@media (max-width: 1199px) {
  .hero .hero-slider .slick-list .slick-current .slide-caption > h2 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .hero .hero-slider .slick-list .slick-current .slide-caption > h2 {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

@media screen and (min-width: 992px) {
  .hero .hero-slider .slick-list .slick-current .slide-caption > h2 {
    padding-right: 110px;
  }
}

.hero .hero-slider .slide-caption > .btns > a:first-child {
  margin-right: 5px;
}