/* CSS Document */
body {
    padding: 0;
    font-family: "museo-sans", Helvetica, Arial, sans-serif;
}

a {
    color: #4cc074;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1.1;
    color: inherit;
}

.green {
    color: #4cc074;
}

.blue {
    color: #3f5c8c;
}

.btn, form-control, .input-lg, .navbar-inverse, .nav-pills > li > a {
    border-radius: 0px;
}
/* NAVBAR */
.nav-outer {
    background-color: #f2f2f2;
    border-bottom: #3F5C8C solid 10px;
    margin-bottom: 0px;
}

.navbar {
    margin-bottom: 0px;
}

.navbar {
    border: none;
}

.navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    font-weight: 700;
}

    .navbar-default .navbar-nav > li > a {
        color: #5E5E5E;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #3f5c8c;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #3f5c8c;
        background-color: transparent;
        font-weight: 700;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #3f5c8c;
    }

.navbar-toggle:before {
    content: "MENU";
    left: -70px;
    top: 5px;
    position: absolute;
    width: 70px;
    font-size: 16px;
    color: #5e5e5e;
}
/* BUTTONS */

.btn-primary {
    color: #fff;
    background-color: #3f5c8c;
    border-color: #3f5c8c;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #2b4673;
        border-color: #2b4673;
    }

.btn-default {
    color: #fff;
    background-color: #4cc074;
    border-color: #4cc074;
}

    .btn-default:hover {
        color: #fff;
        background-color: #5fc783;
        border-color: #5fc783;
    }

.header {
    margin-bottom: 20px;
    padding-top: 20px;
}

.logo {
    background-image: url(/images/logo.png);
    background-size: cover;
    text-align: center;
    width: 152px;
    height: 80px;
    display: inline-block;
    margin: 20px 0;
}

.header .contacts {
    float: right;
    position: relative;
    clear: right;
    font-size: 16px;
    margin-top: 4px;
    color: #3f5c8c;
    font-weight: bold;
}

    .header .contacts em {
        font-size: 11px;
        font-style: normal;
        color: #5E5E5E;
    }

    .header .contacts a {
        color: #3f5c8c;
    }

        .header .contacts a:hover {
            color: #4cc074;
        }

    .header .contacts .social {
        margin-left: 10px;
        float: right;
        font-size: 12px;
    }

        .header .contacts .social a {
            color: #b3b3b3;
        }

            .header .contacts .social a:hover {
                color: #4cc074;
            }

.search-outer {
    padding-top: 20px;
    background-image: -webkit-linear-gradient(270deg, rgba(171,243,156,1.00) 0%, rgba(74,191,116,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(171,243,156,1.00) 0%, rgba(74,191,116,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(171,243,156,1.00) 0%, rgba(74,191,116,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(171,243,156,1.00) 0%, rgba(74,191,116,1.00) 100%);
}

.search-inner {
    padding-bottom: 5px;
}

    .search-inner input, .search-inner select {
    }

.sectors-outer {
    background-color: #3f5c8c;
}

/*.sectors {
    margin: 0px 0 15px 0;
    border-top: #7a8eaf solid 1px;
    padding-top: 10px;
}*/

    .sectors a {
        color: #fff;
    }

    .sectors ul {
        list-style-type: none;
        list-style-position: outside;
        margin: 0 0 0 30px;
        padding: 0;
        width: 70%;
    }

    .sectors li {
        margin: 0 0 5px 0;
        font-weight: bold;
        color: #FFFFFF;
        padding: 0;
    }

    .sectors .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #3f5c8c;
        border-color: #3f5c8c;
    }

.column-three {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
}

.column {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    -o-column-gap: 20px;
    column-gap: 20px;
}

.job-seeker {
    padding: 25px;
    background-color: #F2F2F2;
    margin-bottom: 30px;
}

 .job-seeker a, .jobseeker h2 a   { color:#333; text-decoration:none;
    } 
.job-seeker a:hover, .jobseeker h2 a:hover   { color:#4cc074; text-decoration:none;
    }

    .job-seeker h2 {color:#333;
    }

    .job-seeker p {color:#333;
    }

.jbe {
    color: #4cc074;
}

.register {
    color: #3f5c8c;
}

.featured-job {
    background-image: -webkit-linear-gradient(37deg, rgba(63,92,140,1.00) 0%, rgba(126,153,197,1.00) 100%);
    background-image: -moz-linear-gradient(37deg, rgba(63,92,140,1.00) 0%, rgba(126,153,197,1.00) 100%);
    background-image: -o-linear-gradient(37deg, rgba(63,92,140,1.00) 0%, rgba(126,153,197,1.00) 100%);
    background-image: linear-gradient(53deg, rgba(63,92,140,1.00) 0%, rgba(126,153,197,1.00) 100%);
    padding: 30px;
    margin-bottom: 30px;
    color: #FFFFFF;
}

    .featured-job a {
        color: #FFFFFF;
    }

        .featured-job a:hover {
            color: #FFFFFF;
            text-decoration: none;
        }

    .featured-job p {
        padding-bottom: 20px;
        border-bottom: 1px solid #FFFFFF;
    }

.featured-job-more {
}

.cv {
    margin-bottom: 0px;
}
/* SLIDESHOW */
.outer {
    display: none;
}
/* CAROUSEL */

.carousel {
    height: 100%;
    position: relative;
}

.carousel-inner {
    height: 100%;
}

    .carousel-inner .item {
        height: 100%;
    }

.carousel-indicators {
    top: 0px;
    right: 0px;
    left: auto;
    width: auto;
}
/*SCROLLER*/
.scrollable {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 30px;
}

    .scrollable .scrollable-inner {
        float: left;
        width: 100%;
        height: 100%;
        margin: 0px;
        position: relative;
        overflow: hidden;
    }

    .scrollable ul {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 9999px;
    }

        .scrollable ul li {
            font-size: 12px;
            width: auto;
            list-style-type: none;
        }

#brands-panel {
    border-top: solid 2px #e2e7ee;
    border-bottom: solid 2px #e2e7ee;
    margin-top: 30px;
}

    #brands-panel h2 {
        color: #4E6584;
    }

    #brands-panel .scrollable {
        width: 100%;
        margin: 20px 0px 20px 0px;
        height: 100px;
    }

    #brands-panel #client-list {
        height: 100%;
    }

        #brands-panel #client-list li {
            float: left;
            height: 100%;
            display: inline;
            margin: 0px 30px 0px 0px;
        }

            #brands-panel #client-list li img {
                height: 100%;
                width: auto;
                float: left;
            }
/* BLOG ITEMS HOMEPAGE*/
.blog-row {
    margin-top: 30px;
}

.blog-item {
    margin-bottom: 30px;
}

    .blog-item h3 a {
        color: #333;
    }

        .blog-item h3 a:hover {
            color: #3f5c8c;
            text-decoration: none;
        }

    .blog-item .posted {
        font-size: 11px;
    }

    .blog-item h3 {
        margin: 20px 0;
    }

    .blog-item p {
        margin-bottom: 20px;
    }

    .blog-item img {
        width: 100%;
        margin-bottom: 20px;
    }

    .blog-item .posted {
        color: #999;
    }

        .blog-item .posted span {
            text-transform: uppercase;
        }
/* ARTICLE ITEMS*/

.post {
    margin-bottom: 30px;
}

    .post h1 {
        margin-top: 0;
    }

.post-img {
    padding-bottom: 10px;
}

.post-tags {
    margin: 20px 0;
    display: inline-block;
    text-transform: uppercase;
    color: #999999;
    font-size: 11px;
    width: 100%;
}
/* POPULAR POSTS */
.pop-post {
}

    .pop-post h4 {
        border-bottom: 1px solid #eeeeee;
        padding: 10px 0 20px 0;
        margin-bottom: 0;
    }

    .pop-post .media {
        margin-top: 0;
    }

    .pop-post ul {
        margin-left: 0;
        padding-left: 0;
    }

    .pop-post .media-left {
        width: 80px;
        margin-right: 0px;
    }

        .pop-post .media-left img {
        }

        .pop-post .media-left a {
            width: 80px;
            margin-right: 10px;
            display: inline-block;
        }

    .pop-post span {
        text-transform: uppercase;
        color: #aaa;
        font-weight: bold;
        font-size: 11px;
    }

    .pop-post .media-heading {
        display: inline-block;
        width: 100%;
        color: #222222;
        font-size: 12px;
        font-weight: 500;
        margin-top: 5px;
    }
/* POST CATEGORIES */

.post-categories ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: #cccccc;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

    .post-categories ul li:first-child {
        border-top: 1px solid #eeeeee;
        padding-top: 15px;
    }

    .post-categories ul li {
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
/* FOOTER */
.footer {
    background-color: #f2f2f2;
    padding: 30px 0;
    margin-top: 30px;
}

    .footer .social {
        margin-right: 10px;
        float: left;
        font-size: 20px;
    }

        .footer .social a {
            color: #b3b3b3;
        }

            .footer .social a:hover {
                color: #4cc074;
            }

    .footer h5 {
        margin-bottom: 30px;
    }

    .footer ul {
        padding-left: 0;
        list-style: none;
    }

    .footer li {
        padding-bottom: 10px;
        border-bottom: #ccc solid 1px;
        margin-bottom: 10px;
    }

.signoff {
    padding: 30px;
    background-color: #4cc074;
    color: #fff;
}
/* PANELS */

.panel-primary {
    background-color: #F2F2F2;
    border: 1px solid #DDD;
    border-radius: 0px;
}
/* LOGIN */

.new-users li {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.btn-group .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.33333;
}

.multiselect-container {
    width: 100%;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #333;
    text-decoration: none;
    background-color: #FFF;
    outline: 0px none;
}

.required::after {
    content: " *";
    color: #F00;
}
/*PROFILE*/

.ec-circle {
    margin: 0px auto;
    width: 128px;
    height: 128px;
}

.ec-circle-hover {
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0.6), inset 0 0 0 20px #4CC074, 0 0 10px rgba(0,0,0,0.3);
}

.ec-circle:hover {
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0.6), inset 0 0 0 20px #4CC074, 0 0 10px rgba(0,0,0,0.3);
}

.nav-pills > li > a {
    background-color: #eee;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #3F5C8C;
}

.nav-stacked > li {
    margin-bottom: 10px;
}

    .nav-stacked > li:last-child {
        margin-bottom: 0px;
    }

.profile {
    color: #5E5E5E;
}

.my-account-header {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}
/* JOB LIST PAGE */

#joblisting {
    list-style-type: none;
    list-style-position: outside;
    margin-left: 0;
    padding-left: 0;
}

.list_item:first-child {
    border-top: none;
    padding-top: 0px;
    margin-bottom: 15px;
    clear: both;
}

.list_item {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-bottom: 15px;
    clear: both;
}

    .list_item img {
        float: right;      
        float: right;
        margin: 10px 0px 0 0;
	    border:1px solid #ddd;
        padding:5px;
        width: 120px;

    }

.list_jobdetails {
    font-size: 85%;
}

.list_item a.btn-primary {
    margin: 20px 0 0 0;
    float: right;
}

.pipe {
    border-right: 1px solid #ccc;
    margin-right: 12px;
    padding-right: 12px;
}
/* JOB DETAILS PAGE  */
.job-details {
}

    .job-details h1 {
        font-size: 32px;
        margin-top: 0;
        padding-top: 0;
    }

    .job-details h2 {
        font-weight: bold;
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 0;
    }

    .job-details p.details {
        margin-bottom: 0;
    }

    .job-details #JobLogo { /*margin-top: 20px;*/
    }
/* PAGINATION
-------------------------------------------------- */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    background-color: #3f5c8c;
    border-color: #3f5c8c;
}

.pagination > li > a, .pagination > li > span {
    color: #333;
}

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        color: #3f5c8c;
    }
/* CHECKBOX LIST ACCORDION
-------------------------------------------------- */

.accordion-chblist .panel-heading {
    cursor: pointer;
}

.accordion-chblist .panel-body {
    padding-top: 0;
    padding-bottom: 0;
    height: 200px;
    overflow-y: scroll;
}

.accordion-chblist .panel-heading .glyphicon {
    vertical-align: 1px;
    width: 15px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #686868;
}

.Answer label {
    margin-right: 10px;
    margin-left: 5px;
    font-weight: normal;
}
/*Contact us*/

.contact .list {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

ul, ol {
    margin-top: 0px;
    margin-bottom: 10px;
}

.contact .address-list > li {
    margin-bottom: 20px;
}

.contact aside.sidebar-right {
    margin-top: 50px;
}
/*about us*/

.block-info {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    border-left-color: #3F5C8C;
}

    .block-info h4 {
        color: #3F5C8C;
        margin-top: 0;
        margin-bottom: 5px;
    }
/*Team*/

.caption {
    text-align: center;
}

.team img {
    height: 140px;
    width: 108px;
    display: block;
}

.thumbnail {
    border: none;
}
/*breadcrumb*/

.breadcrumb {
    margin-top: 20px;
}
/*testimonial*/

.testimonial .thumbnail {
    border: 1px solid #E4EBEE;
    border-radius: 6px;
}

.testimonial-normal-content {
    padding: 20px 30px 0px;
}

    .testimonial-normal-content i {
        font-size: 24px;
        overflow: hidden;
        float: left;
        margin-right: 10px;
        color: #4cc074;
    }


/*nav pills*/
.nav-stacked {
    margin-bottom: 30px;
}




/*tweets*/

#tweets .tweets_txt span {
    display:block;
    font-size: 12px;
    color: #3F5C8C;
    margin: 5px 0;
}

/*referral */

.referral-panel {
    /* border-bottom: solid 2px #e2e7ee; */
    margin-bottom: 30px;    margin-top: 30px;
    padding-top:10px;
    padding-bottom:30px;
    background-color:#F2F2F2;
}

.referral-panel h3 {font-size:34px; font-weight:bold; 
}

.referral-panel a { margin-top: 60px; 
}

.referral-panel .symbols{
    margin-top: 20px;
}
    .referral-panel .recommend {
    color:#3f5c8c;;}
    .referral-panel .equals {
    color: #5E5E5E;}
    .referral-panel i.equals {
    color: #F2F2F2;}
    .referral-panel .gift {
    color:#4cc074}

/*rg */

.rg-panel {
    /* border-bottom: solid 2px #e2e7ee; */
    margin-bottom: 30px;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
    background-color: #F2F2F2;
}


    .rg-panel a {
        margin-top: 60px;
    }

    .rg-panel img {
        margin-top: 20px;
    }
    .rg-panel h3 {
        margin-top: 40px;
    }

   



/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .logo {
        margin: 0;
        float: left;
        margin-bottom: 30px;
    }
    /* SLIDESHOW */
    .outer {
        display: block;
    }

        .outer img {
            width: 100%;
            height: auto;
        }

    .job-seeker {
        min-height: 320px;
        margin-bottom: 0px;
    }

    .featured-job {
        min-height: 320px;
        margin-bottom: 0px;
    }

    .cv {
        margin-bottom: 0px;
    }
    /*contact*/
    .contact aside.sidebar-right {
        border-left: 1px solid #D4D4D4;
        margin-top: 0;
        padding-left: 40px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}