#travelInfoPlusInfo{
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%, -50%);
}

#travelInfoPlusInfo:hover{
	animation: round .5s;
}

@keyframes round{
	0%{
		top:50%;
		left:50%;
		transform:translate(-50%, -50%) rotate(0deg);
		transform-origin: center;
	}
	100%{
		transform:translate(-50%, -50%) rotate(180deg);
		transform-origin: center;
	}
}


#travelsLogo{
	z-index				: 1;
	position			: absolute;
	left				: 50%;
	transform			: translateX(-50%);
	-webkit-transform	: translate(-50%);
}


#travelInfos{
	width				: 500px;
	height				: 500px;
	position			: absolute;
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%, -50%);
}

#travelInfos li{
	z-index				: 1050;
	width				: 500px;
	height				: 500px;
	background-color	: rgba(255, 255, 255, 0.8);
	border-radius		: 5px;
	font-size			: 14px;
	display				: none;
}


#travelInfos li .closeBtnWrap{
	text-align			: right;
	box-sizing			: border-box;
	padding				: 20px 20px 0px 20px;
}

#travelInfos li .closeBtnWrap img{
	width				: 35px;
	height				: 35px;
	cursor				: pointer;	
}

#travelInfos li .titleWrap{
	font-size			: 30px;
	font-weight			: 700;
	text-align			: center;
}

#travelInfos li .contentWrap{
	margin				: 30px 20px 20px 20px;
	max-height			: 350px;
	overflow-y			: auto;
}

#travelsMenu{
	z-index				: 50;
	position			: fixed;
	left				: 50%;
	transform			: translateX(-50%);
	-webkit-transform	: translateX(-50%);
	bottom				: 20vh;
}

#travelsMenu li{
	font-size			: 15px;
	font-weight			: 600;
	display				: inline-block;
	padding				: 6px 30px;
	background-color	: rgba(0, 0, 0, 0);
	border-bottom		: 1px solid #fff;
	box-sizing			: border-box;
	cursor				: pointer;
	margin-right		: 50px;
}

#travelsMenu li:last-child {
	margin-right		: 0;
}

#travelsMenu li a{
	color				: #fff;
}

#travelsMenu li.active{
	background-color	: #2b2b2b;
}

#travelsMenu li.active a{
	color				: #fff;
}

#travelsMenu li:hover{
	background-color	: rgba(255, 255, 255, 1);
}

#travelsMenu li:hover a{
	color				: #666;
}