@media (max-width: 380px) {
    .form-col {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.form-container {
    background-color : rgba(255,255,255,0.39);
    border-radius : 20px 20px;
    color : #000000;
}

@media (max-width : 575.4px) {
    .form-container {
        background-color: rgba(240,240,240,1);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width : 576px) and (max-width: 767px) {
    .form-container {
        margin-bottom : 3rem;
    }
}

.form-x-padding {
    padding-left : 48px;
    padding-right : 48px;
}

@media (max-width : 575.4px) {
    .form-x-padding {
        padding-left : 0;
        padding-right : 0;
    }
}

@media (max-width: 380px) {
    .form-x-padding {
        padding-left : 8px;
        padding-right : 8px;
    }
}

@media (min-width : 768px) and (max-width: 1200px) {
    .form-x-padding {
        padding-left : 24px;
        padding-right : 24px;
    }
}

.form-title {
    padding-top : 40px;
    padding-bottom : 40px;
    font-weight : bold;
    text-align : center;
    font-size : 125%;
}

@media (max-width : 450px) {
    .form-title {
        padding-top : 30px;
        padding-bottom : 25px;
    }
}

.form-text {
    padding-left: 12px; 
    padding-right: 12px; 
    font-weight: bold; 
}

@media (min-width: 576px) {
    .form-text {
        color: #ffffff; 
        text-shadow: 0px 0px 3px #000000;
    }
}

.form-input {
    padding-bottom : 15px;
}

.form-input input,
.form-input textarea {
    border : 0;
    background-color : rgba(255,255,255,0.75);
    border-radius : 10px 10px;
}

@media (max-width: 575.4px) {
    .form-input input,
    .form-input textarea {
        border : solid 1px #c0c0c0;
    }
}

.form-input input::placeholder,
.form-input textarea::placeholder {
    color: rgba(0,0,0,0.75);
    font-family: Arial;
}

.form-input input:focus,
.form-input textarea:focus {
    border : 0;
    box-shadow : 0px 0px 0.2rem 0.2rem #C0C0C0;
    background-color : rgba(255,255,255,1);
}

.form-phone-email-error {
    background-color : #f00000;
    padding : 10px 20px;
    color : #ffffff;
    text-align : center;
    margin-bottom: 15px;
}

.form-response-error {
    background-color : #f00000;
    padding : 10px 20px;
    margin-bottom : 20px;
    color : #ffffff;
    text-align : center;
}

.form-spinner {
    padding : 20px 20px;
    font-size : 200%;
    color: #ffffff;
    text-shadow: 0 0 4px #333;
}

.form-label {
    font-size : 92%;
    text-align: left;
    margin-top : 8px;
}

.form-submit {
    padding : 20px 20px 40px 20px;
    text-align : center;
}

.form-submit input[type=submit] {
    border-radius : 10px 10px;
    border-style : none;
    padding : 4px 20px 4px 20px;
    background-color : #e81c24;
    font-weight : bold;
    color : #ffffff;
}

.form-submit input[type=submit][disabled],
.form-submit input[type=submit].no-captcha {
    opacity: 0.65;
}

.form-footer {
    padding-left : 20px;
    padding-right : 20px;
    padding-bottom : 10px;
}