textarea.wpcf7-form-control,
select.wpcf7-form-control,
input.wpcf7-form-control:not([type="submit"]){
    display: block!important;
    padding: 2rem 4.4rem!important;
    height: auto!important;
    font-size: 1.7rem!important;
    line-height: 1!important;
    color: rgba(28,28,28,.5)!important;
    font-weight: 600!important;
    background: #f4f4f4!important;
    border: 0!important;
    border-radius: 3rem!important;
    width: 100%;
    margin-bottom: 20px;
}
textarea.wpcf7-form-control{
    resize: none;
}



   



    .wpcf7-form .row{
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
    .wpcf7-form [class*="col"],
    .wpcf7-form .col-md-6{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .wpcf7-form .select2.select2-container{
        margin-bottom: 20px;
        width: 100%!important;
    }
    @media only screen and (max-width: 1199.98px){
        textarea.wpcf7-form-control,
        select.wpcf7-form-control,
        input.wpcf7-form-control{
            padding: 1.4rem!important;
            font-size: 1.2rem!important;
        }
    }
    .section-contact .wpcf7-form .row{
        margin-left: -6px;
        margin-right: -6px;
    }
    .section-contact .wpcf7-form .col-md-6,
    .section-contact .wpcf7-form [class*="col"]{
        padding-left: 6px;
        padding-right: 6px;
    }
    .careers-form .wpcf7-form-control-wrap,
    .header__subscribe form .wpcf7-form-control-wrap,
    .section-contact .wpcf7-form-control-wrap{
        display: block;
    }
    
@media only screen and (min-width: 768px){
    .wpcf7-form .col-md-6{
        max-width: 50%;
        flex: 0 0 50%;
    }
}




/* contact page */
.header__subscribe input.wpcf7-form-control[type="submit"],
.section-contact input.wpcf7-form-control[type="submit"]{
    margin-left: auto;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width: 13.5rem!important;
    height: auto!important;
    padding: 1.3rem 1rem!important;
    font-size: 1.8rem!important;
    line-height: 1!important;
    font-weight: 700!important;
    color: #595959!important;
    background: #b9d40b!important;
    border: 0.3rem solid #7eac3b!important;
    border-radius: 3.9rem!important;
    -webkit-transition: all .6s!important;
    -o-transition: all .6s!important;
    transition: all .6s!important;
    -webkit-box-shadow: 0 .2rem 1rem rgba(0,0,0,.27)!important;
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.27)!important;
}
.header__subscribe input.wpcf7-form-control[type="submit"]:hover,
.section-contact input.wpcf7-form-control[type="submit"]:hover{
    background-color: #7eac3b!important;
    color: white!important;
}
.section-contact .contact_submit p{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.section-contact .wpcf7-spinner{
    margin-left: auto!important;
}
.section-contact input.wpcf7-form-control[type="submit"]{
    margin-left: 0px!important;
}



@media only screen and (min-width: 1200px){
    .section-contact .section__form{
        padding-top: 55px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px){
    .section-contact .section__form{
        padding-top: 40px;
    }
}


/* nav */
/* .header__subscribe{

} */
.header__subscribe form{
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 58px;
    position: relative;
}
.header__subscribe form .wpcf7-form-control{
    max-height: 34px;
    max-width: 280px;
    background-color: white!important;
    left: 56px;
    position: relative;
    padding: 17px!important;
}
.header__subscribe input.wpcf7-form-control[type="submit"].wpcf7-submit{
    position: absolute;
    right: 53px!important;
    height: 36px!important;
    padding: 8px!important;
    max-width: 56px!important;
    font-size: 0px!important;
    background-color: #7eac3b!important;
    margin-top: -28px;
    max-height: 60px;
    background-image: url(../dist/images/ico-feather-send.svg)!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    opacity: 1!important;
    cursor: pointer;
}
.header__subscribe .wpcf7-response-output{
    position: absolute;
    font-size: 12px;
    bottom: -14px;
    max-width: 280px;
    /* white-space: normal; */
    left: 44px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    color: red;
    border: none!important;
}
.header__subscribe .wpcf7-not-valid-tip{
    left: 60px!important;
    bottom: 1px!important;
    color: red!important;
    font-weight: 400!important;
    font-size: 11px!important;
    text-align: left!important;
    right: -57px!important;
}


.header__subscribe .wpcf7-spinner{
    right: 88px!important;
    left: auto!important;
    /* background-color: red; */
    /* opacity: 1; */
    top: -22px!important;
}

.header__subscribe input.wpcf7-form-control[type="submit"].wpcf7-submit:hover{
    opacity: 0.9!important;
}
.header__subscribe form p{
    display: flex;
    width: 100%;
    max-height: 55px;
    margin-bottom: 0px!important;
}
.header__subscribe form p:nth-of-type(2){
    position: absolute;
}
.header__subscribe form .wpcf7-form-control-wrap{
    position: relative;
    bottom: 0;
    left: 0;
    text-align: left;
}
.header__subscribe .wpcf7-response-output{
    top: -45px;
    pointer-events: none!important;
}
.header__subscribe .header__form{
    pointer-events: none!important;
}
.header__subscribe .header__form form{
    pointer-events: all!important;
}

@media screen and (max-width: 1199.98px){
    .header__subscribe .header__form{
        width: 260px!important;
        height: 54px!important;
        padding: 10px!important;
        top: -12px!important;
        max-width: calc(100vw - 85px);
    }
    .header__subscribe form .wpcf7-form-control-wrap{
        display: block!important;
    }
    .header__subscribe .header__form form {
        margin-top: 0!important;
        margin-left: 0;
    }
    .header__subscribe .wpcf7-form-control{
        left: 0!important;
    }
    .header__subscribe input.wpcf7-form-control[type="submit"].wpcf7-submit{
        right: 0!important;
    }
}


/* career */
.careers-form .gform_wrapper .gfield.small__field + .gfield.green__select{
    left: 0!important;
}
.careers-form .gform_wrapper .gfield.small__field + .gfield.green__select .select_job{
    width: 100%!important;
}
.careers-form .gform_wrapper .gfield.d-none,
.gfield.d-none,
.d-none{
    display: none !important;
}
.careers-form textarea.wpcf7-form-control, 
.careers-form select.wpcf7-form-control, 
.careers-form input.wpcf7-form-control:not([type="submit"])
 {
    margin-bottom: 4.1rem!important;
}
.careers-form .wpcf7-form-control.wpcf7-file{
    background-image: url(../dist/images/upload-field.svg)!important;
    background-repeat: no-repeat!important;
    background-position: right center!important;
    padding-right: 83px!important;
    background-size: auto 100%!important;
}
.careers-form input[type="file" i].wpcf7-form-control.wpcf7-file::file-selector-button,
.careers-form input[type="file" i].wpcf7-form-control.wpcf7-file::-webkit-file-upload-button{
    display: none!important;
}

.careers-form .gform_footer .career_submit{
    text-align: left;
}
.careers-form .gform_footer .career_submit p{
    display: flex;
    align-items: center!important;
}

.row-x{
    display: flex;
    flex-wrap: wrap;
}
.section__form .wpcf7-not-valid-tip,
.careers-form .wpcf7-not-valid-tip{
    display: block;
    position: absolute;
    bottom: 0px;
    transform: translateY(calc(100% + 3px));
    font-size: 13px;
    left: 18px;
    
}
.section__form .wpcf7-response-output,
.careers-form .wpcf7-response-output{
    font-size: 16px;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

@media screen and (max-width: 1199.98px){
    .section-contact textarea.wpcf7-form-control, 
    .section-contact select.wpcf7-form-control, 
    .section-contact input.wpcf7-form-control:not([type="submit"]),
    .careers-form textarea.wpcf7-form-control, 
    .careers-form select.wpcf7-form-control, 
    .careers-form input.wpcf7-form-control:not([type="submit"])
    {
        margin-bottom: 1.4rem!important;
        font-size: 1.2rem!important;
        padding: 1.4rem!important;
    }
    .row-x{
      justify-content: space-between;
    }
    .section-contact input.wpcf7-form-control[type="submit"],
    .careers-form input.wpcf7-form-control[type="submit"]{
        padding: 1rem!important;
    }
    .section__form .wpcf7-not-valid-tip,
    .careers-form .wpcf7-not-valid-tip{
        transform: translateY(calc(100% + 1px))!important;
        font-size: 12px!important;
        line-height: 100%;
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 50000s ease-in-out 0s, -webkit-box-shadow 50000s ease-in-out 0s;
}

.section__form{
    position: relative;
    margin-top: 10px;
}
.section__form .wpcf7-response-output{
    position: absolute;
    text-align: center;
    top: 0;
    margin-top: 10px!important;
    width: 100%;
}

.careers-form .wpcf7-form{
    position: relative;
}
.careers-form .wpcf7-form .wpcf7-response-output{
    position: absolute;
    top: 9em;
    width: 100%;
}

@media screen and (max-width: 1199.98px){
    .careers-form .wpcf7-form .wpcf7-response-output{
        top: 4em;
    }
}
@media screen and (max-width: 991.98px){
    .section__form{
        position: relative;
        padding-top: 20px!important;
    }
    .section__form .wpcf7-response-output{
        top: -18px!important;
    }
    
}
@media screen and (max-width: 767.98px){
    .careers-form .wpcf7-form .wpcf7-response-output{
        top: 6em;
    }
}

@media screen and (max-width: 575.98px){
    .section__form .wpcf7-response-output,
    .careers-form .wpcf7-form .wpcf7-response-output{
        font-size: 12px!important;
    }
}