﻿div.ouw-contact-form.done .success {
    color: black;
    font-weight: bold;
    padding: 6px;
}

form.ouw-contact-form .hidden {
    display: none;
}

form.ouw-contact-form .errors, form.ouw-contact-form .success {
    background: red;
    color: white;
    font-weight: bold;
    padding: 6px;
    border-radius: 2px;
}

form.ouw-contact-form .row {
    width: 50%;
    float: left;
    margin: 0;
    padding: 10px 20px 0 0;
    clear: none;
}

    form.ouw-contact-form .row.wide {
        clear: both;
        width: 100%;
        float: none;
    }

    form.ouw-contact-form .row.address {
        width: 25%;
    }

    form.ouw-contact-form .row.require label:after {
        content: '*';
        color: red;
    }

    form.ouw-contact-form .row.invalid input, form.ouw-contact-form .row.invalid .field.select, form.ouw-contact-form .row.invalid textarea {
        border-color: red;
    }

@media screen and (max-width: 600px) {
    form.ouw-contact-form .row {
        width: 100%;
        float: none;
    }

        form.ouw-contact-form .row.address {
            width: 50%;
            float: left;
        }
}

form.ouw-contact-form .seperator {
    width: 100%;
    clear: both;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0;
}

    form.ouw-contact-form .seperator hr {
        margin: 0;
    }

form.ouw-contact-form .buttons {
    padding: 20px 20px 0 0;
}

    form.ouw-contact-form .buttons input {
        display: block;
        margin: 0 auto;
        width: auto;
        padding: 6px 40px;
    }

#ouwformshell_contact-us form .label label {
    font-family: "Poppins", arial, sans-serif;
    font-size: 16px;
    color: #493733;
    margin: 5px 0;
}

#ouwformshell_contact-us form input,
#ouwformshell_contact-us form input[type="text"],
#ouwformshell_contact-us form input[type="url"],
#ouwformshell_contact-us form input[type="email"],
#ouwformshell_contact-us form input[type="number"],
#ouwformshell_contact-us form textarea {
    font-size: 10px;
    line-height: 15px;
    vertical-align: middle;
    padding: 5px 10px;
    border: 1px solid #dfdfdf;
    background: white;
    border-radius: 2px;
    width: 100%;
    margin: 0;
    font-style: normal;
}

    #ouwformshell_contact-us form input[type="button"], #ouwformshell_contact-us form input[type="submit"], #ouwformshell_contact-us form input .submit,
    #ouwformshell_contact-us form input[type="text"][type="button"],
    #ouwformshell_contact-us form input[type="text"][type="submit"],
    #ouwformshell_contact-us form input[type="text"] .submit,
    #ouwformshell_contact-us form input[type="url"][type="button"],
    #ouwformshell_contact-us form input[type="url"][type="submit"],
    #ouwformshell_contact-us form input[type="url"] .submit,
    #ouwformshell_contact-us form input[type="email"][type="button"],
    #ouwformshell_contact-us form input[type="email"][type="submit"],
    #ouwformshell_contact-us form input[type="email"] .submit,
    #ouwformshell_contact-us form input[type="number"][type="button"],
    #ouwformshell_contact-us form input[type="number"][type="submit"],
    #ouwformshell_contact-us form input[type="number"] .submit,
    #ouwformshell_contact-us form textarea[type="button"],
    #ouwformshell_contact-us form textarea[type="submit"],
    #ouwformshell_contact-us form textarea .submit {
        background-color: #fc9a08;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc9a08), color-stop(100%, #d95908));
        background-image: -webkit-linear-gradient(#fc9a08, #d95908);
        background-image: linear-gradient(#fc9a08, #d95908);
        border-color: #e47907;
        color: white;
        text-shadow: none;
        font-style: normal;
        font-size: 12px;
        width: 135px;
    }

        #ouwformshell_contact-us form input[type="button"]:hover, #ouwformshell_contact-us form input[type="submit"]:hover, #ouwformshell_contact-us form input .submit:hover,
        #ouwformshell_contact-us form input[type="text"][type="button"]:hover,
        #ouwformshell_contact-us form input[type="text"][type="submit"]:hover,
        #ouwformshell_contact-us form input[type="text"] .submit:hover,
        #ouwformshell_contact-us form input[type="url"][type="button"]:hover,
        #ouwformshell_contact-us form input[type="url"][type="submit"]:hover,
        #ouwformshell_contact-us form input[type="url"] .submit:hover,
        #ouwformshell_contact-us form input[type="email"][type="button"]:hover,
        #ouwformshell_contact-us form input[type="email"][type="submit"]:hover,
        #ouwformshell_contact-us form input[type="email"] .submit:hover,
        #ouwformshell_contact-us form input[type="number"][type="button"]:hover,
        #ouwformshell_contact-us form input[type="number"][type="submit"]:hover,
        #ouwformshell_contact-us form input[type="number"] .submit:hover,
        #ouwformshell_contact-us form textarea[type="button"]:hover,
        #ouwformshell_contact-us form textarea[type="submit"]:hover,
        #ouwformshell_contact-us form textarea .submit:hover {
            background-color: #fbab3a;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbab3a), color-stop(100%, #f77c21));
            background-image: -webkit-linear-gradient(#fbab3a, #f77c21);
            background-image: linear-gradient(#fbab3a, #f77c21);
            border: 1px solid #f77c21;
            color: white;
        }

        #ouwformshell_contact-us form input[type="button"]:active, #ouwformshell_contact-us form input[type="submit"]:active, #ouwformshell_contact-us form input .submit:active,
        #ouwformshell_contact-us form input[type="text"][type="button"]:active,
        #ouwformshell_contact-us form input[type="text"][type="submit"]:active,
        #ouwformshell_contact-us form input[type="text"] .submit:active,
        #ouwformshell_contact-us form input[type="url"][type="button"]:active,
        #ouwformshell_contact-us form input[type="url"][type="submit"]:active,
        #ouwformshell_contact-us form input[type="url"] .submit:active,
        #ouwformshell_contact-us form input[type="email"][type="button"]:active,
        #ouwformshell_contact-us form input[type="email"][type="submit"]:active,
        #ouwformshell_contact-us form input[type="email"] .submit:active,
        #ouwformshell_contact-us form input[type="number"][type="button"]:active,
        #ouwformshell_contact-us form input[type="number"][type="submit"]:active,
        #ouwformshell_contact-us form input[type="number"] .submit:active,
        #ouwformshell_contact-us form textarea[type="button"]:active,
        #ouwformshell_contact-us form textarea[type="submit"]:active,
        #ouwformshell_contact-us form textarea .submit:active {
            background: #fc9a08;
        }

    #ouwformshell_contact-us form input[type=radio] {
        padding: 0;
        background: none;
        width: auto;
        display: inline-block;
        border: none;
    }

#ouwformshell_contact-us form .row {
    margin: 10px 0;
    clear: both;
    width: 80%;
    padding: 0px;
}

    #ouwformshell_contact-us form .row .field.radio label {
        display: inline-block;
        width: 25%;
        font-size: 12px;
    }

        #ouwformshell_contact-us form .row .field.radio label input {
            width: auto;
            display: inline-block;
        }

    #ouwformshell_contact-us form .row.require label:after {
        color: #e47907;
        content: '*';
    }

    #ouwformshell_contact-us form .row.type-text, #ouwformshell_contact-us form .row.type-number, #ouwformshell_contact-us form .row.type-select {
        margin-top: 0;
        margin-bottom: 5px;
    }

.widget #ouwformshell_contact-us form .row.type-text .label, .widget #ouwformshell_contact-us form .row.type-number .label, .widget #ouwformshell_contact-us form .row.type-select .label {
    display: none;
}

#ouwformshell_contact-us form .row.address {
    display: block;
    float: left;
    padding-left: 5px;
    width: 20%;
    margin: 0 0 5px 0;
    clear: none;
}

@media screen and (max-width: 600px) {
    #ouwformshell_contact-us form .row.address {
        width: 50%;
    }

        #ouwformshell_contact-us form .row.address.state {
            padding-left: 0;
        }
}

@media screen and (max-width: 479px) {
    #ouwformshell_contact-us form .row.address {
        width: 80%;
        padding: 0;
    }
}

#ouwformshell_contact-us form .row.address.city {
    width: 40%;
    padding: 0;
}

@media screen and (max-width: 600px) {
    #ouwformshell_contact-us form .row.address.city {
        width: 80%;
        float: none;
    }
}

#ouwformshell_contact-us form .row.address.zip:after {
    content: ' ';
    height: 0;
    width: 0;
    overflow: hidden;
    clear: both;
}

#ouwformshell_contact-us form .field.select {
    /* field.select */
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 26px;
    overflow: hidden;
    border: 1px solid #e1e2e3;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
    width: 100%;
    height: 27px;
}

    #ouwformshell_contact-us form .field.select:after {
        content: "\25be";
        font-family: 'icons';
        font-size: 6px;
        display: block;
        position: absolute;
        z-index: 1;
        top: 1px;
        right: 1px;
        width: 21px;
        height: 20px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        color: #fff;
        border: 1px solid #dd6308;
        border-radius: 3px;
        background-color: #fa9608;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa9608), color-stop(100%, #dd6308));
        background-image: -webkit-linear-gradient(#fa9608, #dd6308);
        background-image: linear-gradient(#fa9608, #dd6308);
        pointer-events: none;
    }

        #ouwformshell_contact-us form .field.select:after:hover {
            border: 1px solid #f77c21;
            background-color: #fbab3a;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbab3a), color-stop(100%, #f77c21));
            background-image: -webkit-linear-gradient(#fbab3a, #f77c21);
            background-image: linear-gradient(#fbab3a, #f77c21);
        }

.msie8 #ouwformshell_contact-us form .field.select:after {
    display: none;
}

#ouwformshell_contact-us form .field.select:hover:after {
    border: 1px solid #f77c21;
    background-color: #fbab3a;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbab3a), color-stop(100%, #f77c21));
    background-image: -webkit-linear-gradient(#fbab3a, #f77c21);
    background-image: linear-gradient(#fbab3a, #f77c21);
}

#ouwformshell_contact-us form .field.select select {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    line-height: 16px;
    margin: 0;
    padding: 3px;
    width: 125%;
    max-width: 125%;
    border-width: 0;
    -webkit-appearance: none;
}

.msie8 #ouwformshell_contact-us form .field.select select {
    width: 100%;
    padding: 4px 3px 5px 3px;
}

#ouwformshell_contact-us form .field.select select {
    font-style: normal;
    padding-left: 0;
    width: 150%;
    max-width: 150%;
}

#ouwformshell_contact-us form .buttons {
    padding: 20px 20px 0 0;
    float: left;
    clear: both;
}

    #ouwformshell_contact-us form .buttons input {
        display: block;
        margin: 0 auto;
        padding: 6px 40px;
    }
/* Contact Form CSS Override */
#ouwformshell_contact-us input[type="tel"] {
    font-size: 10px;
}

#ouwformshell_contact-us form .field.select {
    height: 39px;
}

#ouwformshell_contact-us form .row.type-text, #ouwformshell_contact-us form .row.type-email, #ouwformshell_contact-us form .row.type-phone {
    margin-top: 0;
    margin-bottom: 5px;
    width: 50%;
    float: left;
    clear: none;
    padding: 0px 5px !important;
}

#ouwformshell_contact-us form .row.address, #ouwformshell_contact-us form .row.type-select {
    margin-top: 0;
    margin-bottom: 5px;
    width: 33.33% !important;
    float: left !important;
    clear: none;
    padding: 0px 5px !important;
}

#ouwformshell_contact-us form .row.type-textarea {
    width: 100%;
    padding: 0px 5px !important;
}

#ouwformshell_contact-us form .field.select select {
    padding: 5px 10px;
}

#ouwformshell_contact-us form .field.select:after {
    top: 0px;
    right: 0px;
    height: 39px;
    line-height: 34px;
}

