.main-map {
	position: relative;
	width: 100%;
	height:400px;
	border-radius: 5px;
	overflow: hidden;
	background-image: url(../map/map.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin-bottom:50px;
}

.main-map .mapa{
	position: absolute;
	left:0;
	width:100%;
	text-align: center;
	bottom:-50%;
	transition: 1s;
}
.main-map .mapa a{
	display: inline-block;
	padding:5px 20px;
	font-size:20px;
	background:linear-gradient(-45deg,#629ed5,#0d449c);
	border-radius: 30px;
	transition: 0.4s;
	margin:0 auto;
	color:#fff;
}
.main-map .mapa a img{
	width:30px;
}
.main-map:hover .mapa{
	bottom:50%;
}

@media(max-width:1000px){
	.main-map .mapa{
		bottom:40%;
	}
	.main-map:hover .mapa{
		bottom:45%;
	}
}