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

.faq { width:100%; height: auto; margin: 10px 0px 30px 0px; position: relative; clear: both; display: inline-block; }
.faq ul { 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; margin-bottom: 5px; overflow: hidden; width: calc(100% - 30px); height: auto; position: relative; clear: both; }
.faq ul li .dc { width: 100%; height: auto; text-align: left; color: var(--cor-texto); font-size: 18px; font-family: var(--fonte-padrao); font-weight: 700; line-height: 22px; }
.faq ul li .dc i { float: right; color: var(--cor-texto); font-size: 14px; 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 { width: 100%; height: auto; padding: 5px 0px 10px 0px; font-family: var(--fonte-padrao); color: var(--cor-texto); font-size: 14px; font-weight: 400; 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:hover i { visibility: visible; opacity: 1; }
.faq .faq_titulo { padding: 15px 20px; background-color: #ffffff; cursor: pointer; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); height: auto; position: relative; font-family: var(--fonte-padrao); color: var(--cor-primaria); margin: 10px 0px; font-size: 18px; line-height: 18px; font-weight: 700; -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: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }
.faq .faq_titulo:hover, .faq .faq_titulo.ativo { padding: 15px 10px 15px 30px; }
.faq .faq_titulo i { float: right; width: 20px; color: var(--cor-secundaria); font-size: 14px; line-height: 22px; text-align: center; }

@media screen and (max-width: 1100px) {
	.faq { width:94%; margin: 30px 3%; }
}