/* Fonts */
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSans.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSansBold.woff'); font-weight: bold; font-style: normal;}
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSansItalic.woff'); font-weight: normal; font-style: italic;}

/*Base classes */
	body
		{background-color: white; color: #2e2e2e; font-family: openSans, sans-serif; font-size: 15px; margin: 0; -ms-overflow-style: -ms-autohiding-scrollbar; scroll-behavior: smooth;}
	h1
		{color: black; font-size: 1.75em; margin: 0;}
	h2
		{color: black; font-size: 1.5em; text-transform: uppercase; margin: 0;}
	h3
		{color: black; font-size: 1.25em; margin: 0;}
	hr
		{margin: 1em 0 0.5em 0;}
	p
		{margin: 0;}
	strong
		{font-weight: bold;}
	ul
		{margin: 0; padding: 0em 0em 0em 1em;}
	img
		{vertical-align: middle; border: 0;}
	a
		{color: #00953a; text-decoration: none;}
	a:hover
		{text-decoration: underline;}

/*Layout */
	.page
		{width: 100%; min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden;}
	header
		{padding: 2.5em 10%; box-shadow: 0 0.25em 0.75em -0.25em black; position: relative; z-index: 2; flex: none;}
	.logo
		{width: 12em; position: absolute; left: 10%; top: 1.875em; border: 2px solid #00a838;}
	.menu
		{font-size: 0.875em; position: absolute; right: 10%; top: 2.75em;}
	.slide
		{width: 100%; position: relative; flex: none; opacity: 1; transition: 0.75s;}
	.slide0
		{opacity: 0;}
	.slideOverlay
		{background-color: rgba(0,0,0,0.33); width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 1; transition: 0.75s;}
	.slideOverlay0
		{opacity: 0;}
	.claim
		{position: absolute; right: 27.5%; top: 15%; transition: 0.75s;}
	.claim0
		{top: -17.5%;}
	.slide h1
		{color: white; font-size: 2.5em;}
	.slide h2
		{color: white; font-size: 1.75em;}

	.main
		{width: 80%; margin: 4em auto; flex: auto;}
	.mainNarrow
		{width: 66%; margin: 4em auto; flex: auto;}
	.grpLabel
		{width: 100%; text-align: center;}
	.grpText
		{padding: 0em 1.5em; display: inline-block; vertical-align: middle;}
	.grpRuler
		{width: 10%; display: inline-block; border-bottom: 2px solid #333333;}
	.car, .carPast, .carOff, .carPartlyUsed, .carUsed, .carFree
		{width: calc(14.25% - 5rem - 4px); padding: 1.5rem 2rem; margin: 0 1rem 1rem 0; display: inline-block; text-align: center; vertical-align: top;
		position: relative; top: 0em; border: 2px solid black; opacity: 1; transition: 0.75s;}
	.car0
		{top: 2.5em; opacity: 0;}
	.car:hover, .carPast:hover, .carOff:hover, .carPartlyUsed:hover, .carUsed:hover, .carFree:hover
		{background-color: #840000; color: white; text-decoration: none; transition: 0s;}
	.car:hover h1, .carPast:hover h1, .carOff:hover h1, .carPartlyUsed:hover h1, .carUsed:hover h1, .carFree:hover h1
		{color: white; transition: 0s;}
	.car
		{background-color: #1f5ac2; color: white;}
	.carPast
		{background-color: #f8f8f8; color: #cccccc; font-style: italic; border: 2px solid #cccccc;}
	.carOff
		{color: #888888; border: 2px solid #888888;}
	.carPartlyUsed
		{background-color: yellow; color: black;}
	.carUsed
		{background-color: orange; color: black;}
	.carFree
		{background-color: #00cc00; color: black;}
	.hourUsed
		{background-color: orange; color: black; cursor: default;}
	.hourFree
		{background-color: #00cc00; color: black; cursor: pointer;}
	.iconButton
		{width: 24%; padding: 1.5em; margin: 0.5%; display: inline-block; vertical-align: top; position: relative; top: 0em; border: 3px solid #00953a; opacity: 1;
		box-sizing: border-box; -moz-box-sizing: border-box; transition: 0.75s;}
 	.iconButton:hover
 		{background-color: #00953a; cursor: pointer;}
 	.iconButton0
		{top: 1.25em; opacity: 0;}
	.iconButtonIcon
		{width: 28%; vertical-align: middle; display: inline-block;}
	.iconButton h3
		{font-size: 1em; text-transform: uppercase; width: calc(72% - 1.5em); max-height: 5.75em; margin-left: 1.5em; display: inline-block; text-align: left; vertical-align: middle;
		overflow: hidden; text-overflow: ellipsis;}
 	.iconButton:hover h3
 		{color: white;}

	footer
		{font-size: 0.875em; padding: 0.75rem 10%; text-align: center; flex: none; border-top: 1px solid #888888;}

/*Table */
	.table0
		{}
	.table5
		{border-bottom: 4px solid #585858;}
	.tabHead, .tabSum
		{font-weight: bold; text-transform: uppercase;}
	.tabRow1
		{}
	.tabRow2
		{background-color: #ebf2fd;}
	.tabOver
		{background-color: #c1d4f8; cursor: default;}
	.tabCellHead
		{padding: 0.5em; border-bottom: 5px solid #585858;}
	.tabCell0
		{padding: 0.5em;}
	.tabCell1
		{padding: 0.5em; border-bottom: 1px solid #dddddd;}
	.tabCellSum
		{padding: 0.5em; border-top: 4px solid #585858;}

/*Form */
	form
		{margin: 0;}
	.chars4
		{width: 6em;}
	.quarter
		{width: 25%;}
	label
		{cursor: pointer;}
	.checkbox
		{border: 0px; -webkit-appearance: checkbox;}
	input, textarea, select
		{color: #333333; font-family: openSans, sans-serif; font-size: 0.875em; padding: 0.33em; border: 1px solid #bbbbbb; outline: 0; box-sizing: border-box; -moz-box-sizing: border-box;}
	textarea
		{overflow: auto;}
	.gapLeft, .gapSide
		{margin-left: 0.5em;}
	.gapTop
		{margin-top: 0.5em;}
	.button1, .buttonX
		{background-color: #840000; color: white; font-size: 0.875em; text-transform: uppercase; padding: 0.5em 1.25em; display: inline-block; outline: 0; -webkit-appearance: none;}
	.buttonX
		{background-color: #1f5ac2;}
	.button1:hover, .buttonX:hover
		{background-color: #333333; text-decoration: none;}

/*General */
	.isHidden
		{display: none;}
	.isFull
		{width: 100%;}
	.isCenter
		{text-align: center;}
	.isErr
		{border: 1px solid red;}
	.isSmall
		{font-size: 0.875em;}
	.isDarken
		{background-color: rgba(0,0,0,0.66); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 101;}
	.isDialogBox
		{width: 33.33%; max-height: 70vh; margin-top: 15vh; position: relative; left: 33.33%; opacity: 1; overflow: auto; transition: 0.75s;}
	.isDialogBox0
		{opacity: 0;}
	.isDialog
		{background-color: white; color: black; width: 100%; padding: 2em; box-sizing: border-box;}
	.isDialog h1, .isDialog h2, .isDialog h3
		{margin-bottom: 0.33em;}
	.isDialog img
		{max-width: 100%;}

/*Media-queries*/
	@media (max-width: 1460px) {
		body
			{font-size: 14px;}
	}

	@media (max-width: 1320px) {
		body
			{font-size: 13px;}
	.claim0
		{top: -20%;}
	}

	@media (max-width: 1160px) {
		body
			{font-size: 12px;}
	}

	@media (max-width: 1040px) {
		.iconButton
			{width: 32.33%;}
	}