html, body      { font-family:'Open Sans'; height:100%; margin:0; padding:0; position:relative; width:100%; }
body 			{ min-width:960px; }
h1, h2, h3,
h4, h5, h6      { font-weight:400; margin:0; }
button          { background:none; border:none; cursor:pointer; font-family:'Open Sans'; outline:none; padding:0; }
ul 				{ list-style:none; margin:0; padding:0; }
.clear:after    { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.page_header                { background-color:#000000; color:#bbb; font-family:'Oswald'; font-size:19px; font-weight:400; height:38px; line-height:38px; }
.page_header div,
.page_header a 				{ color:#bbb; font-family:'Oswald'; font-size:19px; font-weight:400; line-height:38px; text-decoration:none; }
.page_header .exploria     	{ float:left; margin-left:30px; }
.page_footer 				{ background-color:#000000; bottom:0; height:38px; left:0; position:absolute; right:0; }

/* ROUTE */
.map 			{ bottom:38px; left:0; position:absolute; right:0; top:38px; }
.map_container 	{ height:100%; width:100%; }
.map_container .exploria_marker						{ display:inline-block; height:80px; position:relative; width:60px; }
.map_container .exploria_marker .poi 				{ background:url(/static/route.png) no-repeat 0 -24px; bottom:0; cursor:pointer; display:inline-block; height:63px; left:0; position:absolute; width:51px; }
.map_container .exploria_marker .icon 				{ background:url(/static/route.png) no-repeat 100px 100px; height:24px; left:25px; margin:-12px -13px; position:absolute; top:24px; width:26px; }
.map_container .exploria_marker.pictures .icon 		{ background-position:-16px 0; }
.map_container .exploria_marker.virtual_tour .icon 	{ background-position:-42px 0; }
.map_container .exploria_marker.video .icon 		{ background-position:-68px 0; }
.map_container .exploria_marker.audio .icon 		{ background-position:-94px 0; }
.map_container .exploria_marker .index 				{ background:#444; border:1px solid #ffffff; border-radius:50%; box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); color:#fff; display:inline-block; font-family:'Oswald'; font-size:13px; height:22px; right:-7px; line-height:21px; position:absolute; text-align:center; top:-11px; width:22px; }

.route_info							{ bottom:0; position:absolute; right:0; top:0; width:50%; }
.route_info > .background 			{ background:linear-gradient(to right, rgba(255,255,255,0.0001) 0, rgba(255,255,255,0.85) 15%); height:100%; left:0; margin-left:-20%; pointer-events:none; position:absolute; top:0; width:120%; z-index:1; }
.route_info > .content 				{ box-sizing:border-box; bottom:0; left:0; overflow:auto; padding:0 7% 0 7%; position:absolute; top:0; width:100%; z-index:2; }
.route_info .top_padder 			{ height:4%; }
.route_info .bottom_padder 			{ height:1%; }
.route_info .title 					{ color:#f70;   }
.route_info .title_2 				{ color:#888; margin-bottom:2%; }
.route_info .data 					{ margin-bottom:2%; position:relative; }
.route_info .data > div + div		{ margin-left:20px; }
.route_info .difficulty,
.route_info .duration 				{ float:left;  }
.route_info .data .name  			{ color:#000; margin-right:4px; }
.route_info .data .value  			{ color:#555; }
.route_info .content_format 		{ display:inline-block; height:24px; margin-top:-12px; position:absolute; right:0; top:50%;}
.route_info .content_format > * 	{ background-color:#29aae1; border:1px solid #ffffff; border-radius:50%; box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); display:inline-block; height:24px; overflow:hidden; padding-left:24px; position:relative; width:0px; }
.route_info .content_format > * + * { margin-left:3px; }
.route_info .content_format .icon 				{ background:url(/static/route.png) no-repeat -146px 0; height:16px; left:50%; margin:-8px -10px; position:absolute; top:50%; width:20px; }
.route_info .content_format .virtual_tour .icon	{ background-position:-120px 0; }
.route_info .content_format .audio .icon		{ background-position:-140px 0; }
.route_info .content_format .video .icon		{ background-position:-160px 0; }
.route_info .content_format .pictures .icon		{ background-position:-180px 0; }
.route_info .description			{ margin-bottom:2%; }
.route_info .description > div 		{ color:#888; -webkit-columns:auto 2; -moz-columns:auto 2; columns:auto 2; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px; overflow:hidden; }
.route_info .read_more 				{ color:#555; float:right; margin-top:10px; }
.route_info .pois 					{ -webkit-columns:auto 2; -moz-columns:auto 2; columns:auto 2; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px; }
.route_info .pois li 				{ position:relative; }
/*
.route_info .pois .position 		{ background:#444; border:3px solid #ffffff; border-radius:50%; box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); color:#fff; display:inline-block; position:absolute; text-align:center; top:50%;  }
*/
.route_info .pois .position 		{ color:#444; display:inline-block; position:absolute; text-align:center; top:50%;  }
.route_info .pois .name 			{ color:#888; display:block; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; width:100%; }
.route_info .pois_page				{ float:right; margin-top:10px; }
.route_info .pois_page .prev,
.route_info .pois_page .next 		{ border-radius:3px; background:#999; height:21px; padding:4px 6px; width:20px;}
.route_info .pois_page .icon		{ background:url(/static/route.png) no-repeat 0 0; display:inline-block; height:13px; width:8px; }
.route_info .pois_page .next .icon	{ background-position:-8px 0;  }
.route_info .pois_page .disabled 	{ opacity:0.5; }
.route_info .pois_page * + * 		{ margin-left:6px; }




.text_alt_31{ font-family:'Oswald'; font-size:26px; line-height:30px; }
.text_alt_9	{ font-family:'Oswald'; font-size:12px; line-height:15px; }
.text_alt_8 { font-family:'Oswald'; font-size:11px; line-height:15px; }
.text_alt_7 { font-family:'Oswald'; font-size:10px; line-height:14px; }
.text_alt_6 { font-family:'Oswald'; font-size:10px; line-height:13px; }
.text_alt_5 { font-family:'Oswald'; font-size:9px; line-height:13px; }
.text_5 	{ font-size:9px; line-height:11px; }
.text_4		{ font-size:8px; line-height:10px; }
.text_3		{ font-size:8px; line-height:10px; }
.text_1     { font-size:6px; line-height:12px; }
@media only screen and (min-width:1520px) {
	.text_alt_31 { font-size:40px; line-height:47px; }
	.text_alt_9	{ font-size:18px; line-height:23px; }
	.text_alt_8	{ font-size:17px; line-height:23px; }
	.text_alt_7 { font-size:16px; line-height:22px; }
	.text_alt_6 { font-size:15px; line-height:21px; }
	.text_alt_5 { font-size:14px; line-height:20px; }
	.text_5 	{ font-size:14px; line-height:17px; }
	.text_4 	{ font-size:13px; line-height:16px; }
	.text_3 	{ font-size:12px; line-height:15px; }
	.text_1 	{ font-size:10px; line-height:13px; }
}
@media only screen and (min-width:1400px) and (max-width:1519px) {
	.text_alt_31{ font-size:37px; line-height:43px; }
	.text_alt_9	{ font-size:17px; line-height:21px; }
	.text_alt_8	{ font-size:16px; line-height:21px; }
	.text_alt_7 { font-size:15px; line-height:20px; }
	.text_alt_6 { font-size:14px; line-height:19px; }
	.text_alt_5 { font-size:13px; line-height:18px; }
	.text_5 	{ font-size:13px; line-height:16px; }
	.text_4 	{ font-size:12px; line-height:15px; }
	.text_3 	{ font-size:11px; line-height:14px; }
	.text_1 	{ font-size:9px; line-height:12px; }
}
@media only screen and (min-width:1160px) and (max-width:1399px) {
	.text_alt_31{ font-size:30px; line-height:36px; }
	.text_alt_9 { font-size:14px; line-height:17px; }
	.text_alt_8	{ font-size:13px; line-height:15px; }
	.text_alt_7 { font-size:12px; line-height:17px; }
	.text_alt_6 { font-size:11px; line-height:16px; }
	.text_alt_5 { font-size:11px; line-height:15px; }
	.text_5 	{ font-size:11px; line-height:13px; }
	.text_4 	{ font-size:10px; line-height:12px; }
	.text_3 	{ font-size:9px; line-height:11px; }
	.text_1 	{ font-size:8px; line-height:10px; }
}
@media only screen and (max-width:1159px) {}

/*
.route_info .pois li 		{ height:27px; padding-left:32px; }
.route_info .pois .position { height:18px; left:2px; line-height:17px; margin-top:-12px; width:18px; }
.route_info .pois .name 	{ line-height:27px; }
@media only screen and (min-width:1520px) {
	.route_info .pois li 		{ height:42px; padding-left:50px; }
	.route_info .pois .position { height:30px; left:3px; line-height:29px; margin-top:-18px; width:30px; }
	.route_info .pois .name 	{ line-height:42px; }
}
@media only screen and (min-width:1400px) and (max-width:1519px) {
	.route_info .pois li 		{ height:39px; padding-left:46px; }
	.route_info .pois .position { height:28px; left:3px; line-height:27px; margin-top:-17px; width:28px; }
	.route_info .pois .name 	{ line-height:39px; }
}
@media only screen and (min-width:1160px) and (max-width:1399px) {
	.route_info .pois li 		{ height:32px; padding-left:38px; }
	.route_info .pois .position { height:22px; left:2px; line-height:21px; margin-top:-14px; width:22px; }
	.route_info .pois .name 	{ line-height:32px; }
}
@media only screen and (max-width:1159px) {}
*/
.route_info .pois li 		{ height:27px; padding-left:22px; }
.route_info .pois .position { height:18px; left:2px; line-height:17px; margin-top:-9px; width:18px; }
.route_info .pois .name 	{ line-height:27px; }
@media only screen and (min-width:1520px) {
	.route_info .pois li 		{ height:42px; padding-left:35px; }
	.route_info .pois .position { height:30px; left:3px; line-height:29px; margin-top:-15px; width:30px; }
	.route_info .pois .name 	{ line-height:42px; }
}
@media only screen and (min-width:1400px) and (max-width:1519px) {
	.route_info .pois li 		{ height:39px; padding-left:32px; }
	.route_info .pois .position { height:28px; left:3px; line-height:27px; margin-top:-14px; width:28px; }
	.route_info .pois .name 	{ line-height:39px; }
}
@media only screen and (min-width:1160px) and (max-width:1399px) {
	.route_info .pois li 		{ height:32px; padding-left:27px; }
	.route_info .pois .position { height:22px; left:2px; line-height:21px; margin-top:-11px; width:22px; }
	.route_info .pois .name 	{ line-height:32px; }
}
@media only screen and (max-width:1159px) {}