/* ***************************************************************** */
/* Product: Global
/* Updated: 22/08/2019
******************************************************************** */
/* faq - main content ~ question outline */
[id^="faqpage"] [data-role="faq"] {
	border-radius: 6px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
	background-color: #fff;
	margin: 2em auto;
	padding: 2.5em 3em
}
/* faq - main content ~ headline */
[id^="faq"] h3 {
	font-size: 1.5em !important;
	font-weight: 400 !important;
	padding: 0;
	margin: 0
}
/* faq - main content ~ question title */
[id^="faq"] .faqTitle {
	font-size: 1.2em;
	font-style: italic;
	font-weight: 700;
	line-height: 1.7em
}
/* faq - main content ~ question text */
[id^="faq"] p, [id^="faq"] p em {
	font-size: 1em;
	line-height: 1.7em;
	margin: 0 0 1em 0
}
[id^="faq"] .ui-collapsible-content p:last-child, [id^="faq"] .ui-collapsible-content p:last-child em {
	margin: 0
}
[id^="faq"] .faq-title {
    margin: 10px 0;
    display: inline-block;
    font-size: 28px;
    font-weight: 400 !important;
    width: 100%;
}
[id^="faq"] .faq-title div {
    float: left;
}
[id^="faq"] .faq-title button {
    float: right;
    margin: 0;
	min-width: 8em;
    padding: 8px 16px;
}
[id^="faq"] [data-role="main"] {
	padding: 20px 0;
	margin: auto;
	max-width: 1264px !important
}
[id^="faq"] .ui-btn-icon-left, [id^="faq"] .ui-btn-icon-left:hover {
	padding: 0.3em 0;
	background-color: #fff;
	color: #333;
	font-size: .8em;
	font-style: italic;
	border: none;
	line-height: 1.7em;
}
[id^="faq"] .ui-collapsible-inset .ui-collapsible-content {
	margin: 0 0 0 2em;
    border: none;
    padding: 0;
    max-width: 700px;
}
[id="faqpage1"] .ui-btn-icon-left:after {
	display: nonex;
}
[id="faqpage1"] .ui-collapsible-content {
	padding: 0;
}
[id^="faq"] .ui-collapsible-heading .ui-btn {
	text-align: left;
	margin: 0;
	border: none !important;
	border-right-width: 0;
	background-color: #fff !important;
	color: #333 !important;
	font-size: .8em;
}
[id^="faq"] .ui-collapsible-heading .ui-btn:hover {
	color: #962D91 !important;
}
[id^="faq"] .ui-btn-icon-left:after, [id^="faq"] .ui-btn-icon-right:after, [id^="faq"] .ui-btn-icon-top:after, [id^="faq"] .ui-btn-icon-bottom:after, [id^="faq"] .ui-btn-icon-notext:after {
	background-color: #a3a3a3;
	background-color: rgba(163, 163, 163, 0.7);
	background-color: rgb(150, 45, 145, .7);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	left: 0;
}
[id^="faq"] .ui-btn-icon-left:hover:after, [id^="faq"] .ui-btn-icon-right:hover:after, [id^="faq"] .ui-btn-icon-top:hover:after, [id^="faq"] .ui-btn-icon-bottom:hover:after, [id^="faq"] .ui-btn-icon-notext:hover:after {
	background-color: rgb(150, 45, 145, 1);
}
[id^="faq"] .Q-text {
	font-weight: 500;
	padding-left: 1.6em;
}
[id^="faq"] .ui-collapsible-inset, [id^="faq"] .ui-collapsible-set {
	margin: .5em 0 0 0;
}
[id^="faq"] .content-wrapper {
	margin: 1em 60px;
}
@media only screen and (min-width: 315px) and (max-width: 737px) {
	/* faq - main content ~ question outline */
	[id^="faqpage"] [data-role="faq"] {
		margin: 1em
	}
	[id^="faqpage"] [data-role="main"] {
		padding: 0px !important
	}
}
@media only screen and (min-width: 737px) and (max-width: 1082px) {
	[id^="faqpage"] [data-role="main"] {
		padding: 20px;
	}
	[id="faqpage1"] .faq-title {
		margin: 0 2em;
	}
}