#sloping_map{
	width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; z-index:1000;
	background-color:#000;
}
#sloping_map .close_btn{
	position:absolute; top:0px; left:0px; width:100%; height:auto; display:block; z-index:1500;
	background-color:#000; color:#FFF; text-align:center; font-weight:bold; font-size:18px;
	cursor:pointer; padding:20px;
}

#sloping{
	width:100%; height:auto; display:block; margin:20px auto;
	text-align:center;
}
#sloping .title{
	width:100%; height:auto; display:block; margin:0px 0px 20px 0px; padding:0 0 0 23px; box-sizing:border-box;
	text-align:center; font-weight:bold; font-size:18px; text-decoration:underline; color:#153466;
}


#sloping .type_key{
	width:100%; height:auto; display:block; margin:5px auto 20px auto; padding:0; box-sizing:border-box;
}

#sloping .type_parent{
	width:auto; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box; padding:2px 10px 2px 2px; margin:5px 10px;
	border:1px #999 solid; border-radius:5px; background-color:#FFF;
}

#sloping .type_ico{
	width:30px; height:30px; display:inline-block; box-sizing:border-box; vertical-align:top; margin:0 10px 0 0; padding:0;
	border:1px #2a318b solid; border-radius:3px; text-align:center; line-height:26px; font-weight:bold;
}

#sloping .type_name{
	width:auto; height:30px; display:inline-block; box-sizing:border-box; vertical-align:top; margin:0; padding:auto 15px auto 0;
	font-size:12px; font-weight:bold; font-family:verdana, sans-serif; line-height:32px;
}

#sloping .type_header{ 
	border:0; font-size:16px;
}

#sloping .type_ico_1{ background-color:#6b46df; color:#FFF; /*background-image:url('/modules/flying/media/type_ico_1.png');*/ }
#sloping .type_ico_2{ background-color:#46a7df; color:#FFF; /*background-image:url('/modules/flying/media/type_ico_2.png');*/ }
#sloping .type_ico_3{ background-color:#46df4a; color:#000; /*background-image:url('/modules/flying/media/type_ico_3.png');*/ }
#sloping .type_ico_4{ background-color:#d9df46; color:#000; /*background-image:url('/modules/flying/media/type_ico_4.png');*/ }
#sloping .type_ico_5{ background-color:#df5e46; color:#FFF; /*background-image:url('/modules/flying/media/type_ico_5.png');*/ }

#sloping .rating_explaination{
	width:auto; height:auto; display:block; box-sizing:border-box; padding:5px; margin:0 0 20px 0;
	font-size:16px; font-family:sans-serif, verdana; text-align:center;
}



#sloping .sites_parent{
	width:100%; height:auto; display:block; margin:0 0 20px 0; padding:0; box-sizing:border-box;
}


#sloping .location_box{
	width:100%; max-width:350px; height:390px; min-height:350px; display:inline-block; vertical-align:top; padding:0 0 30px 0; margin:10px 20px; box-sizing:border-box;
	overflow:hidden;
	border:1px #b0cefd solid; border-radius:5px; position:relative;
	background-color:#FFF; text-align:left;
}
#sloping .location_title{
	width:100%; height:auto; display:block; box-sizing:border-box; margin:0px 0 10px 0; padding:5px 5px 0 55px; position:relative;
	font-size:14px; font-weight:bold; 
}
#sloping .location_name{
	display:block; margin:3px 0 0 0; font-size:12px; color:#4E4E4E; padding:0px; font-style:italic;
}
#sloping .location_rating{
	position:absolute; top:8px; left:5px; width:auto; height:auto; 
	font-size:14px; padding:5px; color:#000; font-weight:bold; background-color:#efff00; text-align:center;
}

#sloping .type_ico_display{
	position:absolute; top:0px; right:0px; padding:5px 0px 5px 10px;
	background-color:#FFF; text-align:center; color:#FFF;
}

#sloping .location_description{
	width:100%; height:80px; display:block; padding:0 5px 10px 5px; box-sizing:border-box;
	font-size:13px; line-height:16px;
	border:0px #000 solid;
	overflow-y: scroll;overflow-y: scroll;overflow-x: hidden;
}

#sloping .location_video{
	width:100%; height:270px; display:inline-block; vertical-align:top; box-sizing:border-box; position:relative; margin:0 0 0px 0; padding:0 0 30px 0;
	border:0px #000 solid; background-color:#FFF; text-align:center; font-style:italic;
}

#sloping .bottom_bar{
	width:100%; height:auto; display:block; position:absolute; left:0px; bottom:0px; padding:5px 0 5px 10px; box-sizing:border-box; z-index:100;
	background-color:#8e9ac2; color:#FFF; font-weight:bold; font-size:14px; text-align:left;
	border:0px #56585c solid;
	cursor:pointer;
}

#sloping .view_map_btn_parent{
	width:auto; height:auto; display:block; bottom:0px; right:0px; position:absolute; overflow:hidden; z-index:150;
}
#sloping .view_on_map_button{
	font-weight:bold; padding:5px 10px; font-size:12px;
}


@media screen and (max-width: 1000px) {

	#sloping .title{ font-size:14px; }
	
	#sloping .type_name{
		font-size:10px; font-weight:bold; font-family:verdana, sans-serif; line-height:32px;
	}

}

@media screen and (max-width: 500px) {

	#sloping .title{ font-size:12px; }
	
	#sloping .type_name{
		font-size:10px; font-weight:bold; font-family:verdana, sans-serif; line-height:32px;
	}

	#sloping .type_header{ display:none; }
	
	#sloping .rating_explaination{
		font-size:16px; text-align:left;
	}

	#sloping .location_box{
		max-width:330px;
	}
}