.form-group {
    width: 80%;
    padding: 0px;
    margin:0px auto;
}
.form-input, .form-select, .form-radio {
    width:33.33%; 
    float:left;
}
label, input {
    display: block;
    width: 100%;
}
label {
    text-transform: uppercase;
    padding-bottom: 7px!important;
    font-weight: 700!important;
    position: relative;
    z-index: 9;
    color:#28A01B;
    font-size:13px!important;
}
label.required {
    position: relative;
}
label.required::after {
    content: '*';
    margin-left: 2px;
    color: #b90000;
}
legend { 
    color:#999;
    font-size:12px!important;
    width:90%;
    padding-top:10px!important;
    padding-bottom: 25px!important;
}
input {
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    padding: 14px 20px;
    border-radius: 5px;
    font-size: 14px;
}
input:focus {
    outline: none;
    border: 2px solid #1F811A!important;
}
.label-flex {
    display:flex;
    justify-content:space-between;
}
.form-radio {
    display:flex;
    margin-bottom: 18px;
}
input {
    width: auto;
    display: inline-block;
    background:#fff;
}
input[type=text],input[type=tel],input[type=email]{
    width:97%;
    background:#F9FCEA;
}
.radio-label {
    padding-right: 72px;
}
.form-radio-group {
    display:flex;
    padding-bottom: 10px;
    padding-top: 12px;
}
.form-radio-item {
    position: relative;
    margin-right: 30px;
}
.check{
    display: inline-block;
    position: absolute;
    border: 1px solid red;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    top: 2px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.check::before {
    position: absolute;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
input[type=radio] {
    position: absolute;
    visibility: hidden;
}
.form-row ul { 
    background: 0 0;
    position: relative;
    z-index: 9;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.form-row ul li {
    list-style-type:none;
    padding: 13px 20px;
    z-index: 2;
    color: #222;
}
.form-row ul li:not(.init) { 
    display: none; 
    background: #fff;
    color: #222;
    padding: 5px 10px; 
}
.form-row ul li:not(.init):hover, .form-row ul li.selected:not(.init) { 
    background: green;
    color: #fff;
}
.form-row li.init { 
    cursor: pointer;
    position: relative;
    background:#fff;
}
.form-row li.init::after {
    position: absolute;
    right: 20px;
    top: -2px;
    transform: rotate(90deg);
    font-size: 42px;
    color: #222;
    content: '\2023';
}

.donate-value {
    position: absolute;
    top: -9px;
    left: 50%;
    z-index: 99;
    visibility:hidden;
}
.form-input {
    position: relative;
}
label.error {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
}
label.error::after {
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    content: '\f1f8';
    right: 20px;
    top: 37px;
    font-size: 23px;
    color: red;
}
input.error {
    border: 1px solid red;
}
.select-list {
    position: relative;
    display: inline-block;
    width: 98%;
    margin-bottom: 25px;
}
.list-item {
    position: absolute;
    width: 98%;
    z-index: 99;
}