/* FAQ */
section { padding: 30px 0px; }

.faq { width:100%; height: auto; margin: 0px 0px 30px 0px; position: relative; clear: both; display: inline-block; }
.faq ul { display: none; width: 100%; height: auto; position: relative; clear: both; margin: 0px 0px 20px 0px; list-style: none; text-align: center; }
.faq ul li { cursor: pointer; padding: 15px 20px; margin-bottom: 5px; overflow: hidden; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); height: auto; position: relative; clear: both; border-bottom: 1px solid #f4f6f8; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.faq ul li .dc { width: 100%; height: auto; text-align: left; color: #1a1a1a; font-size: 18px; font-family: 'Poppins'; font-weight: 400; line-height: 22px; }
.faq ul li .dc i { float: right; color: #b8b8b8; font-size: 12px; line-height: 22px; visibility: hidden; opacity: 0; -moz-transition: visibility 0s, opacity 0.5s linear; -o-transition: visibility 0s, opacity 0.5s linear; -webkit-transition: visibility 0s, opacity 0.5s linear; transition: visibility 0s, opacity 0.5s linear; }
.faq ul li .resposta { display: none; width: 100%; height: auto; padding: 20px 0px 0px 0px; font-family: 'Poppins'; color: #767676; font-size: 13px; font-weight: 300; text-align: left; margin: 0px 0px 5px 0px; }
.faq ul li .resposta img { float: left; width: auto; max-width: 300px; padding: 0px 20px 0px 0px; }
.faq ul li .resposta u { text-decoration: underline; }
.faq ul li:hover { background-color: #f4f6f8; }
.faq ul li:hover i { visibility: visible; opacity: 1; }
.faq .faq_titulo { cursor: pointer; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); height: auto; background-color: #f4f4f4; position: relative; font-family: 'Poppins'; padding: 15px 20px; color: #00aaff; text-align: left; font-size: 24px; font-weight: 600; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; margin: 0px 0px 10px 0px; }
.faq .faq_titulo:hover,
.faq .faq_titulo.ativo { background-color: #eaeaea; padding-left: 30px; padding-right: 10px }

@media screen and (max-width: 1150px) {
	section { padding: 80px 0px 150px 0px; }
	.faq { width: 94%; margin: 0px 3% 30px 3%; }
	.titulo_divisao { padding: 30px 0px 0px 0px; }
	.faq .faq_titulo { font-size: 18px; letter-spacing: 2px; font-weight: 600; }
}