/* OS BLOCK: FAQ */



.container.faq {
	padding-top:50px;
	padding-bottom:50px;
	z-index:2;
	position: relative;
}

.container.faq .headingtext p {
	padding-left:10vw;
	padding-right: 10vw;
	margin-bottom: 35px;
}

.container.faq h5 {
	text-align:center;
	font-size:3vw;
	padding-bottom:25px;
}

	.faq-item, .faq-item-control {
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	.faq-item-content { display: none }
	.faq-item-headline { position: relative; padding: 20px 100px 20px 30px;
color:rgba(var(--color-1), 1);
}
	.faq-item { margin: 0 0 30px 0; background: rgba(255,255,255,.9); -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
		box-shadow: 0 0 50px 0 rgba(0,0,0,0.1); border-radius: 28px !important; }
	.faq-container > .faq-item:last-child { margin: 0 0 0 0 }
	.faq-item-control { position: absolute; top: 50%; right: 30px; width: 50px; height: 50px; margin: -25px 0 0 0;  pointer-events: none }
	.faq-item h3 { font-size: 25px !important; font-weight: normal !important;}
	.faq-action { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1000 }
		
		.faq-item-control span { background: #000; position: absolute; }
			.faq-item-control span:first-child { left: 50%; top: 5px; height: 40px; width: 4px; margin: 0 0 0 -2px; display: block  }
			.faq-item-control span:last-child { left: 5px; top: 50%; width: 40px; height: 4px; margin: -2px 0 0 0; display: block }
	
	.faq-item:hover { -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.3); }
		
	.faq-item.faq__active .faq-item-content { display: block }
	.faq-item-content-inner { padding: 0 30px 20px 30px }
	
	.faq-item.faq__active .faq-item-control { -moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);}


.faq__active .faq-item-headline {
	color:rgba(var(--color-1), 1);
}
.faq-item-control span {
	background:rgba(var(--color-1), 1);
}
.faq__active .faq-item-control span {
	background:rgba(var(--color-1), 1);
}


@media only screen and (max-width: 767px) {	
	.container.faq h5 {
		font-size:9vw;
	}
	
	.faq-item h3 {
		font-size: 6vw;
	}
}


.faq-item-content-inner p {
  max-width: 90% !important;
	 box-sizing: border-box !important;
}
.faq-item-content-inner  {
	 box-sizing: border-box !important;
}

.faq-item-content-inner u {
 text-decoration: underline;
	padding-top:20px;
	display: block;
}

.faq-item-content-inner ul li {
	padding:5px 0;
}