* { box-sizing: border-box; }
body, button, input, textarea { font-family: Roboto, sans-serif; }

#header { height: 158px; background: #103558; display: flex; justify-content: space-between; }
    #header > .logo-w { margin-left: 140px; }
        #header > .logo-w > .logo { position: static; }
    #header > .menu { flex: none; margin-right: 140px; }
        #header > .menu > .link { font-weight: 900; font-size: 20px; margin: 0; padding: 8px 25px; }
            #header > .menu > .link.active { cursor: default; }
        #header > .menu > .register, #header > .menu > .register.active { order: 2; width: 236px; height: 61px; font-size: 20px; margin-left: 40px; }
        #header > .menu > .contact, #header > .menu > .contact.active, #header > .menu > .login, #header > .menu > .login.active, #header > .menu > .dashboard { text-transform: none; background: none; }
            #header > .menu > .contact.active { color: #F1920A; }

#footer { display: block; }
    #footer > .a { display: flex; align-items: center; height: 277px; background: #103558; justify-content: flex-start; padding: 0 140px; }
        #footer > .a > .info { font-size: 18px; margin-right: 200px; }
        #footer > .a > .links-1 { font-size: 20px; }
            #footer > .a > .links-1 > a { display: block; margin: 10px 0; font-weight: 900; text-decoration: none; color: white; }
        #footer > .a > .logo-w { margin-left: auto; }

    #footer > .b { text-align: center; padding: 20px; background: #0A2036; }
        #footer > .b > .links { }
            #footer > .b > .links > a { color: white; text-decoration: none; }

a.register, .link.register, #header > .menu > .link.register.active { background: linear-gradient(#FFC700, #F1920A); color: #103558 !important; border-radius: 10px; padding: 0 !important; justify-content: center; }
a.register { width: 308px; height: 78px; font-size: 26px; box-shadow: 0 3px 6px rgba(0,0,0,.16); }
.btn:hover, #header > .menu > .link:hover { opacity: .8 }

x-field { flex: 1; height: 50px; border: solid 1px #66A4CE; border-radius: 10px; background: white; position: relative; overflow: hidden; display: block; }
    x-field > label { color: #a0aebc; font-weight: 600; text-align: left; font-size: 12px; display: block; padding: 6px 10px 2px; transform: scale(1.3) translateY(6px); transform-origin: top left; transition: transform .3s; position: absolute; }
        x-field > label > x-req { transition: opacity .3s; }
    x-field > input, x-field > select { width: 100%; border: none; font-size: 16px; color: #405D79; font-weight: 600; padding: 0 20px; outline: none; background: none; height: 100%; padding-top: 16px; position: relative; }
        x-field > input:autofill, x-field > select:autofill { margin-top: 24px; padding-top: 0; height: calc(100% - 24px); }
    x-field.sm-lbl > label, x-field:has(input:autofill) > label { transform: none; }
        x-field.sm-lbl > label > x-req { opacity: 0; }

@media(max-width:1439px) {
    #header { height: 100px !important; }
    #footer > .a { padding: 0 60px; }
        #footer > .a > .info { margin-right: 100px; }
}

@media(max-width:1023px) {
    #header > .logo-w { margin-left: 20px; }
    #footer > .a { flex-direction: column; padding: 30px 0 50px; height: auto; }
        #footer > .a > .contact-rows { margin: 30px 10px 0; }
        #footer > .a > .logo-w { margin: 0; }
            #footer > .a > .logo-w > img { width: 220px; }
        #footer > .a > .links-1 { display: none; }
        #footer > .a > .info { margin: 0; order: 2; font-size: 14px; text-align: center; margin-top: 40px; }
    #footer > .b > .sep { display: none; }
}

@media(max-width:767px) {
    #header { height: 62px !important; }
        #header > .menu { background: linear-gradient(#0067B3,#003C6B); }
            #header > .menu > .register, #header > .menu > .register.active { background: no-repeat; width: auto; height: auto; box-shadow: none; color: white !important; justify-content: flex-start; margin: 0; padding: 8px 25px !important; text-transform: none; }
}

@media(min-width:1024px) {
    #footer > .b > .br { display: none; }
}