*{
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

.slider{
	position: relative;
	overflow: hidden;
	height: 70vh;
	width: 100%;
}

.slide{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.slide.current{
	opacity: 1;
}

.slide .content{
	position: absolute;
	bottom: 70px;
	left: -600px;
	opacity: 0;
	width: 600px;
	background-color: rgba(255,255,255, 0.8);
	color: #333;
	padding: 35px;
}

.slide .content h1{
	margin-bottom: 10px;
}

.slide.current .content{
	opacity: 1;
	transform: translateX(600px);
	transition: all 0.7s ease-in-out 0.3s ;
}

.buttons button#next{
	position: absolute;
	top: 50%;
	right: 15px;
}

.buttons button#prev{
	position: absolute;
	top: 50%;
	left: 15px;
}

.buttons button{
	border: 2px solid #fff;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
	padding: 13px 15px;
	border-radius: 50%;
	outline: none;
}

.buttons button:hover{
	background-color: #fff;
	color: #333;
}

@media (max-width: 500px){
	.slide .content{
		bottom: -300px;
		left: 0;
		width: 100%;
	}
	.slide.current .content{
		transform: translateY(-300px);
	}
}

.slide:first-child{
	background: url(../img/newbanner/maquinariasin.jpg) no-repeat center/cover;
}
.slide:nth-child(2){
	background: url(../img/newbanner/ubicacionsin.jpg) no-repeat center/cover;
}