/* ht8.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html {
	box-sizing: border-box
}

*,
*:before,
*:after {
	box-sizing: inherit
}

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

footer,
header {
	display: block
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline-width: 0
}

strong {
	font-weight: bolder
}

img {
	border-style: none
}

button,
input {
	font: inherit;
	margin: 0
}

button,
input {
	overflow: visible
}

button {
	text-transform: none
}

button,
[type=submit] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

/* End extract */
html,
body {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	line-height: 1.5
}

html {
	overflow-x: hidden
}

h5 {
	font-size: 18px
}

h5 {
	font-family: "Segoe UI", Arial, sans-serif;
	font-weight: 400;
	margin: 10px 0
}

.ht8-wide {
	letter-spacing: 4px
}

.ht8-image {
	max-width: 100%;
	height: auto
}

img {
	vertical-align: middle
}

a {
	color: inherit
}

.ht8-button {
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap
}

.ht8-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ht8-button:disabled {
	cursor: not-allowed;
	opacity: 0.3
}

:disabled * {
	pointer-events: none
}

.ht8-tag {
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center
}

.ht8-display-container {
	position: relative
}

.ht8-input {
	padding: 8px;
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 100%
}

.ht8-block {
	display: block;
	width: 100%
}

.ht8-container:after,
.ht8-container:before,
.ht8-panel:after,
.ht8-panel:before,
.ht8-row:after,
.ht8-row:before {
	content: "";
	display: table;
	clear: both
}

.ht8-col {
	float: left;
	width: 100%
}

.ht8-col.s3 {
	width: 24.99999%
}

.ht8-col.s6 {
	width: 49.99999%
}

.ht8-content {
	margin-left: auto;
	margin-right: auto
}

.ht8-content {
	max-width: 980px
}

@media (max-width:600px) {

	.ht8-hide-small {
		display: none !important
	}
}

.ht8-top {
	position: fixed;
	width: 100%;
	z-index: 1
}

.ht8-top {
	top: 0
}

.ht8-display-bottomleft {
	position: absolute;
	left: 0;
	bottom: 0
}

.ht8-display-bottomright {
	position: absolute;
	right: 0;
	bottom: 0
}

.ht8-display-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.ht8-container,
.ht8-panel {
	padding: 0.01em 16px
}

.ht8-panel {
	margin-top: 16px;
	margin-bottom: 16px
}

.ht8-card {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.ht8-grayscale {
	filter: grayscale(75%)
}

.ht8-grayscale-min {
	filter: grayscale(50%)
}

.ht8-large {
	font-size: 18px !important
}

.ht8-center {
	text-align: center !important
}

.ht8-border {
	border: 1px solid #ccc !important
}

.ht8-leftbar {
	border-left: 6px solid #ccc !important
}

.ht8-margin-top {
	margin-top: 16px !important
}

.ht8-padding {
	padding: 8px 16px !important
}

.ht8-padding-large {
	padding: 12px 24px !important
}

.ht8-padding-16 {
	padding-top: 16px !important;
	padding-bottom: 16px !important
}

.ht8-padding-48 {
	padding-top: 48px !important;
	padding-bottom: 48px !important
}

.ht8-padding-64 {
	padding-top: 64px !important;
	padding-bottom: 64px !important
}

.ht8-button:hover {
	color: #000 !important;
	background-color: #ccc !important
}

/* Colors */

.ht8-sand {
	color: #000 !important;
	background-color: #fdf5e6 !important
}

.ht8-black {
	color: #fff !important;
	background-color: #000 !important
}

.ht8-light-grey {
	color: #000 !important;
	background-color: #f1f1f1 !important
}

.ht8-hover-text-green:hover {
	color: #4CAF50 !important
}

.ht8-text-white {
	color: #fff !important
}

.ht8-text-grey {
	color: #757575 !important
}

.ht8-dark-grey,.ht8-hover-dark-grey:hover,.ht8-dark-gray,.ht8-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}