#mainContainer {
	margin: 110px auto;
	padding: 40px 15px;
	max-width: 960px;
}

body {
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', sans-serif;
}
p { margin:2em 0;}
.intro {
	font-size: 22px;
	font-weight: 300;
	line-height: 1.4;
	text-transform: uppercase;
}

.introSmall {
	font-size: 18px;
	font-weight: 100;
	color: #00AAAE;
	line-height: 1.2;
}

.wrapBoxContent {
	margin: 40px 0;
}

.cssCollapse-hiddenContent {
	background-color: #AD93E6;
	overflow-y: hidden;
  color:#fff;
	max-height: 0px;
	-webkit-transition: ease-in-out 400ms max-height;
	-moz-transition: ease-in-out 400ms max-height;
	-ms-transition: ease-in-out 400ms max-height;
	-o-transition: ease-in-out 400ms max-height;
	transition: ease-in-out 400ms max-height;
}

.cssCollapse-hiddenContent.is-open {
	max-height: 5000px;
}

.innerText {
	line-height: 1.2;
	padding: 15px;
}

.button {
	display: block;
	background-color: #D870A9;
	border: 1px solid #D870A9;
	font-size: 1em;
	font-weight: 500;
	color: #ffffff;
	clear: both;
	cursor: pointer;
	outline: none;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.button:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.icons {
	font-family: "rich-icons";
	src: url("../fonts/rich-icons.eot");
	src: url("../fonts/rich-icons.eot?#iefix") format("embedded-opentype"),
		url("../fonts/rich-icons.woff") format("woff"),
		url("../fonts/rich-icons.ttf") format("truetype"),
		url("../fonts/rich-icons.svg#rich-icons") format("svg");
	font-weight: normal;
	font-style: normal;
}

.icon-add:before {
	content: "'";
}

.icon-add-fill:before {
	content: "%";
}

.icon-minus:before {
	content: "(";
}

.icon-minus-fill:before {
	content: "&";
}