// FAQ
.faq{
	margin: 0 0 30px 0;
	padding: 0;
	list-style-type: none;
}

.faq-item{
	border-bottom: 1px solid @color_grey-light;
	margin-bottom: 20px;

	&:last-child{
		border-bottom: 0;
	}
}

.faq-question{
	.fz(20);
	line-height: 1.4;
	padding: 10px 30px 10px 0;
	cursor: pointer;
	position: relative;

	&:before{
		display: block;
		content: '\f107';
		position: absolute;
		right: 0;
		margin-top: -16px;
		top: 50%;
		font-family: @icons;
	}

	&.active:before{
		content: '\f106';
	}
}

.faq-answer{
	padding: 0 0 30px 0;
	display: none;
}

.faq-keyword{
	color: @color_blue;
}

.faq-filter{
	border-bottom: 1px solid @color_grey-light;
	margin-bottom: 12px;
	border-radius: 3px;
	position: relative;
	padding-left: 30px;

	&:before{
		position: absolute;
		content: "\f002";
		display: block;
		font-family: @icons;
		left: 0px;
		top: 2px;
		color: #A9A9B1;
		font-size: 16px;
		line-height: 49px;
		padding: 0 1px;
		background-color: white;
	}


	input{
		width: 100%;
		border: none;
		display: block;
		line-height: 33px;
		padding: 10px 0;
		outline: none;
		font-weight: @font_light;
		.fz(20);

		.placeholder({
			font-weight: @font_light;
		});
	}
}


// FAQ-GRID
.faq-grid{
	margin-bottom: 30px;
}

.faq-grid-question{
	margin-bottom: 15px;
	.fz(20);
}

.faq-grid-answer{
	color: @color_grey-dark;
	line-height: 1.7;
}

.faq-grid-show-more{
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	color: @color_blue;
	border: 1px solid @color_blue;
	padding: 0 20px;
	border-radius: 25px;
	line-height: 40px;
	font-weight: @font_normal;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 30px 0;

	i{
		font-size: 14px;
		margin-left: 6px;
		margin-right: -2px;
	}

	&:hover{
		text-decoration: none;
	}
}

.media-mixin(@break) when (@break = @break-small) {
	.faq-grid{
		padding: 0 15px;
	}
}