body{
	background-color: #033a34;
	font-family: sans-serif;
}

.slider{
	max-width: 700px;
	border:10px solid  #068e7e;
	margin:80px auto;
	position: relative;
	overflow: hidden;
	margin-top: 12%;
	border-radius: 10px;
}

.slider .left-slide,.slider .right-slide{
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: #068e7e;
  border-radius: 50%;
  color:#ffffff;
  font-size: 20px;
  top:50%;
  cursor: pointer;
  margin-top: -20px;
  text-align: center;
  line-height: 40px;
  
}
.slider .left-slide:hover,.slider .right-slide:hover{
 box-shadow: 0px 0px 10px black;
 background-color: #aae6a4;
 color: #231f1f;
}

.slider .left-slide{
	left: 20px;
}
.slider .right-slide{
	right: 20px;
}
.slider .slider-items .item img{
	max-width: 100%;
	display: block;
	animation:zoom 1s ease;
}

@keyframes zoom{
	0%{transform: scale(2);opacity: 0}
	50%{transform: scale(2);}
	100%{transform: scale(1);opacity:1}
}
.slider .slider-items .item{
	display: none;
	position: relative;
}
.slider .slider-items .item .caption{
position: absolute;
width: 100%;
height: 60px;
bottom: 0px;
left: 0px;
/* background-color: rgba(0,0,0,.5); */
background-color: rgba(4, 37, 4, 0.5);
line-height: 60px;
text-align: center;
color: #ffffff;
font-size: 30px;

}

.slider .slider-items .item.active{
	display: block;
}




























@media only screen and (max-width: 767px){

}