/* CSS Document */
/* CSS Document */
body{background: #f9f9f9; padding: 0; margin: 0;}
body li *{transition: all .8s}
main{min-height: 450px; margin: 0}
header.global-header{background-color: #233b66; padding: 0;margin: 0;}
header.global-header *{color: #fff;}
header.global-header figure{margin: 0;padding: .5em 0; display: flex; align-content: flex-start; align-items: center; }
header.global-header figure figcaption{padding-left: .5em; font-weight: 700}
header.global-header figure img{height: 60px; width: auto;}
footer.global-footer{text-align: center; margin: 0; position: relative; padding-top: 2em}
footer.global-footer *{color: #222;}
footer.global-footer figure{margin: 2em}
.footer-contact{padding: 1.5em; background: #fff;}
.footer-contact *{ color: #333}

header.global-header figure{ display: block; text-align: center; border-bottom: 1px solid #bda797}

/*Form Field */
.form-field{display: block; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); border-radius: 5px; overflow: hidden;; padding: 1em; box-sizing: border-box; background: #fff; margin-top: 5em;}
.form-field legend{text-align: center}
.form-field legend span{display: block; font-size: 20px;}
.fa-lock{color: #A22022}
.fa-unlock{color: #2DB505 !important}
.form-field label{display: block;}
.form-field label span{font-size: .8em; color: #898989}
.form-field input{display: block; padding: .5em; font-size: 1em; border: none; border-radius: 4px; background: #f9f9f9; box-shadow: 1px 2px 3px rgba(0,0,0,0.3); margin-bottom: 1em; width: 100%;}
.form-field input[type=submit]{padding: .3em 1em; max-width: 150px; background: #E8E8E8; color: #333; font-size: .9em; font-weight: 700; margin: .5em auto}

/* #status */
.bar,.percent{display: block; font-size: .7em; text-align: center; color: #9B2D2D}
#status{font-size: .85em; text-align: center; margin: .5em 0; height: 20px;}