p
{
	margin: 0;
}

a
{
	cursor: pointer;
}

.hidden
{
	display: none !important;
}

div#nav-container
{
	display: none;
}

button.back_button
{
	display:none;
}

div.mobile-faq-section
{
	display: none;
}

a.mobile-faq-link
{
	display: none;
}

a.faq-mailto:link
{
	color: #FF9100;
}

a.faq-mailto:visited
{
	color: #FF9100;
}

ul.faq-list
{
	list-style-type: initial;
	width: 95%;
	margin: 2% 0 2% 5%;
}

ul.faq-list li
{
	padding-left: 2%;
}

div#support-container
{
	background-image: url(../img/photo/support.jpg);
	background-attachment: fixed;
}

div#support-inner
{
	padding: 4% 0 4% 0;
}

/* FAQ Container */
div#faq-page-container
{
	/* Blue Grey 500 */
	color: #607D8B;
	background-color: #FAFAFA;
}

div#faq-page-inner
{
	width: 80%;
	margin: 0 auto;
	padding: 5% 0 8% 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

div.faq-card
{
	display: block;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.12);
	background-color: #FFF;
}

/* Page */
div#faq-page-card
{
	width: 75%;
}

p.faq-heading
{
	width: 84%;
	font-size: 20pt;
	margin: 0 8%;
	padding: 4% 0 2% 0;
	color: #263238;
}

div.faq-section
{
	border-bottom: 1px solid #FAFAFA;
}

div.faq-section:last-child
{
	border: none;
	padding-bottom: 4%;
}

div.faq-question
{
	margin: 2% 0;
}

a.acc-link
{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

a.acc-link > img
{
	display: inline-block;
	width: 3%;
	margin: 0 2.5%;
}

a.acc-link > p
{
	display: inline-block;
	font-size: 16pt;
	width: 84%;
	overflow-wrap: break-word;
	color: #263238;
}

div.faq-answer
{
	display: none;
	width: 84%;
	margin-left: 8%;
	padding: 2% 0 2% 0;
	font-size: 14pt;
	border-top: 1px solid #FAFAFA;
	line-height: 2;
}

div.faq-answer.open
{
	display: block;
}

h2.mobile-faq-header
{
	display: none;
	font-size: 16pt;
	font-weight: lighter;
	width: auto;
	margin: auto;
	margin: 1% 0;
	overflow-wrap: break-word;
	color: #263238;
}

div.faq-body
{
	display: block;
	width: 84%;
	margin-left: 8%;
	padding: 2% 0 2% 0;
	font-size: 14pt;
	border-top: 1px solid #FAFAFA;
	line-height: 2;
}

div.faq-sub-heading
{
	display: inline-block;
	margin: 2% 8%;
	font-size: 16pt;
	width: 100%;
	overflow-wrap: break-word;
	color: #263238;
}

div.faq-body:first-child
{
	border: none;
}

/* Navigation */
div#faq-nav-card
{
	width: 24%;
	margin-left: 1%;
	height: auto;
	-webkit-align-self: flex-start;
	align-self: flex-start;
}

li.faq-nav-li
{
	border-bottom: 1px solid #FAFAFA;
}

ul#faq-nav-list-sub
{
	display: none;
	height: 0;
	width: 84%;
	margin-left: 10%;
	padding: 2% 0 2% 0;
	font-size: 14pt;
	line-height: 2;
}

ul#faq-nav-list-sub.open
{
	display: block;
	height: auto;
}

span.faq-nav-tab
{
	display: inline-block;
	width: 2%;
	padding: 5% 0;
	background-color: #ECEFF1;
}

span.faq-nav-tab.active
{
	background-color: #FFAB00;
}

a.faq-nav-link
{
	display: inline-block;
	width: 82%;
	padding: 5% 8%;
	font-size: 12pt;
	color: #263238;
}

a.faq-nav-link:visited
{
	color: #546E7A;
}

a.faq-nav-link:active
{
	color: #546E7A;
}

a.faq-nav-link-sub
{
	display: inline-block;
	width: 70%;
	padding: 5% 0;
	font-size: 12pt;
	color: #B0BEC5;
}

a.faq-nav-link-sub:visited
{
	color: #B0BEC5;
}

a.faq-nav-link-sub.active
{
	color: #607D8B;

}

/*** Responsive ***/
@media only screen
and (max-width: 1200px)
{
	div#nav-container
	{
		display: block;
	}

	div.mobile-faq-section
	{
		display: block;
	}

	div#mobile-faq-main
	{
		margin: 0;
		margin-bottom: 2%;
	}

	a.mobile-faq-link
	{
		display: block;
		padding: 5% 0;
		width: auto;
		color: #263238;
		border-bottom: 1px solid #FAFAFA;
	}

	a.mobile-faq-link:last-child
	{
		border-bottom: none;
		padding-bottom: 0;
	}

	a.mobile-faq-link:visited
	{
		color: #263238;
	}

	a.mobile-faq-link:active
	{
		background-color: #FAFAFA;
	}

	h2.mobile-faq-header
	{
		display: block;
		font-weight: lighter;
	}

	div.faq_header
	{
		display: flex;
	  	justify-content: center;
	  	align-items: center;
	}

	button.back_button
	{
		display:inline-block;
		position: relative;
		cursor: pointer;
		min-height: 36px;
		min-width: 88px;
		line-height: 36px;
		vertical-align: middle;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		text-align: center;
		border-radius: 2px;
		box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		outline: none;
		border: 0;
		padding: 0 6px;
		margin: 6px 8px;
		background: transparent;
		color: currentColor;
		white-space: nowrap;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 14px;
		font-style: inherit;
		font-variant: inherit;
		font-family: inherit;
		text-decoration: none;
		overflow: hidden;
		-webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
		transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
		color: #607D8B;
		background-color: #FAFAFA;
	}

	button.back_button:visited
	{
		color: #607D8B;
	}

	button.back_button:active
	{
		background-color: #F5F5F5;
	}

	div#faq-nav-card
	{
		display: none;
	}

	div#faq-page-container
	{
		background-color: #FFF;
	}

	div#faq-page-inner
	{
		padding: 3% 0 5% 0;
	}

	div#faq-page-card
	{
		width: 100%;
		box-shadow: none;
	}

	p.faq-heading
	{
		width: 100%;
		margin: 0;
	}

	div.faq-question
	{
		margin: 4% 0;
	}

	a.acc-link > img
	{
		width: 4%;
		margin: 0 2% 0 0;
	}

	a.acc-link > p
	{
		width: 94%;
	}

	div.faq-answer
	{
		width: 94%;
		margin-left: 6%;
		padding: 4% 0 4% 0;
	}
}

/*** Mobile Portrait ***/
@media only screen
and (max-device-width: 992px)
and (orientation: portrait)
{
	p.faq-heading
	{
		font-size: 16pt;
		font-size: 5.7vw;
	}

	div.faq-question
	{
		margin: 8% 0;
	}

	a.acc-link > img
	{
		width: 6%;
		margin-right: 4%;
	}

	a.acc-link > p
	{
		width: 90%;
		font-size: 12pt;
		font-size: 4.2vw;
	}

	div.faq-answer
	{
		width: 90%;
		margin-left: 10%;
		font-size: 10pt;
		font-size: 3.6vw;
		padding: 8% 0 8% 0;
	}

	a.mobile-faq-link
	{
		display: block;
		width: auto;
		color: #263238;
		border-bottom: 1px solid #FAFAFA;
	}

	a.mobile-faq-link:last-child
	{
		border-bottom: none;
	}

	a.mobile-faq-link:visited
	{
		color: #263238;
	}

	a.mobile-faq-link:active
	{
		background-color: #FAFAFA;
	}

	h2.mobile-faq-header
	{
		display: block;
		font-size: 12pt;
		font-size: 4.2vw;
		font-weight: lighter;
	}

	button.back_button
	{
		font-size: 10pt;
		font-size: 3.6vw;
	}
}

/*** Mobile Landscsape ***/
@media only screen
and (max-device-width: 992px)
and (orientation: landscape)
{
	a.mobile-faq-link
	{
		display: block;
		width: auto;
		color: #263238;
		border-bottom: 1px solid #FAFAFA;
	}

	a.mobile-faq-link:last-child
	{
		border-bottom: none;
	}

	a.mobile-faq-link:visited
	{
		color: #263238;
	}

	a.mobile-faq-link:active
	{
		background-color: #FAFAFA;
	}

	h2.mobile-faq-header
	{
		display: block;
		font-weight: lighter;
	}

	div#faq-nav-card
	{
		display: none;
	}

	div#faq-page-container
	{
		background-color: #FFF;
	}

	div#faq-page-inner
	{
		padding: 3% 0 5% 0;
	}

	div#faq-page-card
	{
		width: 100%;
		box-shadow: none;
	}

	p.faq-heading
	{
		font-size: 16pt;
		font-size: 3.2vw;
	}

	div.faq-question
	{
		margin: 4% 0;
	}

	a.acc-link > img
	{
		width: 4%;
		margin: 0 2% 0 0;
	}

	a.acc-link > p
	{
		width: 94%;
	}

	div.faq-answer
	{
		width: 94%;
		margin-left: 6%;
		padding: 4% 0 4% 0;
	}
}