/*Start For interface CSS*/
.check-box-popup {
    display: inline-block;
    width: 100%;
}

    .check-box-popup p {
        position: relative;
        display: inline-block;
        width: 100%;
        padding-left: 30px;
        font-size: 14px;
        color: #7B7B7B;
        font-weight: 400;
        margin: 0;
    }

        .check-box-popup p:last-child {
            margin-bottom: 5px;
        }

        .check-box-popup p > input {
            margin: 0 !important;
            position: absolute !important;
            left: 0;
            top: 5px;
            z-index: 1;
        }

.resume-option-box-popup {
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 106, 194, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 106, 194, 0.2);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: none;
}

    .resume-option-box-popup .resume-option-title {
        display: block;
        font-weight: 700;
        padding-bottom: 10px;
        color: #7b7b7b;
    }

    .resume-option-box-popup label {
        display: inline-block;
        width: 100%;
        font-weight: 500;
        cursor: pointer;
        font-size: 14px;
        vertical-align: top;
    }

        .resume-option-box-popup label input {
            display: inline-block;
            margin-right: 5px;
        }

.quick-apply-form .form-group .form-control {
    width: 100%;
    color: #A9ADBB;
    border: 1px solid #006ac233;
    height: 40px;
    border-radius: 4px;
    margin-right: 15px;
    font-size: 14px;
    padding: 15px 0 0 20px;
    /*-webkit-box-shadow: 0 1px 4px 0 rgba(0, 106, 194, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 106, 194, 0.2);*/
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.light-box .form-group.display-file-name {
    display: inline-block;
    width: 100%;
}

    .light-box .form-group.display-file-name .file-name-label {
        color: #7B7B7B;
        font-weight: 400;
        font-size: 16px;
    }

.select-branch {
    padding: 5px 0;
}

.select-branch-title {
    color: #7B7B7B;
    font-weight: 700;
    font-size: 16px;
}

.select-branch select.branchDrp {
    padding: 8px 15px 8px 10px;
    display: inline-block;
    color: #A9ADBB !important;
    border: 1px solid #006ac233 !important;
    height: 40px;
    border-radius: 4px !important;
    margin-left: 15px !important;
    min-width: 250px;
}

.light-box .form-without-resume .form-group {
    display: inline-block;
    width: 100%;
    padding: 0;
}

    .light-box .form-without-resume .form-group input {
        padding: 5px 10px;
        font-size: 12px;
    }

.form-without-resume {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

    .form-without-resume .tite-resume-1 {
        font-size: 16px;
        font-weight: 700;
        color: #7B7B7B;
        margin-bottom: 5px;
    }

    .form-without-resume .form-control {
        width: 100%;
        color: #585858;
        border: 1px solid #006ac233 !important;
        height: 70px;
        border-radius: 4px;
        margin-right: 15px;
        padding: 5px 10px;
    }

    .form-without-resume .form-group textarea.form-control {
        font-size: 12px;
        min-height: 60px;
    }
/*interface*/
.header-dd ul ul, .refine-search-menu ul ul {
    z-index: 99999;
    box-shadow: 4px 0 4px -4px rgba(0, 3, 51, .4), 0 5px 5px 0 rgba(0, 3, 51, .4), -4px 0 4px -4px rgba(0, 3, 51, .4)
}

body, textarea {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #919191
}

* {
    box-sizing: border-box;
    outline: 0
}

.omega {
    margin-right: 0 !important
}

.clear {
    clear: both
}

img {
    max-width: 100%;
    height: auto
}

.site-wrapper {
    /*max-width: 1200px;*/
    margin: 0 auto;
    /*padding: 0 25px;*/
    width: 100%
}

a {
    text-decoration: underline;
    color: #00a9dc
}

    a:hover {
        text-decoration: none
    }

.blue-body {
    background: #00a9dc
}

input[type=submit] {
    cursor: pointer;
    background: 0 0
}

input,
select,
textarea {
    border-radius: 0;
    -webkit-appearance: none
}

.white-btn {
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
    height: 39px;
    line-height: 35px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12pt;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    border-radius: 8px;
    text-decoration: none
}

.gray-btn,
.green-btn {
    margin: 0;
    padding: 3px 15px 3px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11pt;
    font-family: Roboto, sans-serif;
    text-decoration: none
}

.white-btn:hover {
    background: #fff;
    color: #00a9dc
}

.green-btn {
    border: 2px solid #37BC9B;
    background: #37BC9B;
    border-radius: 4px;
    color: #fff
}

    .green-btn:hover {
        background: #3BAFDA;
        border: 2px solid #3BAFDA;
    }

.gray-btn {
    border: 2px solid #b7b7b7;
    background: #fff;
    border-radius: 8px;
    color: #979797
}

.login-area,
.login-logo {
    padding: 0;
    width: 100%;
    float: left
}

.gray-btn:hover {
    background: #b7b7b7;
    color: #fff
}

.login-area {
    margin: 95px 0 150px
}

.login-logo {
    margin: 0 0 15px;
    text-align: center
}

.login-form-area {
    max-width: 420px;
    width: 100%;
    margin: auto
}

.login-form-box {
    width: 100%;
    float: left;
    margin: 0;
    padding: 32px 50px 35px;
    background: #ececec;
    font-family: Roboto, sans-serif
}

.login-form-heading {
    width: 100%;
    float: left;
    margin: 0 0 22px;
    padding: 0;
    font-size: 20pt;
    color: #a4a4a4;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif
}

.login-btn,
.login-link-line {
    font-weight: 500;
    text-align: center
}

.login-form-line {
    width: 100%;
    float: left;
    margin: 0 0 25px;
    padding: 0
}

.login-form-box .form-group {
    width: 100%;
    float: left;
    padding-right: 0;
    margin-bottom: 25px;
    position: relative
}

    .login-form-box .form-group input {
        border: 0 solid #ccc;
        font-size: 11pt;
        height: 44px;
        color: #585858
    }

    .login-form-box .form-group label {
        color: #a4a4a4;
        display: block;
        left: 0;
        line-height: inherit;
        padding-top: 11px;
        margin-left: 13px;
        position: absolute;
        text-transform: none;
        transform-origin: 0 0 0;
        transition: all .4s ease 0s;
        font-size: 11pt;
        font-family: Roboto, sans-serif
    }

.login-btn,
.pagnation a {
    text-transform: uppercase
}

.login-form-box .form-group.focused label {
    top: -4px;
    transform: scale(.85);
    font-size: 10pt
}

.login-btn,
.login-t-box {
    float: left;
    margin: 0;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    width: 100%
}

.login-form-box .form-group.focused input {
    padding-top: 12px;
    border: 1px solid #cdcdcd
}

.login-t-box {
    padding: 0 20px;
    border: 1px solid #cdcdcd;
    background: #fafafa;
    height: 46px;
    line-height: 46px;
    color: #b2afaf
}

.login-btn {
    padding: 0;
    border: 2px solid #37BC9B;
    border-radius: 5px;
    height: 48px;
    line-height: 43px;
    color: #a4a4a4;
    cursor: pointer;
    background: 0 0
}

    .login-btn:hover {
        background: #37BC9B;
        color: #fff
    }

.login-link-line {
    width: 100%;
    font-size: 13pt;
    float: left;
    margin: 31px 0 27px;
    padding: 0;
    font-family: Roboto, sans-serif
}

.login-job-seekers,
.set-password-text {
    font-size: 12pt;
    width: 100%;
    padding: 0;
    float: left;
    font-family: Roboto, sans-serif
}

.login-link-line a {
    color: #fff
}

.login-job-seekers {
    margin: 0;
    text-align: center;
    color: #fff
}

    .login-job-seekers a {
        color: #fff
    }

.set-password-text {
    margin: -10px 0 18px;
    line-height: 22px;
    font-weight: 300
}

.blue-body .footer-area {
    margin-top: 0
}

.footer-area {
    width: 100%;
    background: #00a9dc;
    border-top: 8px solid #fff;
    float: left;
    margin: 50px 0 0;
    padding: 0
}

.footer-left-section {
    width: 50%;
    float: left;
    margin: 78px 0 0;
    padding: 0 0 0 45px;
    border: 0 solid red
}

    .footer-left-section ul {
        width: 100%;
        max-width: 320px;
        float: left;
        margin: 0;
        padding: 0;
        list-style: none
    }

        .footer-left-section ul:last-child {
            margin-right: 0
        }

        .footer-left-section ul li {
            width: 140px;
            float: left;
            margin: 0 20px 15px 0;
            padding: 0;
            font-size: 10pt
        }

            .footer-left-section ul li a {
                color: #fff;
                text-decoration: none
            }

                .footer-left-section ul li a:hover {
                    text-decoration: underline
                }

.footer-address p a,
.header-dd li a,
.login a,
.menu_btn,
.so-icone,
.so-icone:hover {
    text-decoration: none
}

.footer-right-section {
    width: 40%;
    float: right;
    margin: 21px 0 0;
    padding: 0 45px 0 0;
    text-align: right;
    color: #fff;
    border: 0 solid red
}

.footer-address,
.footer-logo {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0
}

.footer-company-name {
    width: 100%;
    float: right;
    margin: 17px 0 0;
    padding: 0;
    font-size: 14pt;
    font-weight: 600
}

.footer-address p {
    width: 100%;
    float: right;
    margin: 7px 0 3px;
    padding: 0;
    font-size: 10pt;
    line-height: 20px
}

    .footer-address p a {
        color: #fff
    }

.footer-so-line {
    width: 100%;
    float: left;
    margin: 9px 0 0;
    padding: 0
}

.so-icone {
    background: url(../images/sprite-image.png) no-repeat;
    height: 40px;
    display: inline-block;
    width: 40px;
    padding: 0;
    margin: 0 2px 0 0;
    border: 0 solid red
}

.twitter-icon {
    background-position: 0 0
}

.facebook-icon {
    background-position: -46px 0
}

.linkedin-icon {
    background-position: -92px 0
}

.googleplus-icon {
    background-position: -140px 0
}

.footer-bottom-section {
    width: 100%;
    float: left;
    margin: 13px 0 10px;
    padding: 0;
    text-align: center;
    font-size: 9pt;
    color: #fff
}

.header-area {
    margin: 0;
    padding: 23px 0 15px;
    width: 100%;
    float: left;
    text-align: center;
    background: #00a9dc
}

    .header-area .menu_login_section {
        margin-top: 3px
    }

.header-dd {
    float: left;
    margin: 14px 0 0 42px;
    padding: 0
}

    .header-dd ul {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }

    .header-dd li {
        border: 0;
        display: inline-block;
        position: relative;
        margin: 0;
        color: #fff;
        font-size: 11pt
    }

    .first-li:before,
    .header-dd ul ul:before {
        content: '';
        border: 0 solid red;
        float: left
    }

    .header-dd li a {
        color: #FFF;
        font-size: 11pt;
        font-weight: 600
    }

        .header-dd li a:hover {
            text-decoration: underline
        }

    .header-dd ul ul {
        background-color: #fff;
        float: left;
        margin: 0;
        position: absolute;
        top: 28px;
        left: -999em;
        width: 178px;
        padding: 16px 7px 6px;
        font-family: Roboto, sans-serif
    }

        .header-dd ul ul:before {
            width: 20px;
            height: 13px;
            position: absolute;
            top: -11px;
            left: 11px;
            background: url(../images/header-dd-arrow.png) no-repeat
        }

.first-li {
    margin-right: 28px
}

.first-a {
    padding-bottom: 9px
}

    .first-a:hover {
        text-decoration: none !important
    }

.first-li:before {
    width: 12px;
    height: 8px;
    margin: 6px 7px 0 0;
    background: url(../images/sprite-image.png) -392px 0 no-repeat
}

.header-dd ul li:hover > ul {
    left: -15px
}

.header-dd li li {
    width: 100%;
    text-align: left;
    margin: 0 0 10px;
    font-size: 10pt
}

    .header-dd li li a {
        color: #919191;
        text-decoration: none;
        padding-left: 9px;
        font-size: 10pt;
        font-weight: 400
    }

li.header-zip {
    margin-bottom: 8px !important
}

.header-zip .form-group {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    height: 39px
}

    .header-zip .form-group input {
        height: 100%;
        background: #fff;
        font-size: 10.5pt;
        color: #a4a4a4
    }

    .header-zip .form-group label {
        margin-left: 9px
    }

.header-zip-btn {
    position: absolute;
    background: url(../images/zip-code-arrow.png) no-repeat !important;
    width: 28px;
    height: 35px !important;
    float: left;
    right: 2px;
    top: 2px;
    text-indent: -10000px;
    border: none !important
}

.header-dd-divder {
    width: 100%;
    height: 1px;
    float: left;
    margin: 9px 0 0;
    padding: 0;
    background: #ccc
}

.header-dd-last-link {
    text-align: center !important
}

    .header-dd-last-link a {
        color: #00a9dc !important;
        text-decoration: underline !important;
        padding-left: 0 !important
    }

        .header-dd-last-link a:hover {
            text-decoration: none !important
        }

.find-new-job-section {
    width: 100%;
    float: left;
    margin: 0;
    padding: 36px 0 40px;
    background: #00a9dc;
    border-top: 1px solid #fff
}

.find-new-job-heading {
    font-size: 24pt;
    color: #fff;
    margin: 0 0 39px;
    padding: 0;
    width: 100%;
    float: left;
    text-align: center
}

    .find-new-job-heading span {
        font-weight: 700
    }

.find-new-job-form {
    width: 100%;
    max-width: 785px;
    margin: 0 auto;
    padding: 0 170px 0 0;
    position: relative;
    border: 0 solid red;
    overflow: hidden
}

.search-title {
    width: 62.5%;
    float: left;
    margin: 0 1.5% 0 0;
    padding: 0
}

.search-btn-area,
.search-locations,
.search-t-box {
    margin: 0;
    padding: 0;
    float: left
}

.search-locations {
    width: 36%
}

.search-t-box {
    width: 100%;
    background: #e9e9e9;
    height: 39px;
    line-height: 35px;
    border: 0 solid #fff;
    color: #848484;
    font-size: 12pt;
    font-family: Roboto, sans-serif
}

.location-icon,
.search-icon {
    background-position: 11px 11px;
    background-repeat: no-repeat
}

.search-btn-area {
    width: 155px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
}

.search-icon {
    background-image: url(../images/search-icon.png);
    padding: 0 0 0 38px
}

.location-icon {
    background-image: url(../images/location-icon.png);
    padding: 0 0 0 32px
}

.page-heading-area {
    width: 100%;
    float: left;
    margin: 22px 0 0;
    padding: 0
}

.heading-left-area {
    width: 72%;
    float: left;
    margin: 0;
    padding: 0
}

.heading-right-area {
    width: 28%;
    float: right;
    margin: 0;
    padding: 0
}

.job-search-result-head {
    font-size: 20pt;
    color: #00a9dc;
    margin: 0 0 2px;
    padding: 0;
    width: 100%;
    float: left;
    font-weight: 300
}

.job-search-result-count {
    font-size: 12pt;
    color: #919191;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    font-weight: 300
}

.filter-results-area {
    width: 300px;
    float: right;
    margin: 8px 0 0;
    padding: 0
}

    .filter-results-area span {
        float: right;
        margin: 4px 13px 0 0;
        padding: 0;
        font-size: 12pt;
        color: #919191
    }

.filter-sel-b {
    background: url(../images/filter-sel-arrow.png) 94% 50% no-repeat #fafafa;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    min-width: inherit !important;
    width: 190px;
    height: 30px;
    line-height: 29px;
    border-radius: 0 !important;
    float: right;
    margin: 0;
    color: #919191;
    padding: 0 15px 0 9px;
    border: 1px solid #d4d4d3;
    outline: 0;
    font-size: 11pt
}

    .filter-sel-b::-ms-expand {
        display: none
    }

    .filter-sel-b option {
        padding: 5px 13px
    }

.results-area-outer {
    width: 100%;
    float: left;
    margin: 15px 0 0;
    padding: 0
}

.results-area {
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    -webkit-column-width: 278px;
    -moz-column-width: 278px;
    column-width: 278px
}

.results-box {
    display: inline-block;
    margin: .25rem;
    padding: 16px 15px;
    width: 100%;
    background: #f6f6f6
}

.results-box-head {
    width: 100%;
    float: left;
    margin: 0 0 7px;
    padding: 0;
    font-size: 12pt
}

.results-box ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 8px;
    list-style: none
}

    .results-box ul li {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0 0 11px 10px;
        font-size: 11pt;
        position: relative;
        font-family: Roboto, sans-serif
    }

        .results-box ul li a {
            color: #919191;
            text-decoration: none
        }

            .results-box ul li a:hover {
                text-decoration: underline
            }

        .results-box ul li:before {
            position: absolute;
            float: left;
            top: 0;
            left: 0;
            content: '-'
        }

.find-all-job-section {
    width: 100%;
    float: left;
    margin: 45px 0 0;
    padding: 0 0 35px;
    background: #ffa03c
}

.find-all-job-head {
    font-size: 24pt;
    color: #fff;
    margin: 35px 0 23px;
    padding: 0;
    width: 100%;
    float: left;
    font-weight: 300;
    text-align: center
}

.find-all-job-section ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 40px;
    list-style: none
}

    .find-all-job-section ul li {
        width: 12%;
        float: left;
        margin: 0 .3% 18px .2%;
        padding: 0;
        font-size: 11pt;
        font-family: Roboto, sans-serif
    }

        .find-all-job-section ul li a {
            color: #fff;
            text-decoration: none
        }

            .find-all-job-section ul li a:hover {
                text-decoration: underline
            }

.bottom-search-menu {
    width: 100%;
    float: left;
    margin: 0 0 -50px;
    padding: 16px 0;
    background: #ffba71;
    text-align: center
}

    .bottom-search-menu a {
        color: #a4a4a4;
        font-size: 14pt;
        text-decoration: none;
        display: inline-block
    }

        .bottom-search-menu a:hover {
            text-decoration: underline
        }

    .bottom-search-menu span {
        background-color: #a4a4a4;
        width: 2px;
        height: 20px;
        display: inline-block;
        padding: 0;
        margin: 0 26px
    }

.bredcrumb {
    width: 100%;
    float: none !important;
    overflow: hidden;
    padding: 32px 0 11px;
    margin: 0;
    font-size: 10pt;
    color: #989898
}

    .bredcrumb a {
        display: inherit-block;
        text-decoration: none
    }

    .bredcrumb span {
        display: inherit-block;
        margin: 0 5px
    }

    .bredcrumb a:hover {
        text-decoration: underline
    }

.search-result-head {
    width: 100%;
    float: left;
    margin: 0 0 40px;
    padding: 0;
    color: #a4a4a4;
    font-size: 13pt
}

.page-left-area {
    width: 64%;
    float: left;
    margin: 0;
    padding: 0
}

.search-result-box {
    width: 100%;
    float: left;
    margin: 0 0 47px;
    padding: 0
}

.sr-box-line1,
.sr-box-line1-left {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

.sr-box-line1 {
    position: relative
}

.sr-job-title {
    width: 100%;
    float: left;
    margin: 0 0 13px;
    padding: 0 200px 0 0;
    font-size: 14pt;
    font-weight: 300;
    line-height: 24px
}

    .sr-job-title a {
        text-decoration: none
    }

        .sr-job-title a:hover {
            text-decoration: underline
        }

.sr-job-company-info {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 11pt;
    line-height: 24px
}

.sr-job-company-name {
    float: left;
    margin: 0 20px 0 0;
    padding: 0
}

.sr-job-company-location {
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
    font-size: 10pt
}

    .sr-box-line1-right,
    .sr-job-company-location:before {
        padding: 0;
        position: absolute;
        border: 0 solid red;
        float: left
    }

    .sr-job-company-location:before {
        margin: 0;
        width: 15px;
        height: 20px;
        content: '';
        background: url(../images/sprite-image.png) -257px 0 no-repeat;
        top: 3px;
        left: 0
    }

.save-job,
.sr-box-info a {
    height: 32px;
    text-decoration: none
}

.sr-job-payment {
    width: 100%;
    float: left;
    margin: 5px 0 0;
    padding: 0;
    color: #989898;
    font-size: 10.5pt
}

.sr-box-line1-right {
    width: 180px;
    margin: -10px 0 0;
    top: 0;
    right: 0
}

    .sr-box-line1-right a {
        float: left
    }

.save-job {
    width: 30px;
    float: right !important;
    margin: 5px 0 0;
    padding: 0;
    background: url(../images/sprite-image.png) -207px 1px no-repeat
}

.sr-box-info,
.sr-box-line2,
.sr-box-line3,
.sr-box-posted {
    float: left;
    padding: 0
}

.sr-box-line2 {
    width: 100%;
    margin: 16px 0 27px;
    font-size: 11pt;
    line-height: 24px
}

.sr-box-line3 {
    width: 100%;
    margin: 0;
    font-size: 10pt;
    position: relative
}

.sr-box-posted {
    margin: 0 25px 0 0
}

.sr-box-info {
    margin: -11px 25px 0 0
}

    .sr-box-info a {
        width: 30px;
        float: right !important;
        margin: 5px 0 0;
        padding: 0;
        background: url(../images/sprite-image.png) -290px 1px no-repeat
    }

.sr-box-related-jobs {
    float: left;
    margin: 0 25px 0 0;
    padding: 0
}

.sr-box-emp-type {
    float: left;
    margin: 0;
    padding: 0
}

.more-info-box {
    width: 100%;
    float: left;
    margin: 27px 0 0;
    padding: 0 20px 16px;
    background: #f6f6f6;
    font-size: 13pt
}

.more-info-top-line {
    width: 100%;
    float: left;
    margin: 31px 0 5px;
    padding: 0
}

.apply-cont,
.apply-cross {
    float: right;
    font-family: Roboto, sans-serif;
    font-size: 11pt;
    padding: 0;
    text-decoration: none
}

.apply-cross {
    margin: -14px 0 0;
    font-weight: 500
}

.apply-cont {
    width: 100%;
    margin: 23px 0 0;
    font-weight: 300
}

.pagnation a,
.pagnation span {
    font-size: 10pt;
    display: inline-block
}

.apply-cont span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700
}

.pagnation {
    width: 100%;
    float: left;
    margin: -10px 0 40px;
    padding: 0;
    text-align: right
}

    .pagnation a {
        border: 1px solid #c9c9c9;
        background: #fff;
        text-decoration: none;
        margin: 0 6px 0 0;
        padding: 4px 6px;
        font-family: Roboto, sans-serif;
        font-weight: 300
    }

        .pagnation .current-page,
        .pagnation a:hover {
            border: 1px solid #00a9dc;
            background: #00a9dc;
            color: #fff
        }

    .pagnation span {
        margin: -18px 1px 0 -5px;
        padding: 0;
        color: #00a9dc;
        font-family: Arial, Helvetica, sans-serif
    }

.abt-experience-skills,
.abt-job ul li span,
.abt-job-description-cont,
.more-jobs-box {
    font-family: Roboto, sans-serif
}

.next,
.previous {
    color: #919191;
    padding: 4px 9px !important
}

.next {
    margin: 0 !important
}

    .next:after,
    .previous:before {
        margin: 2px 1px 0 0;
        padding: 0;
        width: 10px;
        height: 10px;
        content: ''
    }

.previous:before {
    float: left;
    background: url(../images/sprite-image.png) -350px 0 no-repeat
}

.next:after {
    float: right;
    background: url(../images/sprite-image.png) -371px 0 no-repeat
}

.previous:hover:before {
    background-position: -350px -19px
}

.next:hover:after {
    background-position: -371px -19px
}

.page-right-area {
    width: 29%;
    float: right;
    margin: 0;
    padding: 0
}

.collapse_block,
.more-jobs-box,
.more-jobs-box1,
.more-jobs-box2,
.more-jobs-heading,
.refine-search-top,
.see-more-jobs {
    float: left;
    padding: 0
}

.more-jobs-heading {
    width: 100%;
    margin: -16px 0 25px;
    font-size: 14pt;
    color: #ffa03c
}

.more-jobs-box {
    width: 100%;
    margin: 0 0 20px
}

.more-jobs-box1 {
    width: 100%;
    margin: 0 0 5px;
    font-size: 11pt;
    line-height: 24px
}

    .more-jobs-box1 a {
        text-decoration: none
    }

        .more-jobs-box1 a:hover {
            text-decoration: underline
        }

.more-jobs-box2 {
    margin: 0;
    color: #989898;
    font-size: 10pt
}

.see-more-jobs {
    width: 100%;
    margin: 5px 0 0;
    font-size: 14pt;
    text-align: center
}

    .see-more-jobs a {
        text-decoration: none
    }

        .see-more-jobs a:hover {
            text-decoration: underline
        }

.collapse_block {
    width: 100%;
    margin: 0 0 10px
}

.refine-search-top {
    width: 100%;
    margin: 0
}

.refine-search-top-left {
    width: 60%;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 15pt;
    color: #fff
}

.refine-search-top-right {
    width: 30%;
    float: right;
    margin: -8px 0 0;
    padding: 0;
    text-align: right
}

.refine-btn {
    font-size: 11pt
}

    .refine-btn:before {
        content: '+';
        margin: 0 4px 0 0
    }

    .refine-btn.open:before {
        content: '-';
        font-size: 11pt
    }

.refine-search-menu {
    width: 100%;
    float: left;
    margin: 8px 0 0;
    padding: 0
}

    .refine-search-menu ul {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }

    .refine-search-menu li {
        border: 0;
        display: inline-block;
        position: relative;
        margin: 0;
        color: #fff;
        font-size: 11pt
    }

        .refine-search-menu li div {
            float: left;
            margin: 0;
            padding: 2px 35px 6px 10px;
            width: 100%
        }

    .refine-search-menu ul ul {
        background-color: #fff;
        float: left;
        margin: 0;
        position: absolute;
        top: 28px;
        left: -999em;
        width: 185px;
        padding: 18px 7px 12px
    }

    .refine-search-menu ul li div:hover > ul {
        left: 0
    }

    .refine-search-menu ul ul.big_ul {
        width: 265px
    }

    .refine-search-menu li.menu-item-has-children:hover > div {
        background-color: #fff;
        color: #00a9dc
    }

    .refine-search-menu .menu-item-has-children > div:after {
        content: "";
        width: 13px;
        height: 10px;
        background-image: url(../images/sprite-image.png);
        top: 9px;
        right: 17px;
        position: absolute;
        display: inline-block;
        background-position: -392px 0
    }

    .refine-search-menu .menu-item-has-children > div:hover:after {
        background-position: -392px -20px
    }

    .refine-search-menu li li {
        color: #919191;
        width: 100%;
        margin-bottom: 15px
    }

    .refine-search-menu input[type=radio]:not(old) {
        width: 30px;
        margin: 0;
        padding: 0;
        opacity: 0;
        cursor: pointer;
        position: absolute
    }

        .refine-search-menu input[type=radio]:not(old) + label {
            display: inline-block;
            margin-left: 0;
            padding-left: 30px;
            width: 100%;
            background: url(../images/radio-un-check.png) no-repeat;
            line-height: 24px;
            cursor: pointer
        }

        .refine-search-menu input[type=radio]:not(old):checked + label {
            background: url(../images/radio-check.png) no-repeat;
            cursor: pointer
        }

input[type=checkbox]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute
}

    input[type=checkbox]:not(old) + label {
        display: inline-block;
        margin-left: 0;
        padding-left: 28px;
        width: 100%;
        background: url(../images/unchecked-check-box.png) no-repeat;
        line-height: 20px;
        cursor: pointer
    }

    input[type=checkbox]:not(old):checked + label {
        background: url(../images/checked-check-box.png) no-repeat;
        cursor: pointer
    }

.refine-search-form {
    width: 100%;
    float: left;
    margin: 15px 0 0;
    padding: 0
}

    .refine-search-form .find-new-job-form {
        float: left
    }

.modify-search {
    float: left;
    margin: 5px 20px 0 0;
    padding: 0;
    font-size: 14pt;
    color: #fff
}

.jd-area,
.jd-button-area {
    margin: 0;
    width: 100%;
    float: left
}

.jd-area {
    padding: 0 0 0 20px
}

.jd-button-area {
    padding: 25px 0 20px;
    overflow: hidden
}

    .jd-button-area a {
        float: left;
        margin: 0 10px 15px 0
    }

.jd-heading {
    width: 100%;
    float: left;
    margin: 0 0 29px;
    padding: 0;
    font-size: 15pt;
    font-weight: 300;
    line-height: 24px;
    color: #00a9dc
}

.abt-job,
.abt-job ul {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left
}

    .abt-job ul {
        list-style: none
    }

        .abt-job ul li {
            width: 50%;
            float: left;
            margin: 0 0 10px;
            padding: 0 20px 0 95px;
            font-size: 10.5pt;
            position: relative;
            line-height: 19px
        }

            .abt-job ul li span {
                font-weight: 600;
                float: left;
                width: 95px;
                position: absolute;
                top: 1px;
                left: 0;
                color: #a4a4a4;
                border: 0 solid
            }

.abt-job-description {
    width: 100%;
    float: left;
    margin: 25px 0 11px;
    padding: 0
}

.abt-job-description-head {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    color: #a4a4a4;
    font-size: 12pt;
    font-weight: 700
}

.abt-job-description-cont {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.abt-experience-skills {
    width: 100%;
    float: left;
    margin: 0 0 -10px;
    padding: 0
}

.abt-experience-skills-head {
    width: 100%;
    float: left;
    margin: 0 0 14px;
    padding: 0;
    color: #a4a4a4;
    font-size: 12pt;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif
}

.abt-experience-skills ul {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0;
    list-style: none
}

    .abt-experience-skills ul li {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0 0 10px 10px;
        font-size: 11pt;
        position: relative
    }

.abt-company,
.abt-company-head,
.light-box {
    padding: 0;
    float: left
}

.abt-experience-skills ul li:before {
    position: absolute;
    float: left;
    top: 0;
    left: 0;
    content: '-'
}

.abt-company {
    width: 100%;
    margin: 5px 0 30px;
    font-family: Roboto, sans-serif
}

.abt-company-head {
    width: 100%;
    margin: 0 0 10px;
    color: #a4a4a4;
    font-size: 11pt;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif
}

.form-group label,
.lb-forgot-password,
.lb-help-check-line,
.lb-no-thanks-cont,
.resume-options-heading {
    font-family: Roboto, sans-serif
}

.abt-company p,
.abt-experience-skills p,
.abt-job-description-cont p {
    font-size: 11pt;
    line-height: 25px
}

.jd-right .more-jobs-heading {
    margin-top: 0;
    text-align: center
}
/*
.light-box {
    margin: 0;
    background: #eee;
    border: 1px solid #eee
}*/
.light-box {
    margin: 0;
    background: #fff;
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

.light-box-inner-area {
    float: left;
    margin: 25px 0 0;
    padding: 0 15px;
    position: relative;
    width: 100%
}
/*
.lb-crass {
    position: absolute;
    top: -19px;
    right: 15px;
    font-size: 12pt;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: right
}*/
.lb-crass {
    position: absolute;
    top: -15px;
    right: 15px;
    font-size: 12pt;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #EB6845;
    border-radius: 50px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
}

.lb-heading {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 10px 15px;
    /* background: url(../images/lb-heading-line.png) bottom repeat-x; */
    font-size: 20px;
    color: #747884;
    font-weight: 300;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

    .lb-heading .no-job-select {
        text-transform: uppercase;
    }

.quick-apply {
    width: 715px
}

.quick-apply-form {
    width: 100%;
    float: left;
    padding: 0
}

.quick-apply-form-line {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.quick-apply-lb-area {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 10px
}

.light-box .form-group {
    width: 50%;
    float: left;
    padding-right: 10px;
    margin-bottom: 10px;
    position: relative
}

    .light-box .form-group input {
        border: 0 solid #ccc;
        font-size: 11px;
        height: 44px;
        color: #585858
    }

.form-group label {
    color: #858585;
    display: block;
    left: 0;
    line-height: 39px;
    margin-left: 13px;
    position: absolute;
    text-transform: none;
    transform-origin: 0 0 0;
    transition: all .4s ease 0s;
    font-size: 12pt
}

.form-group.focused label {
    top: -4px;
    transform: scale(.85);
    font-size: 10pt
}

.form-group.focused input {
    padding-top: 15px;
    border: 1px solid #cdcdcd
}

.resume-options-heading {
    width: 100%;
    float: left;
    margin: 10px 0 20px;
    padding: 0;
    color: #848484;
    font-size: 12pt
}

    .resume-options-heading span {
        float: left;
        margin: 5px 0 0
    }

    .resume-options-heading .file-value {
        font-size: 10pt;
        padding: 3px 10px;
        margin-left: 20px;
        height: 30px;
        line-height: 24px;
        background: #fff;
        width: 500px;
        float: right
    }

.resume-options-line {
    width: 100%;
    padding: 0;
    display: inline-block;
    margin-top: 15px;
    vertical-align: top;
}

    .attach-btn .green-btn, .resume-options-line a.green-btn {
        background: #eee;
        cursor: pointer;
        position: relative;
        text-transform: inherit;
        padding-right: 8px;
        margin: 0 2px 10px;
        display: inline-block;
        font-size: 10pt;
        color: #37BC9B;
        text-decoration: none;
        vertical-align: top;
    }

        .attach-btn .green-btn:hover,
        .resume-options-line a.green-btn:hover {
            background: #37BC9B !important;
            color: #fff;
        }

    .resume-options-line .green-btn:before {
        top: 2px;
    }

.resume-options-line1 {
    width: 100%;
    float: left;
    margin: 20px 0;
    padding: 0;
    text-align: center
}

    .resume-options-line1 a {
        margin: 0 5px 10px;
        display: inline-block
    }

.attach-btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

#frmQuickApply .resume-options-line .indeed-apply-button-inner-left, #frmQuickApply .resume-options-line .indeed-apply-button-inner, #frmQuickApply .resume-options-line .indeed-apply-button {
    height: 27px !important;
    font-size: 12px !important;
    font-family: Roboto, sans-serif !important;
    font-weight: 500 !important;
    /*background-image: none !important;*/
}

#frmQuickApply .resume-options-line .indeed-apply-button {
    border-radius: 4px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

span.indeed-apply-widget.indeed-apply-state-misconfigured {
    background: #eee;
    cursor: pointer;
    position: relative;
    text-transform: inherit;
    display: inline-block;
    font-size: 10pt;
    color: #37BC9B;
    text-decoration: none;
    vertical-align: top;
    height: 30px;
    border-radius: 4px;
    background: #fd6100 !important;
    background-image: none !important;
}

span.indeed-apply-button-cm {
    position: relative;
    top: -10px;
    left: 5px;
}

#frmQuickApply .resume-options-line .indeed-apply-button-label {
    text-shadow: none;
    font-family: Roboto, sans-serif !important;
    font-weight: 500 !important;
    background-image: none !important;
}

.file-btn-area,
.info-file,
.resume-file:before {
    float: left;
    position: absolute
}

.file-btn-area {
    top: 28px;
    left: 0;
    width: 100%;
    max-width: 360px;
    border: 0 solid red
}

.file-btn {
    background: #c8c8c7;
    border: 1px solid #d4d4d3;
    height: 52px;
    float: left;
    width: 100px;
    text-align: center;
    line-height: 50px;
    font-size: 11pt;
    cursor: pointer
}

.info-file {
    height: .1px;
    opacity: 0;
    overflow: hidden;
    width: .1px;
    z-index: -1
}

.resume-file:before {
    margin: 0;
    padding: 0;
    width: 25px;
    height: 22px;
    content: '';
    background: url(../images/sprite-image.png) 0 -63px no-repeat;
    top: 2px;
    left: 9px;
    border: 0 solid red
}

.dropbox:before,
.google-drive:before {
    width: 25px;
    height: 21px;
    content: '';
    position: absolute;
    left: 7px;
    margin: 0;
    float: left;
    border: 0 solid red
}

.resume-file {
    padding-left: 40px
}

.google-drive:before {
    padding: 0;
    background: url(../images/sprite-image.png) -51px -63px no-repeat;
    top: 6px
}

.google-drive {
    padding-left: 38px
}

.dropbox:before {
    padding: 0;
    background: url(../images/sprite-image.png) -106px -63px no-repeat;
    top: 5px
}

.dropbox {
    padding-left: 38px
}

.lb-button-area {
    width: 100%;
    float: left;
    margin: 0;
    padding: 25px 30px;
    background: #fff;
    text-align: right
}

    .lb-button-area a {
        margin-left: 15px;
        display: inline-block
    }

.your-resume-heading {
    width: 100%;
    float: left;
    margin: 0 0 6px;
    padding: 0;
    color: #a4a4a4;
    font-size: 15pt;
    font-weight: 300
}

.re-sub-head {
    font-size: 14pt
}

    .re-sub-head span {
        font-weight: 600
    }

.lb-help-area {
    width: 100%;
    float: left;
    padding: 0 35px 7px;
    margin: 23px 0 0
}

.lb-help-heading {
    width: 100%;
    float: left;
    margin: 0 0 22px;
    padding: 0;
    color: #a4a4a4;
    font-size: 14pt;
    font-weight: 600
}

.lb-no-thanks-head,
.yes-thank-you-heading {
    float: left;
    font-weight: 300;
    text-align: center
}

.lb-help-heading span {
    color: #b90130
}

.lb-help-check-line {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 25px;
    font-size: 12pt
}

.lb-no-thanks {
    width: 520px
}

.lb-no-thanks-area {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0
}

.lb-no-thanks-head {
    width: 100%;
    color: #a4a4a4;
    font-size: 18pt;
    padding: 0;
    margin: 16px 0 12px
}

.lb-no-thanks-cont {
    width: 100%;
    float: left;
    padding: 0 15px 36px;
    margin: 0;
    font-size: 12pt;
    line-height: 32px
}

    .lb-no-thanks-cont img {
        float: left;
        margin: 1px 5px 0 0
    }

.yes-thank-you {
    width: 615px
}

.yes-thank-you-heading {
    width: 100%;
    color: #a4a4a4;
    font-size: 14pt;
    line-height: 30px;
    padding: 0;
    margin: 5px 0 21px
}

    .cej-line1,
    .yes-thank-you-heading span {
        font-weight: 600
    }

.yes-thank-you-form {
    width: 100%;
    max-width: 320px;
    margin: auto
}

.light-box.yes-thank-you .form-group {
    width: 100%;
    margin-bottom: 17px;
    padding-right: 0 !important
}

.lb-forgot-password,
.lb-login-ac,
.yes-thank-btn {
    padding: 0;
    float: left;
    width: 100%
}

.yes-thank-btn {
    margin: 0 0 50px
}

    .yes-thank-btn .green-btn {
        width: 100%
    }

.lb-forgot-password {
    margin: 16px 0 0;
    text-align: center;
    font-size: 10pt
}

.lb-login-ac {
    margin: 16px 0 48px
}

    .lb-login-ac .yes-thank-btn {
        margin-bottom: 0
    }

.email-job-address .form-group {
    width: 100%;
    max-width: 320px;
    margin-bottom: 25px;
    margin-top: 8px;
    padding-right: 0 !important
}

.cej-line1,
.cej-line2,
.cej-line3 {
    padding: 0;
    float: left
}

.confirnmation-email-job-area {
    margin: 46px 0 48px;
    padding: 0;
    width: 100%;
    float: left;
    text-align: center
}

.cej-line1 {
    margin: 0;
    width: 100%;
    color: #a4a4a4;
    font-size: 14pt
}

.content-base-page li,
.send-password-text {
    width: 100%;
    font-weight: 300;
    font-family: Roboto, sans-serif
}

.cej-line2 {
    margin: 20px 0 26px;
    width: 100%;
    font-size: 11pt;
    font-family: Roboto, sans-serif;
    line-height: 24px
}

.cej-line3 {
    margin: 0;
    width: 100%
}

    .cej-line3 .green-btn {
        padding-left: 45px;
        padding-right: 45px
    }

.without-ch {
    margin: -5px 0 40px
}

.send-password-text {
    margin: 7px 0 0;
    padding: 0;
    float: left;
    text-align: center;
    font-size: 11pt
}

.refine-bg {
    padding: 30px 0 20px
}

.job_display_top-section {
    width: 100%;
    float: left;
    margin: -20px 0 20px;
    padding: 0
}

.float-right {
    float: right
}

.job_display_top-section .float-right {
    margin-top: -8px
}

.job_display_bottom_btn {
    width: 100%;
    float: left;
    margin: -20px 0 30px;
    padding: 10px 0;
    text-align: center
}

#zip-code.form-control {
    padding-left: 9px
}

.jd-heading-client {
    position: relative;
    padding-right: 150px
}

    .jd-heading-client .green-btn {
        position: absolute;
        top: -8px;
        right: 0
    }

.view-sel {
    opacity: .5;
    cursor: auto !important
}

.contact_add br {
    display: none
}

.contact_add a {
    text-decoration: none;
    color: #919191
}

.jobs-sel {
    text-decoration: underline !important;
    color: #919191 !important
}

.job_display_top_btn {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    position: relative;
    z-index: 2;
    top: 3px;
}

.join-network {
    font-size: 10pt;
    margin: 0 13px 0 0;
    font-family: Roboto, sans-serif
}

.home-learn-btn {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center
}

.tab3-link {
    margin-top: 100px;
    float: left;
    width: 100%
}

.content-base-page ol,
.content-base-page ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border: 0 solid red
}

.content-base-page ol {
    padding-left: 20px
}

.content-base-page li {
    float: left;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0;
    color: #919191;
    font-size: 11pt;
    border: 0 solid #000
}

.content-base-page ul li {
    position: relative;
    padding-left: 15px
}

.content-base-page ol li {
    padding-left: 5px
}

.content-base-page ul li:before {
    content: '-';
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.page-inner-heading,
.page-inner-sub-heading {
    margin: 3px 0 7px;
    padding: 0;
    font-weight: 600;
    float: left;
    width: 100%
}

.page-inner-heading {
    font-size: 13pt
}

.page-inner-sub-heading {
    font-size: 11pt
}

ol.alfa-ul,
ol.roman-ul {
    padding-left: 30px
}

ol.alfa-ul {
    padding-top: 5px
}

    ol.alfa-ul li {
        list-style: lower-alpha
    }

ol.roman-ul li {
    list-style: lower-roman
}

.ul-bottom-p {
    margin-bottom: 8px
}

.p-bottom-no-space {
    margin-bottom: 0
}

.database-p {
    float: left;
    width: 100%;
    margin: 15px 0 8px
}


/*interface-harry*/

.fullImg,
.maxImg,
.squireImg,
address,
article,
aside,
footer,
header,
nav,
section {
    display: block
}

.maxImg,
.site-wrapper.over_hidden {
    max-width: 100%
}

.btn,
.btn_group button,
.form-group label,
.input_submit .send_btn,
.section_col_listing li {
    font-family: Roboto, sans-serif
}

.job_title_heading a,
.sidenav a,
a.btn {
    text-decoration: none
}

* {
    margin: 0;
    padding: 0;
    border: 0
}

.marT30,
.marT30px {
    margin-top: 30px
}

html {
    overflow-y: scroll;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.clearfix:after,
.mainWrapper:after,
.row:after {
    display: block;
    content: " ";
    clear: both
}

.fullImg,
.squireImg {
    width: 100%
}

.btn,
.login a {
    font-size: 12pt;
    display: inline-block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal;
    font-weight: 400
}

p {
    margin-bottom: 20px
}

.fullSection,
.fullWidth,
.fullWrapper,
.outer_wrapper {
    width: 100%;
    float: left
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.semibold {
    font-weight: 600
}

.over_hidden {
    overflow: hidden
}

.marT30 {
    margin-left: 2px
}

.padL80 {
    padding-left: 80px
}

.padR80 {
    padding-right: 80px
}

.marT80 {
    margin-top: 80px
}

.btn {
    border: 2px solid #37BC9B;
    border-radius: 8px;
    padding: 12px 47px;
    color: #a4a4a4;
    transition: all .5s ease-in-out;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer
}

.green_btn:hover {
    background-color: #37BC9B;
    color: #fff
}

.homepage_banner {
    width: 100%;
    height: 685px;
    background: url(../images/homepage_banner.jpg) center center no-repeat;
    background-size: cover
}

    .homepage_banner .site-wrapper {
        width: 100%
    }

.banner_contianer {
    padding: 25px 0;
    width: 100%;
    position: relative
}

.logo {
    float: left
}

.menu_login_section {
    float: right
}

.login {
    float: left;
    margin-right: 0
}

    .login a {
        color: #fff;
        padding: 8px 20px;
        border: 1px solid #fff;
        border-radius: 10px
    }

        .login a:hover {
            background-color: #fff;
            color: #00a9dc
        }

a.menu_btn {
    color: #fff;
    background: url(../images/menu_bg.png) 85% center no-repeat #006f8f;
    margin-left: 19px;
    padding: 9px 49px 9px 13px;
    float: left;
    border-radius: 8px;
    display: block
}

.banner_txt {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    margin-top: 231px
}

    .banner_txt div {
        letter-spacing: 1px
    }

.banner_heading {
    font-size: 34pt;
    color: #fff
}

.banner_subheading {
    font-size: 24pt;
    color: #fff;
    padding-top: 5px
}

.over_hidden .inner_wrapper {
    max-width: 1200px;
    margin: 0 auto;
    float: none
}

.inner_wrapper {
    width: 100%;
    padding: 0 90px;
    float: left
}

.section_row {
    width: 100%;
    margin-top: 60px;
    clear: both;
    float: left
}

    .section_row .section_col_img {
        float: left;
        width: 35%
    }

    .section_row .section_col_txt {
        float: left;
        width: 62%
    }

.section_heading {
    font-size: 20pt;
    color: #7b7b7b;
    font-weight: 300;
    margin-bottom: 20px
}

.section_col_listing {
    width: 100%;
    float: left;
    padding-left: 30px;
}

    .section_col_listing li {
        font-size: 13pt;
        color: #a4a4a4;
        padding-bottom: 13px;
        font-weight: 300;
    }

        .section_col_listing li ul {
            padding-left: 20px;
            padding-top: 10px;
        }

            .section_col_listing li ul li ul {
                padding-left: 20px;
                padding-top: 10px;
            }

.d-none {
    display: none;
}

.bg_blue {
    background: url(../images/bg_blue.png) left top no-repeat;
    width: 100%;
    height: 980px;
    background-size: cover;
    padding-top: 170px;
    margin-top: 60px
}

.carousel_slider_wrapper,
.carousel_slider_wrapper1 {
    padding: 30px 0 20px;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.bg_blue .section_col_listing li,
.bg_blue .section_heading,
.white_btn {
    color: #fff
}

.white_btn {
    border: 1px solid #fff
}

    .white_btn:hover {
        background-color: #fff;
        color: #00a9dc
    }

.carousel_slider_wrapper {
    float: left;
    background-color: #ffa03c;
    margin-top: 100px
}

.carousel_slider_wrapper1 {
    background-color: #00a9dc;
    border-top: 1px solid #fff
}

.carousel_slider_wrapper .slider_heading {
    font-size: 14pt
}

.flexslider .slides img {
    width: auto !important;
    max-width: 100%
}

.carousel_slider1 {
    max-width: 1200px;
    padding: 0 85px 15px;
    margin: 0 auto
}

.slider_heading {
    font-size: 14pt;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-bottom: 0 solid #fff
}

.flexslider .slides > li {
    text-align: left
}

.flexslider .slides img {
    display: inline !important
}

.candidate_info-outer {
    width: 100%;
    float: left;
    margin: 1px 0 -50px;
    padding: 25px 0;
    background-color: #06b07d
}

.candidate_info {
    margin: 0 auto;
    max-width: 715px;
    width: 100%
}

.candidate_txt {
    font-size: 21pt;
    color: #fff;
    position: relative;
    display: block;
    cursor: pointer;
    padding: 0 70px 0 0;
    border-bottom: 0 solid #0bb6b0;
    text-align: center;
    font-weight: 300
}

    .candidate_txt:after {
        content: '';
        width: 45px;
        height: 21px;
        display: inline-block;
        background: url(../images/accordian_arrow.png) left -22px no-repeat;
        background-size: 100%;
        margin-left: 15px
    }

    .candidate_txt.open:after {
        background-position: left 2px
    }

.candidate_info_block {
    width: 100%;
    padding: 30px 30px 45px;
    overflow: hidden
}

.form-group {
    width: 50%;
    float: left;
    padding-right: 10px;
    margin-bottom: 20px;
    position: relative
}

    /*.form-group input,
.form_commentbox .form-group textarea {
    background-color: #cdf0ef
}*/

    .form-group:nth-child(11),
    .form-group:nth-child(2),
    .form-group:nth-child(4),
    .form-group:nth-child(7),
    .form-group:nth-child(9) {
        padding-right: 0
    }

    .form-group label {
        color: #7b7b7b;
        display: block;
        left: 0;
        line-height: inherit;
        margin-left: 13px;
        position: absolute;
        text-transform: none;
        transform-origin: 0 0 0;
        transition: all .4s ease 0s;
        font-size: 11pt;
        height: 100%;
        padding-top: 10px
    }

    .form-control,
    .form-group select {
        background-image: none;
        display: block;
        line-height: 1.42857;
        transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
        width: 100%
    }

    .form-group input,
    .form-group select,
    .form_commentbox .form-group textarea {
        border: 1px solid #ccc;
        font-size: 11pt;
        height: 44px;
        color: #585858
    }

.form-control {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    height: 34px;
    padding: 0 12px
}

.form-group select {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    padding: 0 30px 0 12px;
    color: #7b7b7b
}

    .form-group select::-ms-expand {
        display: none
    }

.form-group.focused input,
.form_commentbox .form-group textarea {
    padding-top: 15px;
}

.form-group.focused label {
    top: -8px;
    transform: scale(.85);
    font-size: 10pt
}

.form-group.focused.input-textarea label {
    line-height: 22px;
    text-align: left;
    font-size: 10pt;
    margin-top: 10px;
    padding-top: 6px;
    max-width: 110%
}

.form-group.error label {
    color: #e74c3c
}

.form-group.error input,
.form-group.error textarea {
    border: 1px solid #e74c3c
}

.form-group.success label {
    color: #78c92c
}

.form-group.success input {
    border: 1px solid #78c92c
}

.select-box.error {
    border: 1px solid #e74c3c
}

    .select-box.error .change-value,
    .select-box.error .custom-select-boxs {
        color: #e74c3c
    }

.select-box.success {
    border: 1px solid #78c92c
}

.astrict {
    color: #c10037;
    vertical-align: 25%;
    padding-right: 3px
}

.form-group.ext_no {
    width: 15%;
    float: left;
    position: relative
}

.form-group.phone_no {
    width: 35%;
    float: left;
    padding-right: 20px;
    position: relative
}

.select-style {
    width: 100%;
    overflow: hidden;
    background: url(../images/select_arrow.png) 96% 50% no-repeat #cdf0ef
}

    .select-style select {
        width: 100%;
        background: 0 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .select-style select:focus {
            outline: 0
        }

        .select-style select option {
            padding: 6px 12px;
            overflow: hidden
        }

.form_commentbox {
    width: 100%
}

    .form_commentbox .form-group {
        width: 100%;
        padding-right: 0
    }

        .form_commentbox .form-group textarea {
            resize: none;
            height: 210px
        }

.input_submit {
    width: 100%;
    clear: both;
    float: left;
    text-align: center
}

    .input_submit .send_btn {
        background-color: transparent;
        border: 2px solid #fff;
        border-radius: 5px;
        padding: 11px 38px;
        font-size: 13pt;
        color: #fff;
        font-weight: 500;
        letter-spacing: 1px
    }

        .input_submit .send_btn:hover {
            background-color: #fff;
            color: #a4a4a4
        }

#main_wrapper {
    margin-right: .1s ease 0s
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    background-color: #06b07d;
    overflow-x: hidden;
    transition: .1s;
    padding-top: 60px
}

    .sidenav a {
        padding: 0 8px 0 37px;
        font-size: 13pt;
        color: #fff;
        display: inline-block;
        transition: .3s;
        margin-top: 37px;
        float: left;
        clear: both;
        background: url(../images/nav_arrow.png) 18px center no-repeat
    }

        .offcanvas a:focus,
        .sidenav a:hover {
            color: #f1f1f1
        }

    .sidenav .closebtn {
        position: absolute;
        top: 28px;
        right: 20px;
        font-size: 12pt;
        color: #ebe9e0;
        background: url(../images/close_nav.png) 85% 14px no-repeat #035167;
        height: 43px;
        display: inline-block;
        padding: 12px 36px 15px 15px;
        border-radius: 3px;
        margin-top: 0
    }

#mySidenav {
    border-left: 0 solid #3e3e3e
}

#overlay {
    transition: background-color .5s;
    position: fixed;
    z-index: 99;
    height: 100%;
    width: 100%;
    display: none;
    background-color: rgba(0, 0, 0, .5)
}

.search_icon,
.searchhox_txt {
    display: inline-block;
    float: left
}

.right-block {
    position: fixed;
    top: 200px;
    right: 50px
}

.searchbar {
    width: 100%;
    /*background-color: #666666;*/
    padding: 13px 0 12px;
    padding-bottom: 3px;
    clear: both;
    overflow: hidden;
    min-height: 42px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .searchbar {
        padding-bottom: 5px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .searchbar,
    ::i-block-chrome {
        padding-bottom: 13px
    }
}

.search_icon {
    /*position: absolute;
    top: 12px;
    left: 25px*/
    /*position: absolute;
    top: auto;
    left: -30px;
    margin-top: 10px;
    font-weight: 700;
    font-size: 20px;
      
    border-radius: 2px;
    padding: 5px 5px;
 
    cursor: pointer;
    text-transform: uppercase;
    background-color: #37BC9B;
    color: #fff;
   
    box-shadow: rgba(0,0,0,0) 0px 0px 0px;*/
    position: absolute;
    top: auto;
    left: -22px;
    margin-top: 6px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 2px;
    padding: 6px 8px;
    cursor: pointer;
    text-transform: uppercase;
    background-color: #ffb212;
    color: #fff;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 5px;
}

#search_main_wrapper .site-wrapper,
.list_panel_icon, .applynow,
.searc_list {
    position: relative
}

.search_icon img {
    float: left
}

.searchhox_txt {
    width: 100%;
    font-size: 11pt;
    color: #fff;
    padding-left: 5px;
    padding-top: 1px
}

.searchbar_title .searchbar_heading {
    /*font-size: 20pt;
    color: #fff*/
    font-size: 1.4rem;
    /*color: #757a7f;*/
    border-left: double 4px;
    line-height: 1.2;
    padding: 0px 10px;
    display: inline-block;
    border-right: double 4px;
    vertical-align: top;
    font-weight: 600;
    text-transform: uppercase;
}

.searchbar_title .search_result {
    /*font-size: 12pt;
    color: #fff;
    margin-top: 5px*/
    margin-left: 6px;
    border-radius: 4px;
    padding: 10px 15px 12px;
    font-weight: 600;
    font-size: 10pt;
    display: inline;
    clear: both;
    margin: 0 5px 15px;
    transition: all .5s ease-in-out;
    /*text-transform: uppercase;*/
}

.client_job_view {
    max-width: 880px;
    margin: 0 auto;
    width: 100%;
    padding: 25px 35px 10px;
    overflow: hidden;
    clear: both;
    margin-bottom: 5px;
}

    .client_job_view.odd {
        background-color: #f6f6f6;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .client_job_view:hover {
        box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
    }

    .client_job_view .job_title {
        font-size: 14pt;
        font-weight: 300;
        color: #00a9dc
    }

    .client_job_view .job_description {
        color: #919191;
        font-size: 11pt;
        line-height: 25px
    }

    .client_job_view .job_location {
        background: url(../images/location_icon.png) top left no-repeat;
        padding-left: 20px;
        padding-bottom: 2px;
        font-size: 10pt;
        color: #989898;
        float: left
    }

    .client_job_view .short_description {
        float: right;
        margin-left: 14px
    }

        .client_job_view .short_description li {
            color: #989898;
            font-size: 10pt;
            border-right: 1px solid #989898;
            padding-right: 11px;
            margin-right: 11px;
            float: left;
            list-style-type: none
        }

            .client_job_view .short_description li.wage {
                padding-right: 34px
            }

            .client_job_view .short_description li:last-child {
                border-right: 0
            }

.btn_group {
    margin: 0 auto;
    clear: both;
    text-align: center
}

    .btn_group button {
        border: 2px solid #37BC9B;
        border-radius: 8px;
        padding: 10px 15px 12px;
        color: #a4a4a4;
        font-weight: 500;
        background-color: transparent;
        font-size: 10pt;
        display: inline;
        clear: both;
        margin: 0 5px 15px;
        cursor: pointer;
        transition: all .5s ease-in-out;
        text-transform: uppercase
    }

.list_panel_icon a,
a.backto_all {
    display: inline-block
}

.btn_group button:hover {
    background-color: #37BC9B;
    color: #fff
}

.list_panel_icon {
    padding: 8px 5px;
    background: #f5c664;
    border-radius: 4px;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.applynow {
    /*float: right;*/
    padding: 8px 5px;
    background: #37BC9B;
    border-radius: 4px;
    padding-bottom: 4px;
}

    .applynow:hover {
        background-color: #4c7143;
    }

    .applynow a {
        color: #fff;
        cursor: pointer;
        text-decoration: none;
    }

    .applynow:hover a {
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }

.list_panel_icon img {
    cursor: pointer;
    margin-right: 10px
}

    .list_panel_icon img:last-child {
        margin-right: 0
    }

.panelview_wrapper {
    width: 100%;
    display: inline-block;
    background-color: #f6f6f6;
    /*float: left;*/
    margin: 0 0 20px;
    padding: 20px;
    height: auto !important;
    overflow: inherit !important;
}

    /*.panelview_wrapper .client_job_view:nth-child(1),
.panelview_wrapper .client_job_view:nth-child(2) {
    margin-top: 0
}*/

    .panelview_wrapper .client_job_view {
        /*clear: none;
    background: #fff;
    width: 49%;
    float: left;
    margin: 20px 0 0 2%;
    padding: 25px 15px 10px*/
        background: #fff;
        padding: 15px;
        display: inline-block;
        width: 47%;
        vertical-align: top;
        min-height: 400px;
        max-height: 400px;
        margin: 10px 12px;
    }

        .panelview_wrapper .client_job_view .job_location {
            margin-bottom: 8px
        }

        .panelview_wrapper .client_job_view .short_description {
            margin-left: 15px;
            padding-bottom: 13px;
            width: 100%;
            clear: both;
            float: none
        }

            .panelview_wrapper .client_job_view .short_description li {
                width: 100%;
                border: 0;
                padding-bottom: 7px;
                float: none
            }

/*.panelview_wrapper .client_job_view.odd {
    margin-left: 0
}*/

.search_panel {
    width: 100%;
    max-width: 280px;
    background-color: #B80A12;
    padding: 18px 9px 0;
    overflow: hidden;
    float: left;
    margin-left: -280px;
    transition: .5s;
    height: 100% !important;
    margin-left: 0px;
    margin-bottom: -18px;
}

.close_panel {
    float: right;
    margin-top: 6px
}

    .close_panel img {
        width: 15px
    }

.searc_list {
    font-size: 16pt;
    color: #fff;
    font-weight: 600;
    float: left;
    margin-bottom: 20px
}

.searchbox {
    width: 100%;
    padding-top: 12px;
}

.search-header .searchbox {
    width: 100%;
    /*padding-top: 12px*/
    display: inline-block !important;
    margin-left: 12px;
    z-index: 9;
    /*width:30%;*/
    padding-top: 0px;
    margin-top: 4px;
    position: relative;
}

.search-header .advanced-search + .searchbox {
    margin-left: 0px;
}

.searchbox input[type=text] {
    width: 100%;
    height: 39px;
    line-height: 35px;
    color: #989898;
    border-radius: 2px;
    border: solid 1px;
}

.panel_search_button .search_link a,
.panel_search_button button {
    color: #fff;
    font-weight: 600;
    transition: all .5s ease-in-out;
    cursor: pointer;
    font-family: Roboto, sans-serif
}

.searchbox .searcbh_input {
    background: url(../images/search.png) 2px 12px no-repeat #fff;
    padding: 3px 3px 3px 23px
}

.searchbox .search_location {
    background: url(../images/location_search.png) 2px 10px no-repeat #fff;
    padding: 3px 3px 3px 20px
}

.panel_search_button {
    text-align: center;
    margin: 16px auto 0
}

    .panel_search_button .search_link {
        clear: both;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 30px
    }

        .panel_search_button .search_link a {
            font-size: 11pt;
            padding: 0 5px
        }

    .panel_search_button button {
        background-color: transparent;
        font-size: 10pt;
        padding: 10px 15px;
        border: 2px solid #fff;
        border-radius: 8px
    }

        .panel_search_button button:hover {
            background-color: #fff;
            color: #06b07d
        }

.job_title_section {
    width: 100%;
    padding: 0 0 15px;
    text-align: left;
    float: left;
    border-bottom: 0 solid rgba(254, 254, 254, .4)
}

.jts-last {
    border: none
}

,
.job_title_section p {
    font-size: 11pt;
    color: #fff;
    font-family: Roboto, sans-serif;
    text-align: left
}

.job_all_title,
.job_title_heading,
.showmore a {
    font-family: Roboto, sans-serif
}

.job_title_section p.jobtitle_active {
    font-size: 12pt;
    color: #d3d3d3
}

.job_title_heading {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 8px;
    font-size: 12pt;
    font-weight: 500
}

    .job_title_heading a {
        width: 100%;
        color: #fff;
        float: left;
        position: relative
    }

        .job_title_heading a:before {
            position: absolute;
            width: 17px;
            height: 15px;
            float: left;
            margin: 0;
            padding: 0;
            top: 4px;
            right: 0;
            background: url(../images/sprite-image.png) -151px -63px no-repeat;
            border: 0 solid red;
            content: ''
        }

        .job_title_heading a.open:before {
            background-position: -186px -63px
        }

.job_all_title {
    width: 100%;
    float: left;
    margin: 5px 0 0;
    padding: 15px 8px 0;
    font-size: 11pt;
    border-top: 1px solid rgba(254, 254, 254, .4)
}

    .job_all_title ul,
    .job_all_title ul li,
    .showmore {
        padding: 0;
        width: 100%;
        float: left
    }

    .job_all_title ul {
        margin: 0;
        list-style: none;
        text-align: left
    }

        .job_all_title ul li {
            margin: 0 0 14px
        }

            .job_all_title ul li a {
                color: #fff;
                text-decoration: none
            }

.showmore {
    text-align: center;
    margin: 0 0 15px
}

    .showmore a {
        color: #fff;
        font-family: 11pt
    }

.aboutus_wrapper p,
.contact_add,
.no_result_found p,
a.backto_all {
    font-family: Roboto, sans-serif
}

#search_main_wrapper {
    /*background: url(../images/client/top_headerbg_wicked.png) top left repeat-x;*/
    /* overflow: hidden;*/
}

.right_panel {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    /* max-width: 880px; */
    width: 100%;
    padding: 0 15px;
    text-align: center;
}

.right_panel_wrapper {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    position: relative;
    margin-bottom: 30px
}

.no_result_found {
    width: 100%;
    text-align: center;
    padding: 200px 0
}

    .no_result_found p {
        font-size: 15pt;
        color: #c20000;
        margin-bottom: 5px
    }

.right_panel_left {
    float: left;
    transition: .1s ease 0s
}

.search_panel_left {
    float: left;
    transition: .1s ease 0s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    overflow: hidden;
    display: none;
}

.search_panel_width {
    width: 280px;
    transition: .1s ease 0s
}

.job_display_section {
    margin-top: 40px;
    width: 100%;
    position: relative
}

.message-font-smaller {
    font-size: smaller;
}

a.backto_all {
    color: #00a9dc;
    font-size: 10pt;
    padding-left: 15px;
    background: url(../images/back_arrow.png) 2px 2px no-repeat;
    z-index: 2;
    position: relative;
}

.common_title_bar {
    background-color: #00a9dc;
    border-top: 1px solid #fff;
    float: left;
    width: 100%;
    padding: 25px 0 24px
}

.page_title {
    font-size: 18pt;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase
}

.aboutus_wrapper {
    max-width: 770px;
    margin: 0 auto;
    width: 100%;
    padding-top: 40px;
    overflow: hidden
}

    .aboutus_wrapper p {
        color: #919191;
        font-size: 11pt;
        font-weight: 300;
        line-height: 24px
    }

.learnmore_button {
    text-align: center;
    margin: 0 auto;
    padding-top: 20px
}

.contactus_wrapper,
.info_block {
    width: 100%;
    margin: 0 auto;
    padding-top: 25px
}

.learnmore_button .green_btn {
    font-size: 12pt;
    font-weight: 500
}

.contactus_wrapper {
    max-width: 1045px;
    overflow: hidden
}

.google_map {
    width: 100%;
    background: #f0ede6;
    margin: 0 auto;
    height: 330px
}

.info_block {
    text-align: center;
    max-width: 500px;
    padding-bottom: 20px
}

.contact_title {
    font-size: 18pt;
    color: #7b7b7b
}

.contact_add {
    font-size: 12pt;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 25px
}

.pagination_block {
    text-align: center;
    padding-top: 47px
}

    .pagination_block .pagnation {
        text-align: center;
        float: none;
        overflow: hidden;
        margin-bottom: 0
    }

.list_view {
    margin-right: 7px
}

.carousel_slider_wrapper1 .flex-direction-nav a {
    margin-top: 0
}

.candidate_info_block .select-style select {
    width: 99%
}

.candidate_info_block .form-group.focused input {
    border: 1px solid #016b4b
}


/*demo-harry*/

.toggle,
.toggle li,
aside h3,
body {
    float: left
}

.cf:after,
.cf:before {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    zoom: 1
}

.toggle {
    margin: 2px 0 0 14px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

    .toggle li a {
        width: 50px;
        padding: 6px 0;
        text-align: center;
        display: block;
        text-shadow: 1px 1px 0 #fff;
        font-size: 12px;
        font-weight: 600;
        color: #666;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -o-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
        background: #fff;
        background: -moz-linear-gradient(top, #fff 0, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #ededed));
        background: -webkit-linear-gradient(top, #fff 0, #ededed 100%);
        background: -o-linear-gradient(top, #fff 0, #ededed 100%);
        background: -ms-linear-gradient(top, #fff 0, #ededed 100%);
        background: linear-gradient(top, #fff 0, #ededed 100%);
        box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
        -moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
        -webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff
    }

    .toggle li:first-child a {
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -o-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }

    .toggle li a:hover {
        background: #ededed;
        color: #222
    }

    .toggle li a.active {
        background: #c8e0f3;
        color: #325874;
        cursor: default;
        box-shadow: inset 0 0 3px rgba(0, 0, 0, .4);
        -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .4);
        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .4)
    }

#carousel li {
    margin-right: 5px
}

#carousel img {
    display: block;
    opacity: .5;
    cursor: pointer
}

    #carousel img:hover {
        opacity: 1
    }

#carousel .flex-active-slide img {
    opacity: 1;
    cursor: default
}

.button {
    display: inline-block;
    margin: 0;
    padding: .461em 1.563em .41em;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .7);
    text-transform: uppercase;
    line-height: 1;
    font-size: .9em;
    cursor: pointer;
    font-family: proxima-nova, sans-serif;
    border: 1px solid #1a4064;
    background: #255a8c;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .1), inset 0 0 1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .1), inset 0 0 1px 1px rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .1), inset 0 0 1px 1px rgba(255, 255, 255, .15)
}

    .button:active {
        -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .1), inset 0 0 1px 1px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .1), inset 0 0 1px 1px rgba(0, 0, 0, .1);
        box-shadow: 0 0 0 3px rgba(0, 0, 0, .1), inset 0 0 1px 1px rgba(0, 0, 0, .1)
    }

    .button.green {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
        border: 1px solid #578824;
        background: #71b02f
    }

        .button.green:hover {
            background: #79bc32
        }

.loading #container {
    opacity: 0
}

.loading {
    text-align: center;
    padding: 5px 0;
}
/*
.loading:before {
    content: 'LOADING';
    display: block;
    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    opacity: .3
}*/

body {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s ease
}

#main {
    margin-left: 420px;
    margin-top: -25px;
    overflow: hidden
}

header .logo {
    display: block;
    margin: 0 0 30px
}

header h1 {
    font-family: Geogrotesque-Semibold, Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    text-shadow: 0 1px 0 #2F4C63;
    color: #fff;
    font-size: 42px
}

h3.nav-header,
header h2 {
    text-shadow: 0 1px 1px #555;
    color: #fff
}

header h2 {
    margin: 0 0 30px;
    font: 400 20px Geogrotesque-regular, Helvetica, Arial, sans-serif
}

header .button {
    margin: 0 0 50px;
    padding: 10px 15px;
    position: relative
}

h3.nav-header {
    width: 200px;
    margin: 0 0 10px;
    padding: 0 0 3px;
    font-size: 18px;
    font-family: Geogrotesque-Regular, Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

nav li {
    margin: 0 0 7px;
    font-size: 15px
}

    nav li a:hover,
    nav li.active a {
        border-bottom: 1px dotted #fff;
        border-bottom: 1px dotted rgba(255, 255, 255, .3);
        background: 0 0
    }

    nav li.active a {
        cursor: default
    }

@media screen and (max-width:960px) {
    #container {
        padding: 35px
    }

    header {
        width: 380px
    }

    #main {
        margin-left: 380px
    }

    aside h3 {
        float: none;
        font-size: 20px
    }

    .toggle {
        margin-left: 0;
        float: none
    }
}

@media screen and (max-width:768px) {
    header,
    nav {
        width: 100%
    }

        header,
        nav a {
            text-align: center
        }

        nav .active,
        nav a {
            display: block
        }

    #container {
        padding: 20px 30px
    }

    header {
        float: none
    }

        header h1 {
            margin: 0 auto 10px;
            font-size: 32px
        }

        h3.nav-header,
        header h2 {
            font-size: 16px
        }

        header .button {
            margin-bottom: 28px
        }

    #main {
        margin-left: 0
    }

    h3.nav-header {
        margin: 0 auto 10px
    }

    nav {
        position: relative;
        min-height: 46px;
        margin-bottom: 20px
    }

        nav ul {
            width: 260px;
            padding: 0;
            position: absolute;
            left: 50%;
            margin-left: -130px;
            top: 0;
            z-index: 9999;
            border: 1px solid #1e5486;
            background: #255a8c;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2), inset 0 0 2px 0 rgba(255, 255, 255, .2);
            -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2), inset 0 0 2px 0 rgba(255, 255, 255, .2);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2), inset 0 0 2px 0 rgba(255, 255, 255, .2)
        }

        nav li {
            display: none;
            margin: 0
        }

            nav li a {
                border: none !important;
                text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
            }

                nav li a:hover {
                    text-decoration: underline
                }

        nav a {
            padding: 10px 20px;
            font-size: 12px
        }

        nav .active a {
            background: 0 0;
            color: #fff;
            position: relative
        }

            nav .active a:after {
                font-family: flexslider-icon;
                content: '\f005';
                font-size: 13px;
                position: absolute;
                right: 10px;
                top: 10px
            }

        nav ul:hover {
            background: #32679a
        }

            nav ul:hover li {
                display: block;
                margin: 0 0 5px
            }

            nav ul:hover .active {
                border: 1px solid #1e5486 !important;
                background: #255a8c;
                -webkit-border-radius: 1px;
                -moz-border-radius: 1px;
                border-radius: 1px
            }

                nav ul:hover .active a:after {
                    display: none
                }
}

.syntaxhighlighter a,
.syntaxhighlighter code,
.syntaxhighlighter div,
.syntaxhighlighter table,
.syntaxhighlighter table caption,
.syntaxhighlighter table tbody,
.syntaxhighlighter table td,
.syntaxhighlighter table thead,
.syntaxhighlighter table tr,
.syntaxhighlighter textarea {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: 0 0 !important;
    border: 0 !important;
    bottom: auto !important;
    float: none !important;
    height: auto !important;
    left: auto !important;
    line-height: 1.1em !important;
    margin: 0 !important;
    outline: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    text-align: left !important;
    top: auto !important;
    vertical-align: baseline !important;
    width: auto !important;
    box-sizing: content-box !important;
    font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 1em !important;
    min-height: inherit !important;
    min-height: auto !important
}

    .syntaxhighlighter,
    .syntaxhighlighter table td.code .container {
        position: relative !important
    }

        .syntaxhighlighter .bold,
        .syntaxhighlighter .keyword,
        .syntaxhighlighter .script,
        .syntaxhighlighter.printing .script {
            font-weight: 700 !important
        }

.syntaxhighlighter {
    margin: 1em 0 !important;
    overflow: auto !important
}

    .syntaxhighlighter.source {
        overflow: hidden !important
    }

    .syntaxhighlighter .italic {
        font-style: italic !important
    }

    .syntaxhighlighter .line {
        white-space: pre !important
    }

    .syntaxhighlighter table {
        width: 100% !important
    }

        .syntaxhighlighter table caption {
            text-align: left !important;
            padding: .5em 0 .5em 1em !important
        }

        .syntaxhighlighter table td.code .container textarea {
            box-sizing: border-box !important;
            position: absolute !important;
            left: 0 !important;
            top: 0 !important;
            width: 100% !important;
            height: 100% !important;
            border: none !important;
            background: #fff !important;
            padding-left: 1em !important;
            overflow: hidden !important;
            white-space: pre !important
        }

        .syntaxhighlighter table td.gutter .line {
            text-align: right !important;
            padding: 0 .5em 0 1em !important
        }

    .syntaxhighlighter.nogutter td.code .container textarea,
    .syntaxhighlighter.nogutter td.code .line {
        padding-left: 0 !important
    }

    .syntaxhighlighter.show {
        display: block !important
    }

    .syntaxhighlighter.collapsed table {
        display: none !important
    }

    .syntaxhighlighter.collapsed .toolbar {
        padding: .1em .8em 0 !important;
        font-size: 1em !important;
        position: static !important;
        width: auto !important;
        height: auto !important
    }

        .syntaxhighlighter.collapsed .toolbar span {
            display: inline !important;
            margin-right: 1em !important
        }

            .syntaxhighlighter.collapsed .toolbar span a {
                padding: 0 !important;
                display: none !important
            }

                .syntaxhighlighter .toolbar span.title,
                .syntaxhighlighter.collapsed .toolbar span a.expandSource {
                    display: inline !important
                }

    .syntaxhighlighter .toolbar {
        position: absolute !important;
        right: 1px !important;
        top: 1px !important;
        width: 11px !important;
        height: 11px !important;
        font-size: 10px !important;
        z-index: 10 !important
    }

        .syntaxhighlighter .toolbar a {
            display: block !important;
            text-align: center !important;
            text-decoration: none !important;
            padding-top: 1px !important
        }

            .syntaxhighlighter .toolbar a.expandSource,
            .syntaxhighlighter.printing .toolbar {
                display: none !important
            }

    .syntaxhighlighter.ie {
        font-size: .9em !important;
        padding: 1px 0 !important
    }

        .syntaxhighlighter.ie .toolbar {
            line-height: 8px !important
        }

            .syntaxhighlighter.ie .toolbar a {
                padding-top: 0 !important
            }

    .syntaxhighlighter.printing .line.alt1 .content,
    .syntaxhighlighter.printing .line.alt2 .content,
    .syntaxhighlighter.printing .line.highlighted .number,
    .syntaxhighlighter.printing .line.highlighted.alt1 .content,
    .syntaxhighlighter.printing .line.highlighted.alt2 .content {
        background: 0 0 !important
    }

    .syntaxhighlighter.printing .line .number {
        color: #bbb !important
    }

    .syntaxhighlighter.printing .line .content,
    .syntaxhighlighter.printing .plain,
    .syntaxhighlighter.printing .plain a {
        color: #000 !important
    }

    .syntaxhighlighter.printing a {
        text-decoration: none !important
    }

    .syntaxhighlighter.printing .comments,
    .syntaxhighlighter.printing .comments a {
        color: #008200 !important
    }

    .syntaxhighlighter.printing .string,
    .syntaxhighlighter.printing .string a {
        color: #00f !important
    }

    .syntaxhighlighter.printing .keyword {
        color: #069 !important;
        font-weight: 700 !important
    }

    .syntaxhighlighter.printing .preprocessor {
        color: gray !important
    }

    .syntaxhighlighter.printing .variable {
        color: #a70 !important
    }

    .syntaxhighlighter.printing .value {
        color: #090 !important
    }

    .syntaxhighlighter.printing .functions {
        color: #ff1493 !important
    }

    .syntaxhighlighter.printing .constants {
        color: #06c !important
    }

    .syntaxhighlighter.printing .color1,
    .syntaxhighlighter.printing .color1 a {
        color: gray !important
    }

    .syntaxhighlighter.printing .color2,
    .syntaxhighlighter.printing .color2 a {
        color: #ff1493 !important
    }

    .syntaxhighlighter.printing .color3,
    .syntaxhighlighter.printing .color3 a {
        color: red !important
    }

    .syntaxhighlighter .line.highlighted.number,
    .syntaxhighlighter table caption,
    .syntaxhighlighter.printing .break,
    .syntaxhighlighter.printing .break a {
        color: #000 !important
    }

.syntaxhighlighter {
    clear: both;
    width: auto !important;
    font-size: 13px !important;
    line-height: 21px !important;
    font-family: Courier, "Courier New", monospace;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

    .syntaxhighlighter .line.alt1,
    .syntaxhighlighter .line.alt2 {
        width: 100% !important;
        padding: 0 !important;
        background-color: #fff !important
    }

    .syntaxhighlighter table td.code {
        width: auto !important;
        padding: 10px 12px !important
    }

        .syntaxhighlighter table td.code .line {
            width: auto !important;
            padding: 0 !important
        }

    .syntaxhighlighter,
    .syntaxhighlighter .line.alt1,
    .syntaxhighlighter .line.alt2 {
        background-color: #fff !important
    }

        .syntaxhighlighter .line.highlighted.alt1,
        .syntaxhighlighter .line.highlighted.alt2 {
            background-color: #e0e0e0 !important
        }

        .syntaxhighlighter .gutter {
            color: #afafaf !important
        }

            .syntaxhighlighter .gutter .line {
                border-right: 3px solid #6ce26c !important
            }

                .syntaxhighlighter .gutter .line.highlighted {
                    background-color: #6ce26c !important;
                    color: #fff !important
                }

        .syntaxhighlighter.printing .line .content {
            border: none !important
        }

        .syntaxhighlighter.collapsed {
            overflow: visible !important
        }

            .syntaxhighlighter.collapsed .toolbar {
                color: #00f !important;
                background: #fff !important;
                border: 1px solid #6ce26c !important
            }

                .syntaxhighlighter.collapsed .toolbar a {
                    color: #00f !important
                }

                    .syntaxhighlighter.collapsed .toolbar a:hover {
                        color: red !important
                    }

        .syntaxhighlighter .toolbar {
            color: #fff !important;
            background: #6ce26c !important;
            border: none !important
        }

            .syntaxhighlighter .toolbar a {
                color: #fff !important
            }

                .syntaxhighlighter .plain,
                .syntaxhighlighter .plain a,
                .syntaxhighlighter .toolbar a:hover {
                    color: #000 !important
                }

        .syntaxhighlighter .comments,
        .syntaxhighlighter .comments a {
            color: #008200 !important
        }

        .syntaxhighlighter .string,
        .syntaxhighlighter .string a {
            color: #00f !important
        }

        .syntaxhighlighter .keyword {
            color: #069 !important
        }

        .syntaxhighlighter .preprocessor {
            color: gray !important
        }

        .syntaxhighlighter .variable {
            color: #a70 !important
        }

        .syntaxhighlighter .value {
            color: #090 !important
        }

        .syntaxhighlighter .functions {
            color: #ff1493 !important
        }

        .syntaxhighlighter .constants {
            color: #06c !important
        }

        .syntaxhighlighter .script {
            color: #069 !important;
            background-color: none !important
        }

        .syntaxhighlighter .color1,
        .syntaxhighlighter .color1 a {
            color: gray !important
        }

        .syntaxhighlighter .color2,
        .syntaxhighlighter .color2 a {
            color: #ff1493 !important
        }

        .syntaxhighlighter .color3,
        .syntaxhighlighter .color3 a {
            color: red !important
        }


/*End For interface CSS*/


/*Start For Media CSS*/


/*media*/

@media screen and (max-width:1030px) {
    .login-area {
        margin: 35px 0 20px
    }

    .find-all-job-section ul {
        padding: 0
    }

    .search-result-head {
        margin-bottom: 20px
    }

    .bredcrumb {
        padding: 15px 0 0
    }
}

@media screen and (max-width:800px) {
    .footer-left-section {
        padding-left: 0
    }

    .footer-right-section {
        padding-right: 0
    }

    .site-wrapper {
        padding: 0 15px
    }

    .login-job-seekers {
        line-height: 25px
    }

    .find-new-job-heading {
        font-size: 17pt;
        margin-bottom: 20px
    }

    .find-new-job-section {
        padding: 20px 0 30px
    }

    .find-all-job-head {
        font-size: 20pt;
        margin: 25px 0 20px
    }

    .find-all-job-section ul li {
        width: 16%
    }

    .bottom-search-menu a {
        font-size: 13pt
    }

    .bottom-search-menu span {
        margin: 0 15px
    }

    .refine-search-form {
        margin: 10px 0 0
    }

    .modify-search {
        width: 100%;
        margin: 0 0 5px
    }

    .page-left-area,
    .page-right-area {
        width: 100%
    }

    .page-right-area {
        margin: 15px 0 25px
    }

    .job-search-result-head {
        font-size: 17pt
    }

    .search-result-head {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .sr-job-title {
        font-size: 12pt;
        padding-right: 0;
        margin-bottom: 3px
    }

    .sr-box-line2,
    .sr-job-company-info {
        font-size: 10.5pt
    }
}

@media screen and (max-width:700px) {
    .bredcrumb,
    .header-dd ul ul::before,
    .jd-heading-client .green-btn,
    .job_display_top_btn .green-btn {
        display: none
    }

    .filter-results-area {
        position: relative;
        padding-left: 100px
    }

        .filter-results-area span {
            position: absolute;
            left: 0;
            top: 2px;
            font-size: 10.5pt
        }

    .filter-results-area,
    .filter-sel-b {
        width: 100%
    }

    .find-new-job-heading {
        font-size: 15pt;
        margin-bottom: 15px
    }

    .find-new-job-form {
        padding-right: 150px
    }

    .search-btn-area {
        width: 135px
    }

    .search-btn {
        padding: 0 10px
    }

    .find-all-job-section ul li {
        width: 19%;
        margin: 0 .5% 15px
    }

    .sr-box-line1 {
        padding: 0
    }

    .search-result-box {
        margin-bottom: 40px
    }

    .sr-box-line1-right {
        position: inherit;
        margin: 15px 0 3px
    }

    .sr-box-line2 {
        margin: 15px 0
    }

    .lb-button-area {
        padding: 15px 10px;
        text-align: center
    }

    .header-dd,
    .pagnation {
        text-align: left
    }

    .lb-button-area a {
        margin: 10px 0
    }

    .lb-help-area,
    .light-box-inner-area {
        margin-top: 15px
    }

    .lb-heading {
        font-size: 14pt
    }

    .lb-crass {
        top: -10px
    }

    .light-box {
        width: 90% !important
    }

    .email-job-address .form-group {
        margin-bottom: 20px
    }

    .lb-help-heading {
        font-size: 12pt
    }

    .bottom-search-menu a,
    .lb-help-check-line {
        font-size: 11pt
    }

    .header-dd {
        width: 100%;
        margin: 7px 0 0
    }

        .header-dd ul li:hover > ul {
            left: 0
        }

    .footer-area {
        margin-top: 25px
    }

    .page-heading-area {
        margin-top: 15px
    }

    .bottom-search-menu {
        margin-bottom: -25px
    }

        .bottom-search-menu span {
            line-height: 16px;
            height: 17px;
            width: 1px;
            margin: 0 10px
        }

    .quick-apply-form {
        margin-top: 20px
    }

    .jd-heading {
        padding-right: 0
    }

    .close_panel img {
        width: 14px
    }

    .join-network {
        margin-right: 0
    }

    .resume-options-heading .file-value {
        width: 100%;
        margin: 5px 0 0
    }
}

@media screen and (max-width:600px) {
    .footer-left-section,
    .footer-right-section {
        width: 100%
    }

    .footer-left-section {
        margin-top: 25px
    }

    .footer-right-section {
        text-align: left
    }

    .footer-left-section ul {
        max-width: 100%;
        text-align: center
    }

        .footer-left-section ul li {
            display: inline-block;
            margin: 0 8px 10px 0;
            padding-right: 8px;
            border-right: 1px solid #fff;
            float: none;
            width: auto
        }

            .footer-left-section ul li:last-child {
                border: none
            }

    .find-all-job-section ul li {
        width: 24%
    }

    .jd-button-area {
        padding-bottom: 10px
    }

    .jd-heading {
        font-size: 13pt;
        margin-bottom: 20px
    }

    .abt-job ul li {
        width: 100%
    }

        .abt-job ul li span {
            line-height: 12pt
        }

        .abt-job ul li:last-child {
            margin-top: 15px
        }

    .abt-job-description {
        margin-top: 13px
    }

    .abt-company,
    .page-right-area {
        margin-bottom: 0
    }

    .more-jobs-heading {
        margin-bottom: 10px
    }

    .resume-options-heading span {
        width: 100%;
        margin: 10px 0 0
    }

    .job_display_bottom_btn {
        margin-top: 0
    }
}

@media screen and (max-width:500px) {
    .find-new-job-form,
    .refine-search-menu li span {
        padding-right: 0
    }

    .search-title {
        width: 100%;
        margin: 0 0 10px
    }

    .search-btn-area {
        position: inherit;
        float: right
    }

    .search-locations {
        width: 55%;
        margin: 0
    }

    .find-new-job-heading {
        font-size: 13pt
    }

    .refine-search-menu ul ul {
        width: 100% !important;
        top: 26px
    }

    .refine-search-menu li {
        width: 100%;
        font-size: 10.5pt;
        border-bottom: 1px solid #feefef
    }

        .refine-search-menu li:last-child {
            border-bottom: 0
        }

    .refine-search-menu ul ul li {
        border: none
    }

    .lb-help-area {
        padding: 0
    }

    .header-dd ul li:last-child:hover > ul {
        left: inherit;
        right: 0
    }

    .resume-options-heading span {
        width: 100%;
        float: left;
        margin: 10px 0 0
    }

    .results-box {
        margin: 0 0 10px
    }
}

@media screen and (max-width:420px) {
    .login-form-box {
        padding: 15px 15px 10px
    }

    .heading-left-area,
    .heading-right-area {
        width: 100%
    }

    .heading-right-area {
        margin-top: 10px
    }

    .job-search-result-head {
        font-size: 17pt
    }

    .find-all-job-section ul li {
        width: 32%
    }

    .refine-search-top-right {
        width: 100%;
        margin: 20px 0 5px;
        text-align: center
    }

    .light-box .form-group {
        width: 100%;
        padding-right: 0
    }

    .lb-heading {
        font-size: 13pt
    }

    #forgot-password-light-b .form-group label {
        font-size: 10pt;
        margin-left: 6px;
        padding-top: 15px
    }

    a.menu_btn {
        margin-left: 12px
    }

    .sr-job-title {
        font-size: 11pt;
        line-height: 22px;
        margin-bottom: 10px
    }

    .sr-box-line2 {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .apply-cont,
    .sr-box-line2,
    .sr-job-company-info {
        font-size: 10pt;
        line-height: 22px
    }

    .apply-cont {
        margin-top: 13px
    }

    .more-info-top-line {
        margin-bottom: 13px
    }

    .refine-search-top-left {
        font-size: 13pt
    }

    .modify-search {
        font-size: 12pt
    }

    .refine-search-form {
        margin-top: 15px;
        margin-bottom: -10px
    }

    .banner_contianer,
    .header-area {
        padding-top: 15px
    }

    .site-wrapper {
        padding: 0
    }

    .search-result-head {
        margin-top: 7px
    }

    .refine-search-menu li div {
        padding: 10px 0 10px 10px
    }

    .refine-search-menu ul ul {
        padding: 15px 10px 0 5px;
        position: inherit;
        display: none;
        box-shadow: none
    }

    .contact_add br,
    .refine-search-menu ul li div:hover > ul {
        display: block
    }

    .green-btn {
        font-size: 10.5pt
    }

    .btn {
        font-size: 11pt
    }

    .marT30 {
        margin-top: 20px
    }

    .footer-logo img,
    .login-logo img {
        width: 175px
    }

    .footer-company-name {
        margin-top: 5px
    }

    .sr-job-payment {
        margin-top: 3px;
        font-size: 10pt
    }

    .find-new-job-heading {
        padding: 0 30px
    }

    .bottom-search-menu span {
        line-height: 13px;
        height: 14px;
        width: 1px;
        margin: 0 5px
    }

    .bottom-search-menu a {
        font-size: 10.5pt
    }

    .resume-options-line1 a {
        width: 45%;
        margin: 0 2% 10px
    }

    .yes-thank-you-heading {
        font-size: 12pt;
        line-height: 25px;
        margin-top: 20px
    }

    .contact_add span {
        display: none
    }
}

@media screen and (max-width:340px) {
    .search-locations {
        width: 52%
    }

    .find-all-job-section ul li {
        width: 49%
    }
}


/*media-harry*/

@media screen and (max-width:1030px) {
    .login-area {
        margin: 35px 0 20px
    }

    .site-wrapper .searchhox_txt {
        display: none
    }

    .site-wrapper .search_icon {
        left: 10px
    }

    .searchbar {
        padding: 12px 0
    }

    .panelview_wrapper {
        margin-top: 2px
    }

    .client-job-list {
        margin-top: 2px;
        overflow: hidden
    }

    .list_panel_icon {
        position: absolute;
        right: 80px;
        top: 15px
    }

    .applynow {
        position: absolute;
        right: 80px;
        top: 15px
    }

    .searchbar_title {
        width: 100%;
        text-align: center
    }

    .carousel_slider1 {
        padding: 0 50px 10px
    }

    .flex-direction-nav .flex-prev {
        left: -35px !important
    }
}

@media screen and (max-width:800px) {
    .section_heading,
    p {
        margin-bottom: 15px
    }

    .footer-left-section,
    .padL80 {
        padding-left: 0
    }

    .footer-right-section,
    .padR80 {
        padding-right: 0
    }

    .login-job-seekers {
        line-height: 25px
    }

    .banner_heading {
        font-size: 30pt
    }

    .banner_subheading {
        font-size: 20pt
    }

    .section_heading {
        font-size: 16pt
    }

    .section_col_listing li {
        font-size: 12pt
    }

    .inner_wrapper {
        padding: 0
    }

    .section_row .section_col_img {
        display: none
    }

    .section_row .section_col_txt {
        width: 100%
    }

    .bg_blue {
        height: 600px;
        padding-top: 60px
    }

    .carousel_slider_wrapper {
        margin-top: 50px
    }

    header img {
        width: 200px
    }

    .candidate_txt {
        font-size: 20pt
    }

        .candidate_txt:after {
            right: 25%;
            width: 45px;
            height: 25px;
            background-size: 100%;
            top: 28px;
            background-position: left 2px
        }

        .candidate_txt.open:after {
            background-position: left -23px;
            height: 20px;
            top: 31px
        }

    .list_panel_icon {
        right: 10px
    }

    .applynow {
        right: 10px
    }

    .client_job_view .job_title {
        margin-bottom: 8px;
        font-size: 13pt
    }

    .btn_group button {
        font-size: 10pt;
        padding: 8px 9px
    }

    .aboutus_wrapper {
        padding-top: 25px
    }

    .common_title_bar {
        padding: 15px 0 14px
    }

    .page_title {
        font-size: 14pt
    }

    .aboutus_wrapper p {
        font-size: 10.5pt;
        line-height: 22px
    }

    .learnmore_button {
        padding-top: 10px
    }

        .learnmore_button .green_btn {
            font-size: 10.5pt
        }

    .btn {
        padding: 10px 25px
    }

    .contact_title {
        font-size: 16pt
    }

    .info_block {
        padding-bottom: 50px
    }

    .panelview_wrapper .quick_apply {
        margin-top: 15px
    }

    .panelview_wrapper .client_job_view .short_description {
        padding-bottom: 0
    }

    .client_job_view .job_description {
        font-size: 10.5pt
    }

    .client_job_view {
        padding: 25px 15px
    }

    .login a {
        text-indent: -999px;
        background: url(../images/login_icon.png) center 9px no-repeat;
        overflow: hidden;
        border: 0;
        padding: 2px 13px 12px
    }

        .login a:hover {
            background-color: transparent
        }

    a.menu_btn {
        background: url(../images/menu_bg.png) 6px center/15px auto no-repeat #006f8f;
        padding: 6px 7px 6px 25px;
        overflow: hidden
    }

    .carousel_slider1 {
        padding: 0 35px 10px
    }

    .carousel_slider_wrapper {
        padding: 15px 0
    }

    .carousel_slider_wrapper1 {
        padding: 5px 0 15px
    }

    .slider_heading {
        font-size: 12pt !important
    }

    .flex-direction-nav a {
        width: 15px !important;
        background-size: 100% !important
    }

    .flex-direction-nav .flex-next {
        right: -25px !important
    }

    .flex-direction-nav .flex-prev {
        left: -25px !important
    }
}

@media screen and (max-width:700px) {
    .candidate_txt:after {
        right: 17%
    }

    .client_job_view .short_description {
        margin: 0 0 20px;
        float: left;
        width: 100%
    }

    a.backto_all {
        top: -22px
    }

    .jd-area {
        padding-left: 0
    }

    .bg_blue {
        padding-top: 30px;
        height: 520px
    }

    .section_heading {
        font-size: 14pt
    }

    .section_col_listing li {
        font-size: 11pt
    }

    .candidate_txt {
        padding: 8px 0 10px;
        font-size: 17pt
    }

        .candidate_txt::after {
            background: url(../images/accordian_arrow.png) right 2px/40px auto no-repeat rgba(0, 0, 0, 0);
            display: inline-block;
            height: 20px;
            margin-left: 10px;
            width: 40px;
            position: unset
        }

        .candidate_txt.open::after {
            background-position: left -20px
        }

    .candidate_info {
        margin-top: 5px
    }

    .candidate_info-outer {
        padding-top: 0
    }

    .candidate_info_block {
        padding-top: 10px
    }
}

@media screen and (max-width:767px) {
    .client_job_view .short_description li {
        float: none;
        border-right: 0;
        margin: 0 0 5px
    }

    .candidate_txt:after {
        right: 9%
    }

    .panelview_wrapper .client_job_view {
        width: 100%
    }

    .right_panel_wrapper .pagination_block {
        padding-top: 15px
    }

    .panelview_wrapper .client_job_view .short_description {
        margin-bottom: 0
    }
}

@media screen and (max-width:500px) {
    .form-group {
        width: 100%;
        padding-right: 0
    }

    .candidate_txt {
        font-size: 20pt
    }

        .candidate_txt:after {
            right: 5%;
            top: 19px
        }

    .section_row {
        margin-top: 30px
    }

    .search_icon img {
        max-width: 80%
    }

    .searchbar_title .searchbar_heading {
        font-size: 16pt
    }

    .searchbar_title .search_result {
        font-size: 10.5pt
    }

    .searchbar {
        padding-bottom: 23px
    }
}

@media screen and (max-width:420px) {
    .login-form-box {
        padding: 15px 15px 10px
    }

    a.menu_btn {
        float: right;
        font-size: 11pt
    }

    .banner_heading {
        font-size: 20pt;
        padding-bottom: 15px
    }

    .banner_subheading {
        font-size: 16pt;
        margin-bottom: 10px
    }

    .candidate_txt {
        font-size: 15pt
    }

    .form-group.phone_no {
        width: 60%
    }

    .form-group.ext_no {
        width: 30%
    }

    .contact_add {
        font-size: 11pt
    }

    .logo img {
        width: 190px
    }

    .client-job-list,
    .panelview_wrapper {
        margin-top: 14px
    }

    .login a {
        background-size: 28px
    }

    .flexslider .slides img {
        max-width: 90%
    }

    .flexslider .slides > li {
        text-align: center
    }
}

@media screen and (max-width:340px) {
    a.menu_btn {
        font-size: 10pt
    }
}


/*End For Media CSS*/

/*Hemendra Style 14-aug*/
a.client_logo {
    width: 190px;
    display: inline-block;
    position: absolute;
    padding: 5px;
    left: -20px;
    top: 2px;
    height: 52px;
}

.searchbar::before {
    content: '';
    position: absolute;
    width: auto;
    height: 2px;
    background: transparent;
    left: 0%;
    right: 0%;
    top: 50px;
    z-index: 9;
    box-shadow: rgba(0,0,0,0.3) 0px 2px 3px;
}

.search-header {
    display: flex;
    align-items: center;
}

    .search-header select {
        display: inline-block;
        background: #ffffff;
        height: 39px;
        border-radius: 2px;
        padding-left: 5px;
        -webkit-appearance: menulist;
        margin-right: 14px;
        position: relative;
        margin-left: 10px;
        margin-top: 4px;
        /*width: 26%;*/
        width: 100%;
        color: #989898;
        border: solid 1px;
    }

        .search-header select + button {
            border: 2px solid #82828200;
            border-radius: 2px;
            padding: 8px 10px;
            font-weight: 500;
            margin-top: 4px;
            font-size: 10pt;
            display: inline;
            clear: both;
            margin-left: 0px;
            cursor: pointer;
            text-transform: uppercase;
            /*background-color: #757a7f;
    color: #fff;*/
            background-color: #37BC9B;
            color: #fff;
            /*position: absolute;*/
            box-shadow: rgba(0,0,0,0) 0px 0px 0px;
            webkit-transition: all .2s;
            transition: all .2s;
            z-index: 0;
            outline: none;
        }

            .search-header select + button:hover {
                box-shadow: rgba(0,0,0,.4) 0px 0px 5px;
            }

    .search-header input#locAutofill1_value {
        padding-left: 10px;
    }

    .search-header::before {
        height: 50px;
        background: #f6f6f6;
        z-index: 0;
    }

div#locAutofill1_dropdown {
    position: absolute;
    background: #fff;
    white-space: nowrap;
    font-size: 16px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 5px;
    width: 100%;
    line-height: 1.5;
}

[placeholder]:focus::-webkit-input-placeholder {
    visibility: hidden;
}

.job_display_top-section::before {
    content: '';
    position: absolute;
    width: 1920px;
    height: 50px;
    background: #e2e2e2;
    left: -60%;
    top: -30px;
    z-index: 1;
}

.searchbar_title .search_result:empty {
    display: none;
}

a.clr-fltr {
    color: #d8d8d8;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    padding: 1px 6px;
    border: solid 1.5px;
    border-radius: 50%;
    margin-right: 5px;
}

.advanced-search-mob {
    display: none;
}

.advanced-search {
    display: inline-flex;
    position: relative;
    width: 70%;
    align-items: center;
    justify-content: center;
    left: inherit;
}

div#locAutofill_dropdown {
    position: absolute;
    background: #fff;
    white-space: nowrap;
    font-size: 16px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 5px;
    width: 94%;
    line-height: 1.5;
    z-index: 999;
}

p#errorBlock {
    font-size: 12px;
    line-height: 24px;
}

.indeed-apply-widget.indeed-apply-status-not-applied .indeed-apply-button {
    height: 27px !important;
}

.indeed-apply-widget.indeed-apply-status-not-applied .indeed-apply-button-inner-left {
    height: 27px !important;
}

.indeed-apply-widget.indeed-apply-status-not-applied .indeed-apply-button-inner {
    height: 27px !important;
}

.indeed-apply-widget.indeed-apply-status-not-applied .indeed-apply-button-label {
    font-size: 10pt;
}

.df-indeed-apply-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #2557a7;
    color: #fff;
    border: 0;
    border-radius: 7px;
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1;
}

.df-indeed-apply-btn:hover,
.df-indeed-apply-btn:focus {
    background-color: #164081;
    color: #fff;
    text-decoration: none;
}

.df-indeed-apply-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}

@media only screen and (min-width : 320px) and (max-width : 767px ) and (max-device-width: 767px) {

    a.client_logo {
        display: none;
    }

    .searchbar_title {
        text-align: left;
    }

        .searchbar_title .searchbar_heading {
            font-size: 16px;
            border-left: none;
            line-height: 1;
            padding: 0px 2px;
            border-right: solid 1px;
            margin-top: 4px;
        }

    .searchbar {
        padding: 5px 0px;
    }

    .searchbar_title .search_result {
        margin-left: 0px;
        border-radius: 0px;
        padding: 3px 0px;
        margin: 0px;
        font-weight: 600;
        display: block;
        margin-top: 10px;
        transition: all .5s ease-in-out;
        text-transform: uppercase;
        font-size: 12px;
        text-align: center;
    }

    .list_panel_icon {
        right: 2px;
        position: absolute;
        top: 6px;
        padding: 1px 2px;
        background: #f5c664;
        border-radius: 2px;
    }

        .list_panel_icon img {
            max-width: 15px;
        }

    .applynow {
        right: 45px;
        position: absolute;
        top: 6px;
        padding: 1px 2px;
        background: #37BC9B;
        border-radius: 2px;
    }

    .searchbar::before {
        top: 35px;
    }

    .search-header {
        margin-top: -5px;
    }

        .search-header .searchbox {
            margin-left: 0px;
            display: inline-block !important;
            z-index: 9;
            width: 24%;
            padding-top: 0px;
            margin-top: 4px;
            position: relative;
        }

    .searchbox input[type=text] {
        width: 100%;
        height: 30px;
        line-height: 1;
        color: #989898;
        border-radius: 2px;
        border: solid 1px;
        font-size: 11px;
    }

    .search-header select {
        width: 24%;
        height: 30px;
        line-height: 1;
        color: #757575;
        border-radius: 2px;
        border: solid 1px;
        font-size: 11px;
        margin-left: 0px;
        margin-right: 10px;
        padding-left: 0px;
    }

        .search-header select + button {
            padding: 6px 10px;
            font-weight: 600;
            margin-top: 4px;
            font-size: 12px;
        }

    .searchbox .searcbh_input {
        background: url(../images/search.png) 2px 5px no-repeat #fff;
    }

    .search-header::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 40px;
        background: #e2e2e2;
        z-index: 0;
        left: 0px;
    }

    .search_icon {
        top: auto;
        margin-top: 48px;
        font-weight: 600;
        font-size: 12px;
        border-radius: 0px;
        padding: 6px 8px;
        cursor: pointer;
        text-transform: uppercase;
        background-color: #ffb212;
        color: #fff;
        box-shadow: rgba(0,0,0,0.4) 1px 0px 3px;
        width: 25px;
        position: fixed;
        word-break: break-all;
        left: 0px !important;
    }

    .searchbox .search_location {
        background: url(../images/location_search.png) 2px 3px no-repeat #fff;
    }

    .advanced-search-mob {
        display: block;
    }

    .advanced-search {
        display: none;
    }

    .advanced-search-mob img.mob-adv {
        max-width: 20px;
        position: relative;
        left: -5px;
        cursor: pointer;
    }

    .panelview_wrapper .client_job_view {
        margin: 10px 0px;
    }

    .panelview_wrapper .client_job_view {
        max-height: inherit;
    }

    .client_job_view .job_title {
        font-weight: 400;
    }

    .btn_group button {
        margin: 0 5px 0px;
    }

    .job_all_title {
        height: 270px;
        overflow-y: auto;
    }

    .search_panel select {
        height: 30px !important;
    }

    .job_display_top-section::before {
        top: -32px;
    }

    a.backto_all {
        top: 0px;
    }

    .job_display_top_btn {
        top: -5px;
    }

    .green-btn {
        font-size: 12px;
    }

    .job_display_top_btn .green-btn {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) and (min-device-width: 768px) and (max-device-width:1024px) {
    /* For general iPad layouts */
    a.client_logo {
        width: 160px;
        display: inline-block;
        position: absolute;
        padding: 5px;
        left: 10px;
        top: 5px;
        height: 52px;
    }

    .searchbar {
        padding: 13px 0px;
    }

    .searchbar_title .search_result {
        margin-left: 0px;
        border-radius: 0px;
        padding: 10px 0px;
        font-weight: 600;
        font-size: 14px;
        display: block;
        clear: both;
        margin: 13px 0px;
        transition: all .5s ease-in-out;
        text-transform: uppercase;
        margin-bottom: 0px;
    }

    .search-header {
        margin-top: -13px;
    }

    .advanced-search-mob {
        display: block;
    }

    .advanced-search {
        display: none;
    }

    .advanced-search-mob img.mob-adv {
        max-width: 30px;
        position: relative;
        left: -5px;
        cursor: pointer;
    }

    .search_icon {
        top: auto;
        margin-top: 48px;
        font-weight: 600;
        font-size: 12px;
        border-radius: 0px;
        padding: 6px 8px;
        cursor: pointer;
        text-transform: uppercase;
        background-color: #ffb212;
        color: #fff;
        box-shadow: rgba(0,0,0,0.4) 1px 0px 3px;
        width: 35px;
        position: fixed;
        word-break: break-all;
        left: 0px !important;
    }

    .panelview_wrapper .client_job_view {
        margin: 10px 10px;
        max-height: inherit;
    }

    .panelview_wrapper {
        padding: 15px;
    }

        .panelview_wrapper .quick_apply {
            margin-top: 0px;
        }

    .list_panel_icon {
        right: 15px;
        top: 8px;
    }

    .applynow {
        right: 15px;
        top: 8px;
    }

    .search-header .searchbox {
        display: inline-block !important;
        margin-left: 12px;
        z-index: 9;
        width: 27%;
        padding-top: 0px;
        margin-top: 4px;
        position: relative;
    }

    .search-header select + button {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 1024px) and (max-width:1366px) and (min-device-width: 1024px) and (max-device-width:1366px) {
    /* For IPad Pro layouts */


}

.text-left-quick-apply {
    text-align: left !important;
}

.mt-job-description {
    margin-top: -2% !important;
}

#loading-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(70, 70, 70, 0.7); /* Background overlay with opacity */
    display: none;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(8px); /* Apply blur to the background */
    z-index: 99999;
}

    #loading-panel .loader {
        border: 6px solid #f3f3f3;
        border-top: 6px solid #3498db;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}