
.slider{
	width: 90%;
	max-width: 700px;
	border:1px solid  #fff;
	margin:0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 2;
}

.slider2{
	width: 90%;
	max-width: 700px;
	border:1px solid  #fff;
	margin:0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 2;
}

.slider .close-slide{
	position: absolute;
	height: 40px;
	width: 40px;
	background-color: rgba(0,0,0,.6);
	border-radius: 50%;
	color:#ffffff;
	font-size: 15px;
	top:0;
	left: 50%;
	cursor: pointer;

	text-align: center;
	line-height: 40px;
}

.slider2 .close-slide2{
	position: absolute;
	height: 40px;
	width: 40px;
	background-color: rgba(0,0,0,.6);
	border-radius: 50%;
	color:#ffffff;
	font-size: 15px;
	top:0;
	left: 50%;
	cursor: pointer;

	text-align: center;
	line-height: 40px;
}

#fechar{
	position: absolute;
  height: 40px;
  width: 40px;
  background-color: rgba(0,0,0,.6);
  border-radius: 50%;
  color:#ffffff;
  font-size: 15px;
  top:5%;
	left: 50%;
  cursor: pointer;
  margin-top: -20px;
  text-align: center;
  line-height: 40px;
}

.slider .left-slide,.slider .right-slide{
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: rgba(0,0,0,.6);
  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: #29a8e2;
}

.slider .close-slide:hover{
 box-shadow: 0px 0px 10px black;
 background-color: #29a8e2;
}

.slider2 .close-slide2:hover{
 box-shadow: 0px 0px 10px black;
 background-color: #29a8e2;
}

.slider .left-slide{
	left: 30px;
}
.slider .right-slide{
	right: 30px;
}

/*slider 2*/
.slider2 .left-slide2,.slider2 .right-slide2{
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: rgba(0,0,0,.6);
  border-radius: 50%;
  color:#ffffff;
  font-size: 20px;
  top:50%;
  cursor: pointer;
  margin-top: -20px;
  text-align: center;
  line-height: 40px;

}
.slider2 .left-slide2:hover,.slider2 .right-slide2:hover{
 box-shadow: 0px 0px 10px black;
 background-color: #29a8e2;
}

.slider2 .left-slide2{
	left: 30px;
}
.slider2 .right-slide2{
	right: 30px;
}

.slider2 .slider-item2s .item2 img{
	max-width: 100%;
	display: block;
	animation:zoom 1s ease;
}
/*fim slider 2*/

.slider .caption{
	width: 100%;
	font-size: 2rem;
}

.slider .slider-items .item img{
	max-width: 100%;
	display: block;
	animation:zoom 1s ease;
}

.slider-position{
	z-index: 1000;
}

/*.slider-position{
	height: 100vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 50;
}*/

@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: relative;
width: 100%;
height: 60px;
bottom: 0px;
left: 0px;
background-color: rgba(0,0,0,.9);
line-height: 60px;
text-align: center;
color: #ffffff;
font-size: 30px;

}

.slider .slider-items .item.active{
	display: block;
}

.slider2 .slider-items2 .item2.active{
	display: block;
}

.slider2 .slider-items2 .item2{
	display: none;
	position: relative;
}
.slider2 .slider-items2 .item2 .caption{
position: relative;
width: 100%;
height: 60px;
bottom: 0px;
left: 0px;
background-color: rgba(0,0,0,.9);
line-height: 60px;
text-align: center;
color: #ffffff;
font-size: 30px;

}

.slider2 .slider-items2 .item2.active{
	display: block;
}
