.accordion {
	padding: 10px 0px;
	clear: both;
}
.accordTitle, .textMain .accordTitle {
	padding: 0px;
	margin: 0 0 13px 0px;
	letter-spacing: 1px;
	position: relative;
	cursor: pointer;
	background: #e8e8e8;
	border-radius: 8px;
	font: 800 18px/18px "Montserrat", sans-serif;
}
.accordTitle.showAccord, .textMain .accordTitle.showAccord {
	background: #000;
	text-transform: uppercase;
	color: #fff;
}
.accordTitle.showAccord, .textMain .accordTitle.showAccord a {
	color: #fff;
}
.accordTitle::after, .textMain .accordTitle::after {
	font-family: 'fontello';
	position: absolute;
	right: 24px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.accordTitle::after, .textMain .accordTitle::after {
	content: '\e80b';
	color: #000;
}
.accordTitle.showAccord::after, .textMain .accordTitle.showAccord::after {
	content: '\e80c';
	color: #fff;
}
.accordTitle a, .textMain .accordTitle a {
	display: inline-block;
	padding: 14px 10px 14px 30px;
	color: #000;
}
.accordTitle.showAccord a, .textMain .accordTitle.showAccord a {
	color: #fff;
}
.accordTitle a:hover, .textMain .accordTitle a:hover {
	text-decoration: none;
}
.accordContent, .textMain .accordContent {
	display: none;
	padding: 10px 10px 20px 30px;
	font: 400 16px/30px "Montserrat", sans-serif;
}
@media screen and (max-width: 640px) {
.accordTitle a, .textMain .accordTitle a {
	padding: 14px 45px 14px 17px;
}
}
@media screen and (max-width: 590px) {
.accordTitle, .textMain .accordTitle {
	font: 800 16px/20px "Montserrat", sans-serif;
	letter-spacing:0;
}

.accordContent, .textMain .accordContent {
	padding: 10px 10px 20px 10px;
}
}