/*
*****************************************
!Slick BANNER SLIDER ! ----------------------*
*****************************************
*/
.banner{
  float: left;
  width: 100%;
  position: relative;
}
/*reset*/
ul.bannerSlider{
  padding-left:0;
}
.bannerSlider{
	height: 550px;
}
/* .bannerSlider .slide__image::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 450px;
} */
.bannerSlider .slick-slide {
	position: relative;
}
.bannerSlider .slide__image img {
	width: 100%;
	height: 550px;
	object-fit:cover;
}
img.slide__image__top-position {
	object-position:center bottom;
}
.bannerSlider .slide__text {
    position: absolute;
    z-index: 100;
    text-align: left;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(33, 33, 33, 0.356);
}
.bannerSlider .slide__text h2 {
  font-size: 55px;
  font-weight: 300;
  margin-top: 10%;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 25px;
}
.bannerSlider .slide__text p{
  width: 50%;
  line-height: 35px;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}

.banner .prev{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  cursor: pointer;
}
.banner .next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  cursor: pointer;  
}

.prev i,
.next i{
  font-size: 20px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background: #7c9b3e;
}


@media only screen and (min-width: 0px) and (max-width: 667px) {

  .bannerSlider{
    height: 200px;
  }
  .bannerSlider .slide__image img {
    width: 100%;
    height: 200px;
    object-fit:cover;
  }
  .bannerSlider .slide__text h2 {
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    margin-top: 15%;
    color: #fff;
  }
}