.hero {
  position: relative;
  height:400px;
  overflow: hidden;
  background:#0f74bc;
  /** slider controls **/
  /*** hero slider animation ***/
}

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

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

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

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

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

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

.hero .slide:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  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: #0f74bc;
  width:50px;
  height:50px;
  z-index: 9;
  /*-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;*/
  



  -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:225px !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: #001952;
  color:#fff !important;
  -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  z-index:10;
}

.slick-prev,
.hero .slick-prev{
	bottom:275px !important;
	right:15px !important;
	  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
	
.slick-next,
.hero .slick-next {
right:15px !important;

-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}


.slick-next:before,
.hero .slick-next:before {
  font-family: "Material Design Icons";
  content: "\F0142";
  opacity: 1;
  font-size:28px;
}
.slick-prev:before,
.hero .slick-prev:before {
  font-family: "Material Design Icons";
  content: "\F0141";
  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: #fdc900;
  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:relative;
	padding:30px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	/*background:rgba(255,255,255,0.5);*/
  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:40px;
  line-height:42px;
  color: var(--blueTwo);
  margin: 0 0 0.27em;
text-shadow: 1px 4px 4px rgba(0,0,0,0.61);
}

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

  }
}

@media (max-width: 767px) {
  .hero .hero-slider .slide-caption > h1 {
    font-size:30px;
    font-size: 32px;

  }
}



.hero .hero-slider .slick-list .slick-current .slide-caption > h2 {
  font-size: 24px;
  line-height: 26px;
  color: var(--white);
  margin: 0 0 1.58em;
text-shadow: 1px 4px 4px rgba(0,0,0,0.61);

}

@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;
}