.headerbox {
	background-image: url('../images/bgLogin.jpg');
}
.cssform {
	background-color: #FFF
}
.swaper {
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	position: absolute;
}

@media (max-width: 1200px) {
.swaper {
	top: 0;
	left: 0;
	transform: none;
	position: relative;
	width: 100%
}
/* .site-section {
	padding: 0;
	margin: 0;
} */
#searchbox {
	min-width: inherit;
}
.headerbox {
	margin: 0
}
}
#cssform {
	font-family: 'Prompt', sans-serif;
	width: 600px;
	max-width: 100%;
	margin: 50px auto 170px auto;
	padding: 0 30px;
}
#cssform ul {
	padding-left: 0;
}
#cssform li {
	list-style: none;
}
#cssform input {
	font-size: 16px;
	padding: 0 28px 0 50px;
	width: 100%;
	border: 1px solid rgb(233, 233, 233);
	text-align: left;
	border-radius: 35px;
	color: #000000;
	letter-spacing: normal;
	height: 50px;
	line-height: 50px;
	font-weight: 300 !important;
	font-family: 'Prompt', sans-serif;
	background: url('../images/nav04.svg') #FFF no-repeat 5% 50%;
	background-size: 15px;
	margin-bottom: 20px;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
}
#cssform small {
	display: block;
	width: 100%;
	color: #FFF;
	text-align: center;
	font-weight: 300
}
#cssform input:focus, #cssform textarea:focus, #cssform select:focus {
	outline: 0;
	border: 1px solid rgb(211, 211, 211);
}
#cssform label {
	font-size: 25px;
	font-weight: 300;
	display: block;
	margin: 0 0 30px 0;
	color: #FFF
}
.divblock {
	display: block;
	font-size: 60px;
	font-weight: 600;
	color: #00864c;
	width: 100%;
	margin: 30px auto;
	text-align: center
}
.searchtips {
	width: 100%;
	display: block;
	margin: 0 auto;
	height: 0;
	text-align: center;
	color: #FFF
}
.searchtips small {
	font-size: 16px;
	line-height: 1.5em;
}
.searchtips small:before {
	content: '\f0eb';
	margin-right: 5px;
	font-size: 20px;
	font-family: 'Line Awesome Free';
	vertical-align: middle;
	color: yellow;
	text-shadow: 1px 1px 5px yellow;
}
#cssform .next-btn:hover, #cssform .submit-btn:hover {
	background-color: #00864c;
	color: #fff;
}
#textresults {
	background: #FFF;
	display: none;
	padding: 60px;
	margin: 80px 0
}
#textresults div {
	font-family: 'Prompt', sans-serif;
	font-weight: 400;
	width: 100%;
	display: block;
	font-weight: 300;
}
#textresults div span {
	float: right
}
#textresults div b {
	color: #009688;
	text-decoration: underline;
	font-family: 'Prompt', sans-serif;
	font-weight: 400;
}
#textresults ul {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0;
}
#textresults li {
	list-style: none;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #dadada;
	font-weight: 400;
}
#textresults li:last-child {
	border-bottom: none;
}
#textresults h1 {
	font-size: 20px;
	font-family: 'Prompt', sans-serif;
}
#textresults h2 {
	font-size: 18px;
	font-family: 'Prompt', sans-serif;
}
#textresults p {
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	font-weight: 300
}


/* xl - more 1 */
@media (min-width: 1549px) and (max-width: 1740px) {
}

/* xl - more 2 */
@media (min-width: 1299px) and (max-width: 1550px) {
}

/* xl - more 3 */
@media (min-width: 1200px) and (max-width: 1300px) {
}

/* xl */
@media (min-width: 1200px) { }

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) { }

/* md */
@media (min-width: 768px) and (max-width: 991.98px) { }

/* sm - sm */
@media (max-width: 767.98px) { 
}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) { }

/* xs */
@media (max-width: 575.98px) { }