/* CONTACT HEADER */
    .contact-us .contact-header {
        padding: 56px 20px;
        background: url('/images/Contact_Banner.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
    }
    .contact-us .contact-header > .content-wrapper > .content {
        background: #DDD8D5;
        padding: 20px;
        position: relative;
    }
    .contact-us .contact-header > .content-wrapper > .content > .title-wrapper {
        text-align: center;
    }
    .contact-us .contact-header > .content-wrapper > .content > .title-wrapper > p > span {
        font-size: 17px;
        padding-bottom: 6px;
        border-bottom: 1px solid #C7AA70;
        color: #333;
    }
    .contact-us .contact-header > .content-wrapper > .content > .title-wrapper > h1 {
        color: #242E49;
        font-weight: 400;
        font-size: 25px;
        letter-spacing: 0.62px;
        margin: 20px 0 15px;
    }
    .contact-us .contact-header > .content-wrapper > .content > .title-wrapper > h1 > span {
        font-weight: 700;
    }
    .contact-us .contact-header > .content-wrapper > .content > p.text {
        text-align: center;
        font-size: 14px;
    }

    .contact-us .contact-header > .content-wrapper > .content-details {
        position: relative;
        background: #242E49;
        padding: 30px 21px 30px 47px;
        margin: 51px -20px -56px;
    }




/* CONTACT INFO */
    .contact-us ul.contact-info {
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
        text-align: left;
    }
    .contact-us ul.contact-info > li {
        margin-bottom: 10px;
    }
    .contact-us ul.contact-info > li:last-of-type {
        margin-bottom: 0;
    }
    .contact-us ul.contact-info > li > a {
        font-size: 14px;
        color: #fff;
        line-height: 30px;
        font-weight: 700;
    }
    .contact-us ul.contact-info > li > a.email {
        font-size: 16px;
    }

    .contact-us ul.contact-info > li > i.icon {
        margin-right: 15px;
        background: #172037;
        display: block;
        float: left;
        height: 30px;
        width: 30px;
        position: relative;
        color: #C7AA70;
    }
    .contact-us ul.contact-info > li > i.icon:after {
        content: "";
        display: block;
        height: 30px;
        width: 30px;
        background-image: url(/images/icons-sprite.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
    }
    .contact-us ul.contact-info > li > i.icon.icon-img-fax:after {
        background-position: -403.6px -141px;
    }
    .contact-us ul.contact-info > li > i.icon.icon-img-phone:after {
        background-position: -358px -141px;
    }
    .contact-us ul.contact-info > li > i.icon.icon-img-email:after {
        background-position: -316px -141px;
    }

/* CONTACT FORM */
    .contact-us .contact-form {
        padding: 30px 0 0;
        position: relative;
        height: 590px;
        background: #1e1e1e;
    }
    /* Header */
    .contact-us .contact-form > .header {
        width: 278px;
        height: 46px;
        position: absolute;
        top: 30px;
        left: 50%;
        margin-left: -139px;
    }
    .contact-us .contact-form > .header > .underfold  {
        background: #1E2841;
        height: 45px;
        width: 45px;
        position: absolute;
        top: 9px;
    }
    .contact-us .contact-form > .header > .left {
        transform: rotate(-138deg);
        left: 0;
    }
    .contact-us .contact-form > .header > .right {
        transform: rotate(318deg);
        right: 0;
    }
    .contact-us .contact-form > .header > .middle {
        background: #242E49;
        height: 46px;
        line-height: 46px;
        text-align: center;
        font-size: 17px;
        color: #fff;
        letter-spacing: 0.68px;
        font-weight: 700;
        width: 234px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -117px;
        z-index: 1;
    }

    /* Body */
    .contact-us .contact-form > .body {
        height: 539px;
        background: #fff;
        border: 1px solid #ccc;
        position: absolute;
        top: 52px;
        left: 0;
        right: 0;
        padding: 44px 0px 20px;
    }
    .contact-us .contact-form > .body > form > div[class^="col-"] {
        padding: 0 20px;
    }
    .contact-us .contact-form > .body > form .form-control {
        border-radius: 0;
        font-size: 17px;
        line-height: 22px;
        padding: 15px 20px;
        height: auto;
        background: #DDD8D5;
        border: 1px solid #959595;
        box-shadow: none;
        color: #7A7A7A;
        transition: all .1s;
    }
    .contact-us .contact-form > .body > form .form-control::placeholder {
        color: #7A7A7A;
        font-weight: lighter;
    }
    .contact-us .contact-form > .body > form .form-control:hover {
        background: #F2ECE9;
        cursor: pointer;
    }
    .contact-us .contact-form > .body > form .form-control:focus {
        background: #F2ECE9;
        border: 1px solid #959595;
        cursor: text;
    }
    .contact-us .contact-form > .body > form .selectize-input,
    .contact-us .contact-form > .body > form .selectize-dropdown {
        font-size: 15px;
        color: #333333;
        line-height: 20px;
        border-radius: 0;
        background: #F2ECE9;
    }
    .contact-us .contact-form > .body > form .btn-lg {
        background: #242E49;
        color: #fff;
        font-size: 18px;
    }
    .contact-us .contact-form > .body > form .btn-lg:hover {
        background: #C7AA70;
    }
    .contact-us .contact-form > .body > form .selectize-input {
        box-shadow: none;
        padding: 14px 20px;
    }
    .contact-us .contact-form > .body > form .selectize-dropdown [data-selectable] {
        padding: 15px 20px;
    }

    .contact-us .map {
        height: 200px;
    }