.contact-wrap {
    margin: 90px auto;
    max-width: 600px;
    padding: 0px;
}

.contact-wrap h2 {
    font-weight: normal;
    color: #1d736b;
    margin-top: 20px;
    margin-bottom: 45px;
    font-size: 32px;
}

#contact-us-form {
    display: block;
}
#contact-us-form label {
    font-size: 15px;
    color: #87a1ae;
    line-height: 15px;
    padding-bottom: 0;
    display: block;
}
.input-wrap {
    padding: 10px 0;
}
.input-wrap.required label:after {
    color: #cc0101;
    font-size: 10px;
    margin: 0 0 0 5px;
    content: '*';
}
.input-wrap input[type="text"],
.input-wrap input[type="email"],
.input-wrap select,
.input-wrap textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px;
}

.input-wrap textarea {
    min-height: 100px;
}

input.checking-email {
    background: url(/wp-content/themes/angelsense/images/loading.gif) right 2% center no-repeat;
    background-size: 10%;
}

.contact-wrap input[type="submit"]{
    background-color: #0EBCA8;
    font-size: 15px;
    height: 42px;
    width: 100px;
    color: #ffffff;
    margin: 0 auto;
    display: block;
    font-weight: 700;
    border-radius: 4px;
    border: none;
    -webkit-appearance: none;
}

.contact-wrap input[type="submit"]:hover
{
    background-color: #0ea490;
}

.contact-wrap input.nonactive,
.contact-wrap input.nonactive:hover {
    background-color: lightgray;
}

.tips-panel,
.hidden-inputs-wrap {
    display: none;
}

#form_response {
    display: none;
    max-width: 600%;
    width: 100%;
    padding: 5px 20px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: black;
}

#form_response.success {
    background-color: rgba(0,255,0,0.2);
    display: block;
}

#form_response.error {
    background-color: rgba(255,0,0,0.2);
    display: block;
}

@media (max-width: 767px) {
    .content-wrap {
        max-width: 90%;
    }
}

.subject_cat-wrap.loading {
    background: url(/wp-content/themes/angelsense/images/search-loading.gif) right -20px top -7px no-repeat;
    background-size: 100px;
}

.subject_cat-wrap {
    padding-right:50px;
}
.contact-slug-body .kb-frame-panel {
    width: 50%;
    left: 25%;
}
@media all and (max-width: 768px){
    .contact-slug-body .kb-frame-panel {
        width: 100%;
        left: 0%;
        height: 100%;
        top: 0px;
        z-index: 10000000000;
    }

    .contact-slug-body .kb-frame-panel .kb-frame-close .close-button {
        background-color: rgb(57, 191, 177);
        color: white;
        border: 2px solid white;
        position: absolute;
        right: 0.2em;
        top: 0px;
        z-index: 100000;
    }
}
.contact-slug-body .kb-topic-content {
    padding: 2%;
}
.contact-slug-body .kb-frame-panel.loading {
    background: white url(/wp-content/themes/angelsense/images/search-loading.gif) center center no-repeat;
    background-size: 200px;
}

.kb-frame-panel {
    overflow: scroll;
}


.kb-topic-content .contact-slug-body ul, .kb-topic-content .contact-slug-body ol {
    padding-left: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.contact-us-kb-title {
    color: #3abeb0;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 10px;
}

.kb-topic-content a {
    color: #3abeb0;
}