.block form .grid {grid-template-columns: 1fr 1fr; !important; grid-gap:0}
form .button, #login .button {border: none;
    background: #0094d8;
    border-radius: 50px;
    color: #fff;
    padding: 10px 20px;
    font-size: 17px; font-family: 'NexaExtraLight';}

form .button:hover {color:#fff !important}


form .button:after, #login .button:after {display:none}

.form-field {position: relative; transition: 0.3s; margin: 20px 0 0 0}
.form-field label {font-size: 16px !important;transition: 0.3s; font-family: 'NexaTextHeavy'; margin-bottom: 10px; display:block}
.form-field input, .form-field textarea, .form-field select {border: 1px solid #ccc; display:block; width: 100%; padding: 15px; font-family: 'NexaExtraLight'; font-size: 16px; background: #fff; box-sizing: border-box;}
.form-field textarea {height: 150px;}


form .flex-row {width: 100%; margin-bottom: 20px;}
form .title {width: 100%; margin-bottom: 25px;}
form .title h4 {font-size: 25px; font-weight: 600;}
form .title h6 {font-size: 15px; margin: 10px 0;}
form h5 {font-size: 20px;margin: 15px 0;}
form .check-label {display: flex;align-items: center;padding: 10px 100px 10px 15px;line-height: 28px;justify-content: flex-start;user-select: none;position: relative;border: 2px solid #eee; margin-bottom: 15px;font-size: 14px;}
form .check-label input {width: 30px;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);cursor: pointer;border: 1px solid #eee;overflow: hidden;border-radius: 100%;overflow: hidden;-webkit-appearance: none;height: 30px;padding: 0;transition: 0.3s;background: #eee;}
form .check-label input:checked {background: #fff427;border: 1px solid #fff0;}

form .check-label input::before {content: '';display: block;position: relative;width: 5px;height: 3px;transform: rotate(45deg);background: #000;right: -7px;top: -15px;transition: 0.3s;}
form .check-label input::after {content: '';display: block;position: relative;width: 15px;height: 3px;transform: rotate(-45deg);background: #000;right: -8px;top: -15px;transition: 0.3s;}
form .check-label input:checked::before {top: 15px;background: #000;}
form .check-label input:checked::after {top: 10px;background: #000;}


.highlight_message p {color: #61161f;text-align: center;padding: 15px;background-color: #fdd;border-radius: 2px;border: 1px solid #f1b7bf;width: 100%; margin: 0 auto;font-size: 16px; box-sizing: border-box;}
.success-message p {width: 100%;text-align: center;padding: 20px;margin: 0 auto;background: #2dd284;border-radius: 2px;color: #fff; border: 1px solid #2dd284; box-sizing: border-box;}
.form-field-missing input, .form-field-missing textarea {border: 1px solid #f1b7bf!important; }




#loader {display: none; position: absolute; left: 50%; top: 50%; z-index: 1; width: 30px; height: 30px; transform: translate(-50%, -50%); border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; transition: 0.3s; opacity: 1;}

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}