@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}

.splide__arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:2em;height:2em;display:flex;align-items:center;justify-content:center;border:none;padding:0;background:rgba(0,0,0,0)}

.splide__arrow svg{width:1.2em;height:1.2em}.splide__arrow:hover{cursor:pointer;opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{position:absolute;z-index:1;bottom:.5em;left:50%;transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:8px;height:8px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:transform .2s linear;border:none;opacity:.7}.splide__pagination__page.is-active{transform:scale(1.4);background:#fff}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#ccc}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#aaa}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)} 
:root  {
	--listHeaderH: 2.5em  ;
	--listHeaderFontSize: 15px  ;
	--font: arial  ;
	--fontColor: #666  ;
	--family: f  ;
	--listWidthDes: 40vw  ;
	--listWidthMob: 90vw  ;
	--b: #111  ;
	--overlay_height: 70px  ;
	--ad_padding: 20px  ;
	--nav_height: 60px  ;
	--park_fsize: 120%  ;
	--color: rgb(165 ,20 ,120)  ;
	//--colora: rgba(165 ,20 ,120 ,.5)  ;
	--colora: rgb(165 ,20 ,120)  ;
	--field_color: rgb(235,235,242)  ;
	--border: 1px solid rgb(200,200,200) }
@font-face  {
	font-family: f  ;
	src: url("/res/font/Century Gothic 400.ttf") }
*, *:after, *:before  {
	margin: 0  ;
	padding: 0  ;
	-webkit-box-sizing: border-box  ;
	-moz-box-sizing: border-box  ;
	box-sizing: border-box  ;
	outline: none  ;
	font-family: f }
*:focus  {
	border: 1px solid #999 }
body  {
	font-size: .8em }
.center  {
	text-align: center }
#MAIN ,#MAIN_PARKED ,#ADS  {
	//margin-top: var(--nav_height)  ;
	margin-top: 7em  ;
	margin-bottom: var(--nav_height) }
#MAIN > button ,a > button ,.button  {
	padding: 1%  ;
	outline: none  ;
	margin-top: 1em }
.hidden  {
	display: none }
.invisible  {
	visibility: hidden  ;
	display: none }
::placeholder  {
	color: #aaa  ;
	font-size: 100% }
#LOADING  {
	transition: opacity 1s 0s  ;
	position: fixed  ;
	top: 0  ;
	left: 0  ;
	right: 0  ;
	bottom: 0  ;
	display: none  ;
	//display: flex  ;
	color: #fff  ;
	z-index: 3  ;
	overflow-y: hidden }
#LOADING img  {
	position: fixed  ;
	top: 0  ;
	left: 0  ;
	right: 0  ;
	bottom: 0  ;
	width: 30%  ;
	margin: auto }
#LOADING h1  {
	transform: scale(1 ,3)  ;
	font-size: 3vw  ;
	font-weight: normal  ;
	width: 100vw  ;
	margin: auto  ;
	text-align: center }
#MENU  {
	position: fixed  ;
	top: 0  ;
	left: 0  ;
	right: 0  ;
	z-index: 10  ;
	height: var(--nav_height)  ;
	background-color: var(--color)  ;
	display: flex  ;
	align-content: space-between }
#MENU >*  {
	margin: auto  ;
	flex: 1 }
#MENU >*:nth-child(1)  {
	align-self: start  ;
	padding-left: 1em }
#MENU >*:nth-child(2)  {
	text-align: right  ;
	padding-right: 4% }
#MENU button  {
	font-size: 25px  ;
	color: #fff  ;
	background-color: rgba(0,0,0,0)  ;
	border: none  ;
	outline: none }
#MENUimg  {
	width: 100px  ;
	margin-top: 17px }
#HOMEimg  {
	background-color: rgba(0,0,0,0)  ;
	width: 25px }
#MENU a  {
	color: #fff  ;
	text-decoration: none  ;
	font-size: 130% }
#MENU +*  {
	margin-top: var(--nav_height) }
#MENU .flag  {
	width: 25px  ;
	margin: 0 .6em .4em 0 }
@media all and (max-width: 900px)  {
	#MENU .flag  {
		width: 18px  ;
		margin: 0 .4em .6em 0 }}
#NAV  {
	//transition: transform .7s  ;
	position: fixed  ;
	z-index: 9  ;
	top: 0  ;
	left: 0  ;
	right: 0  ;
	transform: translateY(-100vh)  ;
	background-color: #fff  ;
	padding-top: 2em  ;
	padding-bottom: 2em  ;
	border-bottom: 5px solid var(--color) }
#NAV article  {
	padding: 1%  ;
	padding-left: 6%  ;
	border-bottom: 1px solid #ddd }
#NAV article:nth-last-child(1)  {
	border-bottom: none }
#NAV a  {
	color: #333  ;
	text-decoration: none  ;
	font-size: 150% }
#NAV img  {
	width: 20px  ;
	margin-right: 1em }
#EDIT_MENU  {
	margin-top: var(--nav_height)  ;
	text-align: center  ;
	display: grid  ;
	grid-template-columns: 1fr 1fr }
#EDIT_MENU >*:nth-child(1)  {
	text-align: left  ;
	padding: 3% }
@media all and (min-width: 750px)  {
	#EDIT_MENU  {
		grid-template-columns: 1fr 1fr 1fr 1fr }
	#EDIT_MENU >*:nth-child(1)  {
		grid-column: 1 / span 3 }}
#EDIT_MENU >*  {
	//border: 1px solid #000 }
.button  {
	//text-align: left  ;
	background-color: var(--color)  ;
	color: #fff  ;
	min-width: 170px  ;
	max-width: 500px  ;
	min-height: 50px  ;
	border-radius: 5px  ;
	box-shadow: 0 3px 3px #666  ;
	border: none  ;
	//padding: 10px  ;
	font-weight: bold }
.button >*  {
	//margin-left: -15px }
.big_button  {
	background-color: var(--color)  ;
	color: #fff  ;
	min-width: 250px  ;
	max-width: 500px  ;
	min-height: 75px  ;
	border-radius: 5px  ;
	box-shadow: 0 3px 3px #666  ;
	border: none  ;
	padding: 10px  ;
	font-weight: bold }
.delete  {
	padding: 3px  ;
	background-color: #c33  ;
	font-size: 80%  ;
	//min-height: 30px  ;
	//height: 30px }
.active  {
	background-color: var(--color) }
.green  {
	background-color: #3a3  ;
	width: 250px }
.red  {
	background-color: #c33  ;
	width: 250px }
.bar  {
	box-shadow: 0 3px 5px #aaa  ;
	//background-color: rgba(135 ,2 ,111 ,.5)  ;
	background-color: var(--color)  ;
	color: #fff  ;
	padding: .5em 0 .5em 1em  ;
	font-size: 110%  ;
	margin-top: 5em }
.navbutton  {
	background-color: var(--color)  ;
	color: #fff  ;
	min-width: 100px  ;
	max-width: 200px  ;
	min-height: 40px  ;
	border-radius: 5px  ;
	box-shadow: 0 3px 3px #666  ;
	border: none  ;
	//padding: 10px  ;
	font-weight: bold }
.navbuttons  {
	position: fixed  ;
	z-index: 4  ;
	display: flex  ;
	max-width: 500px  ;
	width: 100%  ;
	justify-content: space-between  ;
	padding: 1% }
.icon  {
	vertical-align: middle  ;
	width: 35px  ;
	height: 35px }
.smaller  {
	width: 35px  ;
	height: 35px }
.small  {
	font-size: 70%  ;
	font-weight: normal } 
body  {
	overflow-x: hidden }
img  {
	width: 100% }
.pack_con  {
	width: 100%  ;
	background-color: #111 }
.pack  {
	border: 1px solid #ccc }
.arrow  {
	color: #fff }
.hidden  {
	display: none }
a  {
	word-break: break-all }
#PATHS  {
	//opacity: 0  ;
	transition: opacity 1s 0s }
#MAIN  {
	font-size: 110% }
#MAIN article  {
	border-bottom: var(--border) }
#PATHS article:nth-child(even)  {
	background-color: var(--field_color) }
#MAIN p:nth-child(odd)  {
	color: var(--color) }
@media all and (min-width: 1000px)  {
	#MAIN  {
		padding: 25% }}
#MAIN  {
	text-align: center  ;
	padding-top: 2em  ;
	margin: 20px  ;
	margin-bottom: var(--nav_height)  ;
	margin-top: var(--nav_height) }
#MAIN section  {
	text-align: left }
#MAIN article  {
	display: grid  ;
	grid-template-columns: 1fr 1fr  ;
	grid-gap: 10px  ;
	padding: 10px }
article p:nth-child(1)  {
	font-weight: bold }
#MAIN #DAYSS  {
	display: block }
#MAIN .bar  {
	text-align: left  ;
	margin-right: -20px  ;
	margin-left: -20px }
h1 ,h2 ,h3 ,h4  {
	margin-top: 1em  ;
	text-align: left }
h1  {
	color: var( --fontColor )  ;
	font-size: 150%  ;
	text-align: center  ;
	margin-bottom: 1em }
h2  {
	font-size: 120%  ;
	color: var( --fontColor )  ;
	text-align: left }
h3  {
	font-size: var( --listHeaderFontc )  ;
	padding: 10px  ;
	border-bottom: 2px solid var(--colora)  ;
	border-top: var(--border)  ;
	background-color: var(--field_color) }
h4  {
	//padding: 10px  ;
	margin-top: 3em  ;
	color: var(--color) }
h1 +.bar  {
	font-size: 200%  ;
	font-weight: bold  ;
	margin-top: 1em }
h4 +p  {
	font-size: 110%  ;
	margin-top: .5em  ;
	margin-bottom: .5em }
.left  {
	text-align: left }
.right  {
	text-align: right  ;
	margin-top: 1em  ;
	color: #333 !important }
.small.left  {
	margin-top: 1em }
.small.left  {
	margin-top: 1em  ;
	font-size: 90%  ;
	color: #111 !important  ;
	font-weight: bold }
.small.right  {
	font-size: 80%  ;
	color: #9a9a9a !important }
.small .icon  {
	width: 20px  ;
	height: 20px }
.park  {
	background: url("/res/img/unparked.png") }
.parked  {
	background: url("/res/img/parked.png") }
.park ,.parked  {
	background-repeat: no-repeat  ;
	background-size: 100%  ;
	//background-color: #rgba(0,0,0,0)  ;
	//font-size: var(--park_fsize)  ;
	outline: none  ;
	border: none  ;
	position: relalive  ;
	width: var(--overlay_height)  ;
	height: var(--overlay_height) }
#PARKED  {
	background-repeat: no-repeat  ;
	background-size: 100%  ;
	position: fixed  ;
	left: 0  ;
	margin: auto  ;
	bottom: 0  ;
	z-index: 4  ;
	width: 70px  ;
	height: 70px  ;
	border: none }
#IMG  {
	margin: auto  ;
	text-align: center !important }
#IMGS  {
	border: none }
#CODE  {
	margin-left: -.5em  ;
	margin-top: 5em  ;
	margin-bottom: -6em }