/*********************************************************************************************

How to Create CSS3 Content Accordion [Tutorial]
"How to Create CSS3 Content Accordion" that was specially made for DesignModo by our friend Valeriu Timbuc.

Links: 
http://vtimbuc.net/
http://codecanyon.net/user/downv/portfolio?ref=downv
https://twitter.com/vtimbuc
http://designmodo.com/futurico
http://vladimirkudinov.com
http://rockablethemes.com

 *********************************************************************************************/

.accordion,.accordion div,.accordion h1,.accordion p,.accordion a,.accordion img,.accordion span,.accordion em,.accordion ul,.accordion li {
	margin: 0;
	padding: 0;
	border: none;
}

/* Accordion Layout Styles */

.accordion {
	width: 100%;
	padding:0;
}

.accordion .tab {
	display: block;
	width:100%;
	padding:20px 20px 20px 35px;
	font-size:14px;
	text-decoration: none;
	color: #777;
	background:url(/images/btn/icon-faq-q.png) no-repeat;
	background-position:left center;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	cursor:pointer;
}

.accordion .tab:hover,
.accordion div.active .tab {
	color: #2b3b06;
}

.accordion div .content {
	display: none;
	width:100%;
	margin:0;
	padding:35px;
	box-sizing:border-box;
	border-top:1px solid #db0b0b;
	border-bottom:1px solid #db0b0b;
}
/* Accordion Content Styles */
.accordion .content-box {
	display:inline-block;
	width:100%;
	margin:0;
	padding:0;
}
.accordion .content-box > h1 {
	float:left;
	display:block;
	width:32px;
	height:32px;
	background:url(/images/btn/icon-faq-a.png) no-repeat;
}

.accordion .content-box > div {
	float:right;
	display:block;
	padding:20px;
	line-height:1.5;
	font-size:14px;
	color:#555;
	background:#f1f1f1;
	box-sizing:border-box;
}
@media all and (max-width:767px) {
	.accordion .tab {
		display: block;
		width:100%;
		padding:10px 10px 10px 25px;
		font-size:10px;
		text-decoration: none;
		color: #777;
		background:url(/images/btn/icon-faq-q.png) no-repeat;
		background-position:left center;
		background-size:20px;
		border-bottom:1px solid #ddd;
		box-sizing:border-box;
		cursor:pointer;
	}

	.accordion div .content {
		display: none;
		width:100%;
		margin:0;
		padding:5px;
		box-sizing:border-box;
		border-top:1px solid #db0b0b;
		border-bottom:1px solid #db0b0b;
	}
	.content-box > div {width:100% !important;}
	.accordion .content-box > h1 {
		float:none;
		display:block;
		width:20px;
		height:20px;
		background:url(/images/btn/icon-faq-a.png) no-repeat;
		background-size:20px;
	}
	.accordion .content-box > div {
		float:none;
		display:block;
		margin:5px 0 0;
		padding:10px;
		line-height:1.5;
		font-size:10px;
		color:#555;
		background:#f1f1f1;
		box-sizing:border-box;
	}
}