/* FAQ */
.lista_vagas {
  max-width: 1024px;
  margin: 0 auto 80px auto;
  padding: 0;
  list-style: none;
}
.lista_vagas li {
  margin: 0;
  padding: 0;
}
.lista_vagas li h4 {
  font-size: 13px;
  padding: 15px 66px 15px 15px;
  margin: 10px 0;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
  position: relative;
  border: 1px #d7d7d7 solid;
}
@media only screen and (min-width: 992px) {
  .lista_vagas li h4 {
    font-size: 18px;
    padding: 15px 25px;
  }
}

.lista_vagas li h4 span {
  display: inline-flex;
  align-items: center;
  padding: 0 1rem;

  background: #fd8103;
  color: #fff;
  font-weight: normal;

  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #f77c00;
  border-radius: 0 5px 5px 0;

  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
}

.lista_vagas li h4 .icon-arrow {
  width: 23px;
  height: 23px;
  display: inline-block;
  margin: 0 0 0 .8rem;
  
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2210.391px%22%20height%3D%225.109px%22%20viewBox%3D%220%200%2010.391%205.109%22%20enable-background%3D%22new%200%200%2010.391%205.109%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.195%2C4.854c-0.11%2C0-0.221-0.036-0.313-0.109l-4.5-3.6c-0.215-0.173-0.25-0.487-0.078-0.703%0D%0A%09%09c0.173-0.215%2C0.487-0.25%2C0.703-0.078l4.188%2C3.35l4.188-3.35C9.6%2C0.192%2C9.914%2C0.228%2C10.086%2C0.442%0D%0A%09%09c0.172%2C0.216%2C0.138%2C0.53-0.078%2C0.703l-4.5%2C3.6C5.416%2C4.818%2C5.306%2C4.854%2C5.195%2C4.854z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.lista_vagas li.ativo h4 .icon-arrow {
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.lista_vagas li > span {
  display: none;
  padding: 10px 20px;
  margin: 0 0 20px;
  background: #fbfbfb;

  font-size: 14px;
  color: #707070;
  
  position: relative;
  opacity: 0;
}
@media only screen and (min-width: 1200px) {
  .lista_vagas li > span {
    font-size: 16px;
  }
}

.lista_vagas li.ativo > span {
  display: block;
  opacity: 1;
}

.top-container {
  margin-top: 3rem;
  margin-bottom: 4rem;
}

.bottom-container h3 {
  max-width: 1024px;
  margin: 0 auto 1.4rem;
  color: #fd8103;
}