#sub_form {z-index: 9999999;background-color: white; max-width: 500px; padding: 20px 20px 40px;    border: 10px solid rgba(0,0,0,0.1); position: fixed;bottom: -1000px;right: 0px;transition: all 1s 0s}
#sub_form.show {bottom: 45px;}
#sub_form .headline {color: #222; font-size: 24px; font-weight: bold; text-align: center; margin-top: 0; margin-bottom: 10px;}
#sub_form .text { color: #222; font-size: 16px;margin-bottom: 10px; line-height: 1.6; font-weight: normal; text-rendering: optimizeLegibility; margin-top: 0;}
#sub_form .text_2 {font-size: 14px;margin-bottom: 20px; opacity: 0.9;}
#sub_form .personal {font-size: 12px;text-align: center; opacity: 0.7}
#sub_form input:not([type=checkbox]) {height: 40px; display: block;font-size: 16px;margin-bottom: 10px;}
#sub_form input[type=submit]{width: 100%; background-color: #0074a0;margin-top: 15px;border-radius: 3px;font-size: 22px;}
#sub_form input[disabled]{pointer-events: none; opacity: 0.6}

#sub_form label { gap: 10px; font-size: 16px; display: flex; }
#sub_form label input { display: unset;margin-top: 5px}
#sub_form label span  span{ font-size: 12px; opacity: 0.8;display: block;}

#sub_form .message { position: absolute; width: 90%; bottom: 5px; left: 5%; text-align: center; background-color: #ff9797; }
#sub_form .message.success {background-color: #c9ff97;}

#sub_form .close {position: absolute;transform: rotate(45deg); right: 10px;top: 10px; color: black;cursor: pointer; font-size: 25px;z-index: 999;}

#sub_form .finish {font-size: 20px; display: none; position: absolute;width: 100%; height: 100%; background-color: white;left: 0; top: 0; text-align:center;justify-content: center;flex-direction: column;}
#sub_form .finish.show {display:flex}
#sub_form .finish img {display: inline-block;margin: 2rem auto;}

@media (max-width: 767px){
    #sub_form.show {bottom: 0}
}