.accordion_container {
	
}
p + .accordion_container {
	margin-top: 2em;
}
.accordion_container.with_icon {
	margin: 3em 0;
}
.accordion_container .wrapper{
    border-bottom: 1px solid #333;
}
.accordion_container .accordion_content {
	border: 1px solid transparent;
	padding: 1em;
	position: relative;
	opacity: 0;
	left: 2em;
}
.accordion_container .trigger {
	cursor: pointer;
}
.accordion_container .title.trigger {
	position: relative;
	padding-left: 1.4em;
	padding-left: 4rem;
	padding: 1em 0;
}
.accordion_container .title.trigger {
	position: relative;
	padding-left: 1.4em;
	padding-left: 3em;
}
.accordion_container .fixed_content { 
	padding-left: 1em;
}
.accordion_container .title.trigger:before {
	content: "\f055";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.8em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0.5em;
    line-height: 0.8em;
    color: #7d06a4;
}
.accordion_container .title.trigger.active:before {
	content: "\f056";
	color: #fff;
}
.accordion_container .icon.with_bg {
	color: #fff;
}
.accordion_container.with_icon .icon {
	box-sizing: border-box;
	float: left;
	width: 4em;
	height: 4em;
	text-align: center;
	padding: 1em 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.accordion_container.with_icon .icon:before {
	font-size: 2em;
}
.accordion_container.with_icon .wrapper {
	float: right;
	width: calc(100% - 4em);
	box-sizing: border-box;
	padding-left: 1em;
}
#template .accordion_container h1:first-child,
#template .accordion_container h2:first-child,
#template .accordion_container h3:first-child,
#template .accordion_container h4:first-child,
#template .accordion_container h5:first-child,
#template .accordion_container h2:first-child,
#template .accordion_container p:first-child,
#template .accordion_container a.btn {
	margin-top: 0;
}
#template .accordion_container h1.title,
#template .accordion_container h2.title,
#template .accordion_container h3.title,
#template .accordion_container h4.title,
#template .accordion_container h5.title,
#template .accordion_container h2.title,
#template .accordion_container p.title {
	margin-bottom: 0px;
	font-size: 1.25em;
}
.accordion_container .title {
}
.accordion_content_container {
	overflow: hidden;
	height: 0;
	opacity: 0;
	width: 100%;
}
.accordion_btn .fa {
	width: 1em;
	text-align: center;
}
#template .accordion_container.without_icon .active.title,
#template .accordion_container.without_icon .active.title:hover {
	color: #fff;
}
.trigger.title.active{
	background-color: #7d06a4;
}

@media only screen and (orientation : landscape), (min-width : 768px) and (orientation : portrait) {
	
	#full .accordion_container.with_icon:first-child {
		margin-top: 0;
	}
	.accordion_container .accordion_content {
		padding-left: 1.5em;
	}
	.accordion_container .title.trigger {
		padding-left: 5rem;
	}
	.accordion_container .fixed_content { 
		padding-left: 1.6em;
	}
}
@media only screen and (min-width : 992px) {
	.accordion_container .accordion_content {
		padding-left: 1.75em;
		padding-top: 1.5em;
	}
} 
@media only screen and (min-width : 1200px) {
	
} 
@media only screen and (min-width : 1400px) { 
}
@media only screen and (min-width : 1800px) { 
}
@media only screen and (min-width : 2000px) {
}
.no-mediaqueries .accordion_content_container {
	width: 100% !important;
}