/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
}
.centrar-vyh {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.Noa {
	text-decoration: none !important;
	display: inherit;
}
.header-cont{
	background: linear-gradient(to top, black 80% , rgba(40,40,40,1.00));
	width: 100%;
	height: 90px;
	position: relative;
}
.header_img{
	height: 2.75vh;
}

.cont-Menu{
	display: flex;
	position: absolute !important;
	top: 18%;
	left: 49%;
	transform: translateX(-51%);
	padding: 7% 2%;
}
.cont_img_icon{
	position: relative !important;
}
.img_menu_1{
	width: 100% !important;
	margin-right: 15%;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
}



/*ONLY ICON*/
.icon_menu_1{
	background: url("img/skyrail_w.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-background-size: contain;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	width: 140px;
	height: 63px;
}
.cont_img_icon:hover>.img_menu_1{
	transform: scale(1.10);
	
}
.img_menu_1:hover+.icon_menu_1{
	background: url("img/skyrail.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-background-size: contain;
}
.icon_menu_1:hover{
	background: url("img/skyrail.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-background-size: contain;
}

.img_menu_2{
	width: 100% !important;
	margin-left: 15%;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
}
.icon_menu_2{
	background: url("img/skyshuttle_w.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-background-size: contain;
	position: absolute;
	left: 57%;
	transform: translateX(-43%);
	bottom: 30px;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	width: 140px;
	height: 63px;
}
.cont_img_icon:hover>.img_menu_2{
	transform: scale(1.10);
}
.img_menu_2:hover+.icon_menu_2{
	background: url("img/skyshuttle.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-background-size: contain;
}
.icon_menu_2:hover{
	background: url("img/skyshuttle.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-background-size: contain;
}
@media screen and (max-width: 999.98px){
	.cont-Menu{
		top: 8% !important ;
		display: block !important;
		width: 360px !important;
		overflow-x: hidden;
	}
	.img_menu_1{
		border-radius: 100%;
		width:250px !important;
		margin-right: 0% !important;
		transition: all ease .5s;
		margin-bottom: 10%;
		margin-top: 18% !important;
	}
	.icon_menu_1{
		background: url("img/skyrail.svg") !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: contain !important;
		-webkit-background-size: contain !important;
		position: absolute;
		left: 35%;
		transform: translateX(-50%);
		bottom: 45px;
		transition: all ease .5s;
		-webkit-transition: all ease .5s;
		width: 95px;
		height: 80px;
	}
	.img_menu_2{
		border-radius: 100%;
		width:250px !important;
		margin-left: 0% !important;
		transition: all ease .5s;
		margin-bottom: 10% !important;
		padding: 0px !important
	}
	.icon_menu_2{
		background: url("img/skyshuttle.svg") !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: contain !important;
		-webkit-background-size: contain !important;
		position: absolute;
		left: 35%;
		transform: translateX(-50%);
		bottom: 45px;
		transition: all ease .5s;
		-webkit-transition: all ease .5s;
		width: 95px;
		height: 80px;
	}
	.img_header {
		background: url("img/header360.svg") !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		-webkit-background-size: contain !important;
		background-position: center !important;
		height: 45px !important;
    	width: 340px !important;
	}
	.cont_img_icon{
		left: 50% !important;
		transform: translateX(-35%) !important;
	}
}

.efecto-menu-1 {
	background: linear-gradient(to bottom, gray , transparent 2% );
}

.img_header {
	position: absolute;
	height: 4em;
	width: 41em; 
	background: url("img/menuheader768.svg");
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-position: center;
	left: 50%;
	transform: translateX(-50%);
}