.form-wrapper { margin-bottom: 40px; background-color: #F0EDED; padding: 5%;}
.form-wrapper input[class*="span"], .form-wrapper textarea[class*="span"] { float: none; }
.form-wrapper .control-group { margin-bottom: 20px; }
.form-wrapper .control-group > label { margin-bottom: 8px; display: block; cursor:pointer; }
.form-wrapper .control-group > label.checkbox-label { display: inline-block; margin-bottom: 0; margin-left: 4px; }
.form-wrapper .control-group label[generated="true"].error { color: #F00; margin-top: 10px; display: block; }
.form-wrapper .control-group label[generated="true"].valid { display: none !important; }
.form-wrapper .control-group input { outline: none; height: 50px; padding-left: 10px; padding-right: 10px; width: calc(100% - 22px); border: 1px solid #F0EDED; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.form-wrapper .control-group input:focus { border: 1px solid #170F09; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.form-wrapper .control-group select { outline: none; -webkit-appearance: textfield; -moz-appearance: textfield; height: 50px; width: calc(100% - 22px); -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 10px; padding-right: 10px; }
.form-wrapper .control-group textarea { outline: none; width: calc(100% - 22px); border: 1px solid #F0EDED; resize: vertical; padding: 10px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.form-wrapper .control-group textarea:focus { border: 1px solid #170F09; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
/* Mobile */
html.iOS .form-wrapper .control-group select { height: 58px; border: 1px solid #F0EDED; }
html.AndroidOS .form-wrapper .control-group select { background-color: #FFF; }
html.AndroidOS .form-wrapper .control-group input { background-color: #FFF; }
/* Checkbox */
.form-wrapper .control-group .checkbox-text { display: block; margin-bottom: 10px; line-height: 1.4em; }
.form-wrapper .control-group .checkbox-text a { color: #170F09; text-decoration: underline; }
.form-wrapper .checkbox-wrapper { display: flex; align-items: center; }
.form-wrapper .checkbox-wrapper > input[type="checkbox"] { width: 16px; height: 16px; }
.form-wrapper .checkbox-wrapper > .checkbox-label { display: inline-block; margin-left: 5px; cursor: pointer; }
.form-wrapper .control-group.control-group-privacy { font-size: 0.9em; }
/* reCAPTCHA */
.form-wrapper .captcha-cnt { margin-top: 5px; }
.form-wrapper .captcha-cnt .g-recaptcha > div { width: auto !important; text-align: center !important; }
/* reCAPTCHA.com */
.form-wrapper .captcha-com-cnt {text-align:center}
.form-wrapper .captcha-com-cnt > div {display:inline-block;}
.form-wrapper .captcha-com-cnt > div > div {text-align:center;}
.form-wrapper .captcha-com-cnt > div > div > div {display:inline-block;}
.form-wrapper .captcha-com-cnt > div > label { margin-bottom: 10px; display: block; }
.form-wrapper .captcha-com-cnt > div > input { width: calc(100% - 20px); margin-top: 8px; height: 30px; border: 1px solid #F0EDED; padding:3px 10px; }
/* button */
.form-wrapper .contactform-buttons-area { text-align: center; }
.form-wrapper .contactform-buttons-area > input {display: inline-block;border: 0px solid #170F09;box-shadow: none;background: #170F09;color: #FFF;font-size: 1em;font-weight: 500;width: fit-content;margin: 0;padding: 15px 25px;margin-top: 10px;transition: all 0.3s;}
html:not(.touch) .form-wrapper .contactform-buttons-area > input:hover { background: #EE8005; border: 0px solid #170F09; color: #fff; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
/* file */
.form-wrapper input[type="file"] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.form-wrapper input[type="file"] + label { max-width: 80%; font-size: 1.05rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; /* 10px 20px */ }
.form-wrapper input[type="file"] :focus + label,
.form-wrapper input[type="file"] .has-focus + label { outline: 1px dotted #170F09; outline: -webkit-focus-ring-color auto 5px; }
.form-wrapper input[type="file"] + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 0.25em; }
.form-wrapper input[type="file"] + label { color: #FFF; background-color: #170F09; }
.form-wrapper input[type="file"] :focus + label,
.form-wrapper input[type="file"] .has-focus + label,
html:not(.touch) .form-wrapper input[type="file"] + label:hover { background-color: #170F09; }
/* date */
.form-wrapper input[type="date"] { -webkit-appearance: textfield; -moz-appearance: textfield; }
.form-wrapper input[type="date"]::-webkit-inner-spin-button { display: none; }
/* titles */
.form-wrapper.form-dealer > span {display:block; margin-bottom:30px;}
.form-wrapper.form-dealer {margin-bottom:60px;}
/*** MEDIA QUERY ***/
@media (max-width:767px) { .form-wrapper .control-group input, .form-wrapper .control-group textarea, .form-wrapper .control-group select { width: calc(100% - 20px); }
    .form-wrapper .contactform-buttons-area { margin-top: 30px; }
}