/* AK86 CF7 */
form label,
form label.small,
.small label {
    font-weight: bold !important;
}

.ajax-loader {
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: -8px;

}
.form-group { position: relative}

.form-group label {
    position: absolute;
    left: 1rem;
    top: 22px;
    font-size: var(--font-small);
    z-index: 2;
    color: #999;
    transition: all ease .3s;
    pointer-events: none;
    transform: translateY(-50%);
    font-weight: 300 !important;
}

.newsletterelement .form-group label,
.calltoactionelement .form-group label {
    color: rgba(255, 255, 255, .6);
}
.form-group .form-control:focus,
.form-group.active .form-control {
    border-color: var(--blue-hover);
}

.form-group.active label {
    position: absolute;
    top: .5rem;
    font-size: .8rem;
    font-weight: bold !important;
    z-index: 2;
    transform: translateY(0);
    color: var(--blue-hover);

}

.wpcf7-list-item {
    display: block
}

.wpcf7-list-item-label { font-weight: 400;}

p.form-row.filled label,
.form-group.filled label {
    position: absolute;
    top: .5rem;
    font-size: .8rem;
    font-weight: bold !Important;
    z-index: 2;
    color: var(--blue) !important;
    transform: translateY(0);
}

.form-group.invalid .form-control,
.form-group.invalid label {
    color: var(--red)  !important;
}

.form-group.invalid .form-control,
.form-group.filled.invalid .form-control {
    border-color: var(--red) !important;
}

.form-group.filled .form-control {
    border-color: var(--blue) !important;
    background-color: rgba(255,255,255,.86);
}

.form-group.filled.invalid label {
    color: var(--red)  !important;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    width: 100%;
}

 form .wpcf7-response-output {
    margin: 0 0 45px;
}

.form-control .wpcf7-not-valid {
    color: var(--red)  !important
}

span.wpcf7-not-valid-tip {
    display: none
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, 
 form.invalid .wpcf7-response-output, form.unaccepted .wpcf7-response-output {
    border-color: var(--red) ;
    background-color: var(--red) ;
    color: #fff;
    font-weight: bold;
	     border-radius: 30px;
}

.form-group.invalid span.wpcf7-not-valid-tip {
    color: var(--red)  !important;
    display: block;
    font-style: italic;
    font-size: 12px;
    font-weight: 600;
    margin-top: -10px;
    padding: 5px;
    position: absolute;
    top: 8px;
    right: 0;
}

div.wpcf7-mail-sent-ok,
.wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--blue);
    background-color: var(--blue);
    color: #fff;
    font-weight: 700;
    font-style: italic;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    color: #fff;
    font-weight: 700;
    font-style: italic;
    background: var(--red) ;
    border-color: var(--red) ;
    margin-left: 0;
    margin-right: 0;
}


form.wpcf7-form.submitting:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    background-color: rgba(255,255,255,.86);
}
form.wpcf7-form.sent .form-row {
    display: none;
}

.wpcf7-exclusive-checkbox .wpcf7-list-item {
    display: inline-block;
    margin: 15px 30px;
}