@charset "utf-8";
/* CSS Document */

.contact-form .control-label {
    position: absolute;
    top: 12px;
    left: 15px;

    font-size: 18px;
    font-weight: 500;

    cursor: text;

    transition: 0.2s;
}
.contact-form .required {
    font-size: 20px;
    font-weight: 700;
    color: #b72961;

    position: absolute;
    right: 8px;
    top: 0px;
}
    .contact-form input:focus + .control-label {
        top: -22px;
        left: 0;

        font-size: 16px;
        color: #600399;

        transition: 0.2s;
    }
    .contact-form textarea:focus + .control-label {
        top: -22px;
        left: 0;

        font-size: 16px;
        color: #600399;

        transition: 0.2s;
    }
    .contact-form input:not(:placeholder-shown) + .control-label {
        top: -22px;
        left: 0;

        font-size: 16px;
        color: #600399;
    }
    .contact-form textarea:not(:placeholder-shown) + .control-label {
        top: -22px;
        left: 0;

        font-size: 16px;
        color: #600399;
    }

.contact-form .controls {
    position: relative;

    margin-bottom: 40px;
}
.contact-form .form-control {
    border: none;
}
.contact-form .form-control:focus {
    box-shadow: none;
}
.contact-form .form-control.warning {
    border: solid 1px #b72961 !important;
}
.contact-form .form-field {
    background: #fff;

    border: none;
    border-radius: 4px;

    font-size: 18px;

    padding: 10px 15px;

    width: 100%;
}
.contact-form .form-text {
    background: #fff;

    border: none;
    border-radius: 4px;

    font-size: 18px;

    padding: 10px 15px;

    width: 100%;
    height: 125px;
}
.contact-form .errorMsg {
    position: absolute;

    color: #b72961;
    font-size: 16px;

    text-align: right;
}

/* Bootstrap - Overrides */
.form-control {
    border: none;
}
.form-control:focus {
    background: #ffffff;

    border: none;
    box-shadow: none;
}

::placeholder {
    color: #959595;
}

/* Form - Inputs */
.form-field {
    background: #fff;
    border: none;
    border-radius: 2px;

    font-size: 18px;
    font-weight: 500;
    color: #333;

    padding: 0 15px;

    width: 100%;
    height: 50px;
}

/* Form - Select */
.form-select {
    background: #fff;
    border: none;
    border-radius: 2px;

    font-size: 18px;
    font-weight: 500;
    color: #333;

    height: 50px;

    cursor: pointer;
}

/* Form - Text */
.form-text {
    background: #fff;
    border: none;
    border-radius: 2px;

    font-size: 18px;
    font-weight: 500;
    color: #333;

    padding: 15px;

    height: 125px;
}
    .form-text::-webkit-scrollbar {
     display: none;
    }