.bg-3 {
  background-color: #3881cd; }

.bg-4 {
  background-color: #ff930c; }

.f-simulador .card {
  border-radius: 15px; }
.f-simulador .btn.add-remove {
  width: 30px;
  height: 30px;
  padding: 0px; }

.form-element {
  position: relative; }
  .form-element-hint {
    font-weight: 400;
    font-size: 0.6875rem;
    color: #a6a6a6;
    display: block; }
  .form-element-bar {
    position: relative;
    height: 1px;
    background: #273E74;
    display: block; }
    .form-element-bar::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: #EF6C00;
      height: 2px;
      display: block;
      transform: rotateY(90deg);
      transition: transform 0.28s ease;
      will-change: transform; }
  .form-element-field {
    outline: none;
    height: 2rem;
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 1.6rem;
    border: 0 solid transparent;
    line-height: 1.5;
    width: 100%;
    color: #EF6C00;
    box-shadow: none;
    opacity: 0.001;
    transition: opacity 0.28s ease;
    will-change: opacity;
    font-family: 'Roboto', Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 5px; }
    .form-element-field:-ms-input-placeholder {
      color: #a6a6a6;
      transform: scale(0.9);
      transform-origin: left top; }
    .form-element-field::placeholder {
      color: #a6a6a6;
      transform: scale(0.9);
      transform-origin: left top; }
  .form-element-field:focus ~ .form-element-bar::after {
    transform: rotateY(0deg); }
  .form-element-field:focus ~ .form-element-label {
    color: #337ab7; }

.form-element-field.-hasvalue,
.form-element-field:focus {
  opacity: 1; }

.form-element-field.-hasvalue ~ .form-element-label,
.form-element-field:focus ~ .form-element-label {
  transform: translateY(-100%) translateY(-0.5em) translateY(-2px) scale(0.9);
  cursor: pointer;
  pointer-events: auto; }

input.form-element-field:not(:placeholder-shown),
textarea.form-element-field:not(:placeholder-shown) {
  opacity: 1; }

input.form-element-field:not(:placeholder-shown) ~ .form-element-label,
textarea.form-element-field:not(:placeholder-shown) ~ .form-element-label {
  transform: translateY(-100%) translateY(-0.5em) translateY(-2px) scale(0.9);
  cursor: pointer;
  pointer-events: auto; }

@media (min-width: 768px) {
  .banner-full {
    min-height: 500px; }
    .banner-full.emprestimo-pessoal {
      background-color: #013660; }
    .banner-full.bg-3 {
      background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/b-emprestimo-digital.jpg"); }

  .bg-4 {
    background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/b-emprestimo-loja-fisica.jpg");
    background-position: left center; }

  .bg-5 {
    background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/b-quem-emprestimo.jpg"); } }
@media (min-width: 992px) {
  .emprestimo-pessoal {
    background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/b-emprestimo-pessoal2.jpg"); }

  .bg-2::after, .bg-2::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 130px;
    top: 0; }
  .bg-2::after {
    background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/elements_02.svg");
    right: 0; }
  .bg-2::before {
    background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/elements_1.svg");
    left: 0; } }
@media (max-width: 1365px) {
  .bg-2::before {
    left: -6%; }
  .bg-2::after {
    right: -6%; } }
@media (min-width: 992px) and (max-width: 1770px) {
  .bg-4 {
    background-position-x: 56%; } }
@media (max-width: 605px) {
  .banner-full.emprestimo-pessoal {
    background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/b-emprestimo-pessoal-min-scaled.jpg");
    padding-bottom: 24em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom; }

  .bg-3, .bg-4, .bg-5 {
    background-repeat: no-repeat;
    background-position: bottom; }

  .bg-3 {
    background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/b-emprestimo-digital-min.png");
    padding-bottom: 42em; }

  .bg-4 {
    background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/b-emprestimo-loja-empresta-m.png");
    padding-bottom: 42em;
    background-size: contain; }

  .bg-5 {
    min-height: 965px;
    background-image: url("https://empresta.com.br/wp-content/uploads/2020/12/para-quem-e-o-emprestimo-pessoal-min.jpg"); } }
@media (max-width: 374px) {
  .bg-3 {
    background-size: contain;
    padding-bottom: 30em; }

  .bg-4 {
    padding-bottom: 35em; } }
@media (min-width: 1700px) {
  .banner-full {
    min-height: 640px; } }