.signup-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.signup-block {
    flex: 1 1 32%;
    position: relative;
    border-radius: 3px;
    margin: 0 0.4375em 0.875em;
    min-height: 600px;
    overflow: hidden;
}

.signup--header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 0.875em;
    margin-top: -24px;
}
.signup--header-underline {
    flex: 1 1 auto;
    height: 2px;
    background-color: #ffa500;
    box-sizing: border-box;
}
.signup--header-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: #ffa500;
    padding: 7px;
    border-radius: 50%;
    margin-left: 20px;
}
.signup--header-circle span {
    font-size: 24px;
    color: #000;
}

.signup-bg {
    position: absolute;
    width: 100%;
    height: 400px;
    bottom: 0px;
    background-size: cover;
}

.signup-block h1 {
    font-size: 1.25rem;
    color: #fff;
    margin: 0.875em;
    background: transparent;
}

.form-wrapper {
    overflow: hidden; 
    padding: 0.4375em 0.875em;
}
.form-wrapper fieldset {
    border:none;
    margin: 0;
    padding: 0;
}
.form-wrapper label {
    color: #cecfee;
    font-size: 0.875rem;
    margin: 0.3125rem 0.1875rem;
}

.form-wrapper input:focus {
    outline: none;
    border: 1px solid #4e5097 !important;
}

.form-wrapper input[type='text'],
.form-wrapper input[type='password'],
.form-wrapper select {
    width: 100%;
    position: relative;
    border: none;
    border-radius: 3px;
    height: 2.375rem;
    color: #fff;
    font-size: 1rem;
    margin: 0.5rem 0;
    padding: 0 0.5em;
    box-sizing: border-box;
    box-shadow: inset 1px 1px 3px #13131c;
    /* border: 1px solid #262739; */
    border: 1px solid #13131c;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance:none;
}


.form-wrapper select::-ms-expand {
    display: none;
}

.form-wrapper input[disabled] {
    color: #7788a2;
    font-style: italic;
    font-weight: 400;
    background: url("../images/icons/icon-lock.svg") no-repeat #171822;
    background-position: calc(100% - 10px);
    background-size: 16px 16px;
}
.form-wrapper select {
    border-radius: 3px;
    background: url('../images/icons/icon-expand-filters.svg') no-repeat;
    background-position: calc(100% - 10px);
    background-size: 16px 16px;
    cursor: pointer;
}
.form-wrapper optgroup { font-size: 0.875em; font-weight: normal; font-style: normal; color: #ffa500; }
.form-wrapper option { font-size: 0.875; color: #f6f6f6; }
.form-wrapper select[disabled] { color: #7788a2; font-style: italic; font-weight: 400; background: url("../images/icon-lock.svg") no-repeat #171822; background-position: calc(100% - 10px); background-size: 16px 16px; }

.form-wrapper a { color: #ca0000; text-decoration: none; }
.form-wrapper input[type='button'] { margin-top: 0.5em; background-color: #ffa500; color: #303030; font-size: 1.2em; padding: 0.5em 0 0.5em; border: 1px solid #ffa500; width: 100%; border-radius: 3px; -webkit-appearance: none; }
.form-wrapper button { max-width: 300px; display: block; margin: 0.4375em auto; }
.form-input-error {
    /* background-color: #371d1d !important; */
    border: 1px solid #6a0d0d !important;
}

.form-input-indent { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #fff; }
.form-input-indent span { margin: 0 5px; }
.form-input-indent a { color: #ffa500; text-decoration: underline; }
.form-input-indent a:hover { color: #ff8e00; }

.form-input-indent input { width: unset; }

#signup_captcha { position: relative; }
#signup_captcha div { margin: 0 auto; }

@keyframes form-input-error-anim {
    0% { border-color: #262739; }
    50% { border-color: #f00; }
    100% { border-color: #262739; }
}

.form-error {
    background-color: #262739;
    margin: 0 0.4375em 1em;
    padding: 1em 0.875em;
    border-radius: 3px;
}

.form-error strong {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}

.form-error ul {
    padding: 0 2em;
}

.form-error li {
    color: #cecfee;
    font-size: 1em;
    list-style-type: square;
    padding: 0.25em 0;
}