
.accordion {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 30px;
	}

.accordion__item {
	display: block;
	width: 100%;
	
	
	&:last-child {
	margin-bottom: 0; }
	}

.accordion__title {
	background: #f8f8f8 url("../img/a_conexao/seta-acordion2.png") right center no-repeat;
	display: block;
	position: relative;
	height: 42px;
	line-height: 42px;
	padding: 0px 50px 0 2px;
	font-size: 16px;
	font-weight: 500;
	color: #ee7003;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #ee7003;
	overflow: hidden;
	cursor:  pointer;
	transition: background-color .2s;

	&:hover {
	background-color: #fafafa; }

	&.active {
	background: hsl(95,70%,90%);
	
		& .x7 {
	transform: rotate(-90deg);
		
		& .btop {
	width: 67%;
	top: 2px;
	transform: translateY(-50%) rotate(-45deg);
	transform-origin: 50% 50%; }
		& .bmid {
	opacity: 0; }
		& .bbot {
	width: 67%;
	bottom: 2px;
	transform: translateY(50%) rotate(45deg);
	transform-origin: 50% 50%; }}}
	}

.accordion__content {
	display: none;
	position: relative;
	overflow: hidden;
	border-top: none;
	line-height: 1.9;
	font-size: 16px;
	font-weight:400;
	color: #060606;
	padding-top: 10px;
	margin-bottom: 20px;
	}

.accordion__content span {
	display:block;
	margin-bottom:15px;
	line-height:1.2;
}

.accordion__title.active {
	background: #f8f8f8 url("../img/a_conexao/seta-acordion.png") right center no-repeat;
}

// --- Icon ---
.bmenu { 
	width: 26px; 
	height: 16px; 
	display: block; 
	position: absolute;
	right: 15px;
	top: 12px; }


.btop {
	width: 40%; }

.bmid {
	width: 60%; }

.bbot {
	width: 80%; }

.x7 {
	transition: transform .3s ease-out;
	transform-origin: 60% 75%;
	
	& .btop {
		top: 0;
		transition: width .3s, transform .3s, top .0s;
		transition-timing-function: ease-out; }

	& .bmid {
		top: calc(50% - 1px);
		transform-origin: 100% 50%;
		transition: opacity .1s;
		transition-timing-function: ease-out; }

	& .bbot {
		bottom: 0;
		transition: width .3s, transform .3s, bottom .0s;
		transition-timing-function: ease-out; }}


@media screen and (max-width:900px) {
	.accordion__title {
		font-size:14px!important;
	}
}