@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

html {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 16px; /* 1.0em */
	line-height: 1.6em;
	color: rgb(0,0,0,1);
	min-height: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
div {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 0;
	white-space: normal;
	vertical-align: top;
}
div.slider {
	background-size: cover;
	background-position: center middle;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

a { color: rgb(0,0,0,0.5); cursor: pointer; text-decoration: none; }
a:hover { color: rgb(0,0,0,1.0); text-decoration: underline; }

div#contentwrap {
	text-align: center;
	width: 100%;
    padding: 0;
    margin: 0;
}
body>div#contentwrap {
    float: left;
	width: 100%;
	overflow: hidden;
}
div#content {
    width: 100%;
    text-align: center;
    margin: 0 auto;
	position: relative;
	z-index: 1;
}
div#sub-content{
	float: left;
	width: 100%;
	position: relative;
	z-index: 999;
}
div#footer {
    width: 100%;
    text-align: center;
    margin: 0 auto;
	position: relative;
}
div#sub-footer {
	float: left;
	width: 100%;
	position: relative;
	z-index: 999;
}

.btn {
margin: 0 0 0 auto;
border-style: none;
border-color: #302d2d;
border-width: 1px;
border-radius: 4px;
color: #ffffff;
font-size: 17px;
line-height: 24px;
text-transform: none;
padding: 5px 10px 5px 10px;
font-weight: 300;
font-style: normal;
background-color: rgb(0,0,166,1);
text-align: center;
white-space: nowrap;
display: inline-block;
width: auto;
}

.btn:hover { background-color: rgb(0,0,130,1); }

.btn a { color: #ffffff; cursor: pointer; text-decoration: none; }
.btn a:hover { color: #ffffff; }

a.btn { color: #ffffff; text-decoration: none; }
a.btn:hover { color: #ffffff; text-decoration: none; }

.formfield {
border-style: dotted dotted dotted dotted;
border-color: #cccccc;
border-width: 1px 1px 1px 1px;
border-radius: 4px 4px 4px 4px;
padding: 4px 4px 4px 4px;
color: cccccc;
background-color: #f8f8f8;
}

/* Next Arrow */
#next {
  cursor: pointer;
  position: relative;
  float: left;
  top: 50%;
  width: auto;
  color: #383736;
  user-select: none;
  transition: 0.2s ease-in;
}
#next:before {
  position: relative;
  color: #383736;
  right: 50%;
  opacity: 0;
  transition: 0.4s ease-in;
  padding-right: 5px;
}
#next:hover:before { opacity: 1; }
#next span { display: inline-block; transition: 0.4s ease-in; }
#next:hover span { transform: translateX(50%); }
a#next { text-decoration: none; font-size: 0.8em; }