#contactform {display: flex; flex-wrap: wrap; justify-content: space-between;}
#contactform input,#contactform textarea {background: none;outline: 0;border: 0;width: 100%;box-sizing: border-box;padding: 15px;display: inline-block;font-size: 14px;color: #000;font-family: inherit;transition: 0.3s;}
#contact-form {padding-top: 100px;}
.form-field {position: relative; margin-bottom: 15px; width: 48%; padding-top: 0px; border: 2px solid #eee; transition: 0.3s;}
.form-field {font-family: 'CircularStdBook', "Helvetica Neue", "lato", sans-serif;}
.form-field label {position: absolute;top: 50%;transform: translateY(-50%);left: 15px;user-select: none;pointer-events: none;opacity: 1;font-size: 14px !important;transition: 0.3s;}
.form-field.active-focus {padding-top: 20px;border: 2px solid #000000; border-radius: 8px;}
.form-field.active-focus label {opacity: 1;top: 20px;color: #000;}
.form-field textarea {resize: none; border: none; height: 51px; overflow: auto;}
.form-field.active-focus textarea {height: 200px;}
.form-field select {background: none;outline: 0;border: 0;width: 100%;box-sizing: border-box;padding: 15px 10px;display: inline-block;font-size: 20px;color: #000;font-family: inherit;transition: 0.3s;position: absolute;top: 50%;transform: translateY(-50%);}
.form-field select {font-size:14px; font-family: 'CircularStdBook', "Helvetica Neue", "lato", sans-serif;}

input:invalid, textarea:invalid {box-shadow: none!important;}



#contactform .flex-row {width: 100%; margin-bottom: 25px; align-items: initial;}
#contactform .title {width: 100%; margin-bottom: 25px;}
#contactform .title h4 {font-size: 25px; font-weight: 600;}
#contactform .title h6 {font-size: 15px; margin: 10px 0;}
#contactform h5 {font-size: 20px;margin: 15px 0;}
#contactform .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;}
#contactform .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;}
#contactform .check-label input:checked {background: #fff427;border: 1px solid #fff0;}

#contactform .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;}
#contactform .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;}
#contactform .check-label input:checked::before {top: 15px;background: #000;}
#contactform .check-label input:checked::after {top: 10px;background: #000;}
#systemMessage {background: none;}

.highlight_message p {color: #61161f!important;text-align: center!important;padding: 15px;background-color: #fdd!important;border-radius: 10px;border: 1px solid #f1b7bf;width: 300px!important; margin: 0 auto 25px!important;font-size: 19px;}
.success-message p {width: 300px;text-align: center;padding: 20px;margin: 0 auto;background: #2dd284!important;border-radius: 15px;color: #fff!important; border: 1px solid #2dd284!important;}
.form-field-missing {border: 2px solid #f1b7bf!important; }


/* Media Queries */

@media all and (max-width:600px){
#topcontent .button {margin-bottom: 30px!important;}
}

@media all and (max-width:550px){
.flex-row {flex-flow: column; width: 100%;}
.form-field {width: 100%;}
.form-field select {position: inherit;}
}