@charset "utf-8";
/* CSS Document */
/* ------------------------------------ body */
body {	float:								left;	display:							block;	margin:								0px;	padding:							0px;	width:								100%;	height:								auto;	border:								0px none;	background-color:					#FFFFFF;	background-image:					url('../images/background1.png');	background-position:				center 30px;	background-repeat:					repeat-x;}
/* ------------------------------------ sections */
div.system {							/* System */	z-index:							2;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								40px;	border:								0px none;		color:								#FFFFFF;	background-color:					#656565;}div.banner {							/* Banner */	z-index:							2;	float:								left;	display:							block;	margin:								30px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								auto;	border:								0px none;}div.banner img {	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								auto;	height:								200px;}
div.header {							/* Header */	z-index:							2;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								auto;	border-top:							5px solid #D5D5D5;	border-bottom:						1px solid #D5D5D5;	background:							rgba(213, 213, 213, 0.75);}div.holder {							/* Default */	z-index:							2;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								auto;	border:								0px none;}
div.voyage {							/* Voyage */	z-index:							2;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							200px 0px 0px 0px;	width:								100%;	height:								auto;	border:								0px none;
	background-image:					url('../images/background2.png');	background-position:				center 30px;	background-repeat:					repeat-x;}div.route1,div.route2,div.route3 {	z-index:							2;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								auto;	border:								0px none;		background-image:					url('../images/background0.png');	background-repeat:					repeat-x;}div.design {							/* Design */	z-index:							2;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								240px;	border:								0px none;	background-image:					url('../images/background3.png');	background-position:				center bottom;	background-repeat:					repeat-x;}
div.google {							/* Google */	z-index:							2;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								300px;	border:								0px none;
	background-image:					url('../images/background3.png');	background-position:				center bottom;	background-repeat:					repeat-x;}
div.footer {							/* Footer */	z-index:							2;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								auto;	border:								0px none;
	color:								#FFFFFF;	background-color:					#FF0033;}
div.status {							/* Status */	z-index:							2;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 30px 0px;	width:								100%;	height:								auto;	border:								0px none;
	color:								#FFFFFF;	background-color:					#656565;}
/* ------------------------------------ Google */
#googlemap {	z-index:							1;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								60vh;	border:								0px none;
	background-color:					#656565;
	filter:								grayscale(100%);	-o-filter:							grayscale(100%);	-ms-filter:							grayscale(100%);	-moz-filter:						grayscale(100%);	-webkit-filter:						grayscale(100%);}
/* ------------------------------------ table - row */div.row {	z-index:							3;	float:								left;	display:							block;	padding:							0px 0px 0px 0px;	height:								auto;}/* ------------------------------------ table - column */
/* 1 x 92% */nav {	z-index:							4;	float:								left;	display:							block;	height:								auto;	border:								0px none;		text-align:							center;}div.break {	z-index:							4;	float:								left;	display:							block;	height:								30px;	border-bottom:						1px solid #D5D5D5;	background-image:					url('../images/bicycle.svg');	background-size:					contain;	background-repeat:					no-repeat;}div.col {	z-index:							4;	float:								left;	display:							block;	height:								auto;	border:								0px none;		text-align:							center;		background-size:					cover;	background-position:				center center;	background-repeat:					repeat-x;}nav {	margin:								0px 0px 0px 4%;	padding:							20px 0px 20px 0px;	}.break,
.co1 {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}.co1-flat {	margin:								0px 0px 0px 4%;	padding:							0px 0px 0px 0px;}
/* 2 x 44% */
.co2 {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}.co2-fill {	padding:							0px 0px 0px 0px;}.co2-flat {	padding:							0px 0px 0px 0px;}
/* 3 x 28% */
.co3 {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}.co3-fill {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}.co3-flat {	padding:							0px 0px 0px 0px;}
/* 4 x 20% */
.co4 {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}.co4-fill {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}.co4-keep {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}

/* 6 x 12% */
.co6 {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}.co6-fill {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}.co6-flat {	padding:							0px 0px 0px 0px;}.co6-keep {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}
/* 8 x 8% */
.co8 {	margin:								30px 0px 0px 4%;	padding:							0px 0px 0px 0px;}.co8-flat {	padding:							0px 0px 0px 0px;}/* ------------------------------------ brand */img.brand {	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	height:								auto;	border:								0px none;}/* ------------------------------------ article - header & footer */header {	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								auto;	border:								0px none;}section {	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								auto;	border:								0px none;}footer {	float:								left;	display:							block;	margin:								25px 0px 0px 0px;	padding:							25px 0px 0px 0px;	width:								100%;	height:								auto;		border-top:							1px dashed #D5D5D5;}/* ------------------------------------ article */main,article {	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								auto;	border:								0px none;}/* ------------------------------------ YouTube */.youtube {	float:								left;	display:							block;	position:							relative;    overflow:							hidden;	margin-top:							21px;    padding-bottom:						56.25%;    height:								0;}.youtube iframe {	float:								left;	display:							block;	position:							absolute;    left:								0;    top:								0;    height:								100%;    width:								100%;}
div.break-dots {	z-index:							4;	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								21px;
	border-top:							1px dashed #D5D5D5;}/* ------------------------------------ covid */img.covid {	float:								left;	display:							block;	margin:								0px 0px 0px 0px;	padding:							0px 0px 0px 0px;	width:								100%;	height:								auto;}