/*Slick Slider for home page started here ==*/
.holder{
  height:468px;
  background:gray;
  color:#fff;
  text-align:center;
}


body .slick-slide .slide-content {
  margin: 0 2%;
  background: #fff;
  margin-top: 20px;
  width: 260px;
  height: 240px;
  position: relative;
  overflow: hidden;
}
body .slick-slide .slide-content .hoverlay-img {
	width: 100%;
	min-height: 100px;background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 13%, rgba(0,0,0,0.09565824620863972) 100%);
	position: absolute;
	bottom: 0px;
	padding: 10px;
	z-index: 2;
	line-height: 3px;
	padding-top: 30px;
}
body .slick-slide .slide-content .hoverlay-img h4 {
	font-weight: bold;
	color: #fff;
}
body .slick-slide .slide-content .hoverlay-img small {
	color: yellow;
}
body .slick-slide .slide-content .hoverlay-img a {
	-webkit-border-radius: 5em;
	background: trasparent !important;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #fff;
	font-size: 12px;
	color: #fff !important;
	margin-top: 21px;
	display: inline-block;
	line-height: 18px;
	float: right;
}
body .slick-list {
  margin: 20px 0px;
}
body .slick-prev,
body .slick-next {
  position: absolute;
  right: 10%;
  background: #777;
  border: none;
  color: transparent;
  width: 30px;
  height: 30px;
  opacity: 0;
}
body .slick-prev:before,
body .slick-next:before {
  content: ">";
  color: #fff;
  font-size: 25px;
}
body .slick-prev {
  left: 10%;
}
body .slick-prev:before {
  content: "<";
}
body .slick-dots {
  list-style: none;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 50px;
}
body .slick-dots li {
  display: inline-block;
}
body .slick-dots li button {
  transition: 0.2s background-color ease-in-out 0s;
  border: none;
  padding: 0;
  color: transparent;
  width: 10px;
  height: 10px;
  background-color: #d3d3d5;
  border: 2px solid #d3d3d5;
  margin-right: 10px;
  border-radius: 50%;
}
body .slick-dots li.slick-active button {
  background-color: #ffffff;
  border: 2px solid #ffaa15;
}