html { font-family: "Helvetica", sans-serif; height: 100% }
body.page-form { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.wrapperFull { width: 100%; max-width: 1250px; margin: 0 auto }
.wrapperMin { width: 100%; max-width: 900px; margin: 0 auto }

a,a:hover { text-decoration: none; transition: .2s }

.font-16 { font-size: 16px; line-height: 21px;; color: #4d4d4d }
.tit-card { font-weight: 600; color: #211858; display: block; margin-bottom: 16px; }

.hero-page-form { width: 100%; height: 280px; display: block; background: url(../img/header-page-form.jpg) no-repeat center; background-size: cover; position: relative; }
.hero-page-form .content { position: sticky; z-index: 1; padding: 12px 0; box-sizing: border-box; height: 100% }
.hero-page-form .mascara { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4) }
.hero-page-form .logoHeader { width: 100%; max-width: 150px; }
.hero-page-form .barTit { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.hero-page-form .barTit .title { color: #fff; font-size: 34px; line-height: 34px; font-weight: 300 }

.page-form .bar-card { margin: 30px 0; padding: 30px; box-sizing: border-box; width: 100%; background: #cacaca4d; opacity: 0.9; transition: .2s }
.page-form .bar-card:hover { opacity: 1; transition: .2s }
.bar-card .bar-btCTA { display: flex; justify-content: flex-end; padding: 10px 0 0 0; }
.bar-card .btn_link { display: flex; justify-content: center; align-items: center; height: 40px; background: #593EFF; color: #fff; border-radius: 4px; padding: 0 20px; box-sizing: border-box; border: 0; font-size: 14px }
.bar-card .btn_link:hover { background: #3C25CB }
.page-form .bar-card p { display: block; margin-bottom: 16px }
.page-form .bar-card p strong { font-weight: 700 }

.page-form .bar-form { margin: 30px 0; padding: 30px; box-sizing: border-box; width: 100%; background: #FAFAFA }
.page-form .bar-form fieldset { margin-bottom: 2px; padding: 10px; box-sizing: border-box; border-radius: 4px; transition: .2s }
.page-form .bar-form fieldset:hover { background: #F3FAEE; transition: .2s }
.page-form .bar-form fieldset.cta { display: flex; justify-content: flex-end; }
.page-form .bar-form label { font-size: 14px; display: block; color: #333; font-weight: 700; margin-bottom: 8px; padding: 0 10px; }
.page-form .bar-form input, .page-form .bar-form select,.page-form .bar-form input, .page-form .bar-form textarea { width: 100%; border: 0; height: 40px; padding: 8px; font-size: 16px; box-sizing: border-box; border-bottom: solid 1px #192a5650; background: none; transition: .2s }
.page-form .bar-form textarea { height: 120px; font-family: "Helvetica", sans-serif; }
.page-form .bar-form input:focus, .page-form .bar-form select:focus, .bar-form textarea:focus { outline: none; border-bottom: solid 2px #6ab04c; transition: .2s }
.page-form .bar-form input.fone { max-width: 300px }

.page-form .bar-form .btn_enviar { width: 120px; height: 40px; background: #593EFF; color: #fff; border-radius: 4px; border: 0; font-size: 14px }
.page-form .bar-selecao-produtos { width: 100%; height: 200px; border-radius: 4px; border: solid 1px #DBDBDB; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #999 }
.page-form .bar-form .bar-separa { border: solid 2px #badc58; border-radius: 8px; padding: 8px; margin: 16px 0; box-sizing: border-box; }

.insereForm { width: 100%; height: 900px; }

.footer-page { background: #211858; color: #fff; width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; }
.footer-page .content { display: flex; align-items: center; }
.footer-page .content .bar-logo { padding-right: 36px; }
.footer-page .content .bar-logo .logo { width: 100%; max-width: 140px; }
.footer-page .content .bar-text { font-size: 12px; line-height: 18px; font-weight: 300 }

@media ( max-width: 1100px ) {
body.page-form,html { height: inherit; }
.wrapperFull,.wrapperMin { max-width: 96% }
}

@media ( max-width: 768px ) {



.bar-card .bar-btCTA { padding-top: 20px; }

.hero-page-form { height: 150px; }
.hero-page-form .bar-logo { display: flex; justify-content: center; padding-top: 20px }
.hero-page-form .logoHeader { max-width: 130px }
.hero-page-form .barTit .title { font-size: 14px; line-height: 19px }

.page-form .bar-form { padding: 8px; margin: 15px 0 }

.footer-page { height: inherit; padding: 20px 0 }
.footer-page .content { flex-direction: column; }
.footer-page .content .bar-text { font-size: 11px; line-height: 16px; }
.footer-page .content .bar-logo { padding-right: 0px; padding-bottom: 26px; }
.footer-page .content .bar-logo .logo { max-width: 120px; }
.footer-page .content .bar-text { padding: 0 30px; box-sizing: border-box; text-align: center; }
}

/* Anime . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.scale-in-center {
	-webkit-animation: scale-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}