@import url(css/font-awesome.min.css);

.accordion {
	overflow: hidden;
	margin: 20px 5px;
}
.accordion h3 {
	margin: 0;
	margin-top: 5px;
	padding: 10px;
	font-size: 18px;
	color: #1F1F1F;
	border: 1px solid #f1f1f1;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 39%, rgba(241,241,241,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 39%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 39%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 39%,rgba(241,241,241,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 39%,rgba(241,241,241,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
.accordion h3 a,
.accordion h3 a:hover {
	display: block;
	overflow: hidden;
	color: #000;  
	margin: 0;
	text-decoration: none;
	font-weight: 400;
}
.accordion h3.open {
	
}
.accordion h3:target + .collapse-contentblock {
	background-color: rgba(20, 156, 166, 0.05);
}
.accordion .collapse-contentblock {
	padding: 10px 10px 0 10px;
	border: 1px solid #f1f1f1;
	border-top: none;
	background-color: #FFFFFF;
}
/* Pre hide sections with JavaScript on --- */
.accordion .collapse-contentblock {
	display: none;
}




/*==============================================   Toggle icons   ==========================================*/

.accordion h3::before {
	font-family: 'FontAwesome';
	src: url('../font/fontawesome-webfont.eot?v=3.0.1');
	src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
	url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
	url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
	display: block;
	float: left;
	width: 30px;
	margin: 0 15px 0 0;
	padding: 3px 0 0 15px;
	font-style: normal;
	font-weight: normal;
	color: #149CA6;
}

/*---------------------------------------- Plus/Minus (default) -----------------------------------------*/
.accordion h3::before { 
	content: "\f067"; /*plus icon*/
}
.accordion h3.open::before { 
	content: "\f068"; /*minus icon*/
}
/*---------------------------------------- Chevron Right/Chevron up -----------------------------------------*/
.accordion.chevrons h3::before { 
	content: "\f054"; /*chevron right*/
}
.accordion.chevrons h3.open::before { 
	content: "\f078"; /*chevron down*/
}
/*---------------------------------------- Plus sign/Minus sign -----------------------------------------*/
.accordion.signs h3::before { 
	content: "\f055"; /*icon minus sign*/
}
.accordion.signs h3.open::before { 
	content: "\f056"; /*icon plus sign*/
}
/*---------------------------------------- Caret right/Caret up -----------------------------------------*/
.accordion.carets h3::before { 
	content: "\f0da"; /*icon minus sign*/
}
.accordion.carets h3.open::before { 
	content: "\f0d7"; /*icon plus sign*/
}
/*---------------------------------------- Circle arrow right/Circle arrow up -----------------------------------------*/
.accordion.circle-arrows h3::before { 
	content: "\f0a9"; /*icon circle arrow right*/
}
.accordion.circle-arrows h3.open::before { 
	content: "\f0ab"; /*icon circle arrow down*/
}