.searchbox h2{
	padding: 10px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	margin: 10px 8px;
	opacity: 0.9;
}

#page-body{
	padding: 2px;
}

#faq{
	font-size: 0.625rem;
}

#faq-body{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#faq-body .faq-block{
	width: 100%;
}

.faq-block{
	padding: 0px;
    margin-bottom: 15px;
    -webkit-transition: 1s ease-in;
	transition: 1s ease-in;
	width: 100%;
	opacity: 0.9;
}

.faq-block h2{
	padding: 5px;
	margin: 0px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.faq-block h2:hover{
	cursor: pointer;
} 

#faq-body .faq-block{
	padding: 5px;
}

.qa{
	border: 1px solid #ccc;
	overflow: auto;
	-webkit-transition: 1s ease-in;
	transition: 1s ease-in;
	max-height: 5000px;
}

#faq-body .qa{
	max-height: 250px;
}

.faq{
	overflow: hidden;
}

.faq h2{
	font-weight: bold;
}

.qa-block{
	padding: 3px 10px;
	width: calc(100% - 20px);
	margin: 0;
}

.qa-block:first-child{
	margin-top: 0;
}

#faq-body .qa-block{
	margin: 0;
}

#faq-body .qa-block:before{
	content: "\2666";
	float: left;
	height: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.qa-block:hover{
	border-radius: 0;
}
.question{
	font-size: 1.7em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.5em;
}
.question:hover{
	cursor: pointer;
}
.answer{
	display: none;
	font-size: 1.4em;
	padding: 5px 0 0 0px;
	line-height: 1.6em;
}
.searchbox{
	text-align: center;
	margin-bottom: 20px;
}
.searchbox input{
	margin: 0 auto;
	width: 95%;
	height: 30px;
}
#searchq{
	font-size: 1.5em;
	transition: 0.2s ease-in;
	border-width: 1px;
	opacity: 0.9;
}
#searchq:hover{
	box-shadow: 0px 0px 3px #ccc;
	cursor: pointer;
}
/*
#faq .ui-autocomplete .ui-menu-item{
	color: white;
	z-index: 5;
}
#faq .ui-widget-content {
    border: 1px solid #AAA;
    background: #FFF url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50%;
    color: black;
}
#faq .ui-menu .ui-menu-item{
	position: relative;
	margin: 0px;
	padding: 3px 1em 3px 0.4em;
	cursor: pointer;
	min-height: 0px;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
#faq .ui-autocomplete .ui-menu-item{
	color: #000;
	z-index: 5;
}
#faq .ui-menu {
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
    display: block;
    outline: medium none;
}
#faq .ui-autocomplete {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: default;
}
#faq .ui-helper-hidden-accessible, #faq .ui-helper-hidden-accessible div{
	display: none !important;
}
*/
.fa-caret-down, .fa-caret-up{
	background: none;
	float: right;
}
@media only screen and (min-width: 600px){
	#faq-body .faq-block{
		width: calc(50% - 10px);
	}
	#page-body{
		padding: 15px;
	}
	.question{
		font-size: 1.5em;
	}
	.answer{
		font-size: 1.2em;
	}
}
@media only screen and (min-width: 900px){
	#faq-body .faq-blo2ck{
		width: calc(33% - 10px);
	}
}
@media only screen and (min-width: 1600px){
	#faq-body .faq-block{
		width: calc(25% - 10px);
	}
}
@media only screen and (min-width: 2400px){
	#faq-body .faq-block{
		width: 20%;
	}
}
@media only screen and (min-width: 3200px){
	#faq-body .faq-block{
		width: 16%;
	}
}