/* Table of Content
==================================================
    #Font-Face
    #Basic Styles
    #Typography
    #Links
    #Lists
    #Images/Medias
    #Buttons
    #Forms
    #Others
    -----------------------------------------------
    #Site Layout
    #Media Queries

    */

/* #Font-Face
================================================== */

/* #Basic Styles
================================================== */
body {
    background: #fff;
    font-family: 'arial';
    font-size: 12px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color: #666;
    font-weight: normal;
}

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: 'arial';
    margin: 10px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 42px; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

p { margin: 0 0 20px 0; }
p img { margin: 0; }

em { font-style: italic; }
i{font-style: normal;}
strong { font-weight: bold;}
small { font-size: 80%; }

/* #Links
================================================== */
a, a:visited { color: inherit; text-decoration: none;  outline: 0; }
a:focus{outline: 0;}
a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
p a, p a:visited { line-height: inherit; }

/* #Lists
================================================== */
ul, ol { margin: 0; padding: 0 }
ul { list-style: none outside; }
ol { list-style: decimal; }
ul ul, ul ol,
ol ol, ol ul { margin: 5px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 0; }
li p { line-height: 21px; }

/* #Images
================================================== */
img {
    max-width: 100%;
    height: auto;
    width:auto;
}

/* #Buttons
================================================== */
.orange-btn, .gray-btn, .btn-wrap a {
    background: #F66800;
    border-radius: 3px;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
}
.orange-btn1{
    background: #F66800;
    border-radius: 3px;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
}
.orange-btn1:hover{
    background: #C45300;
    color: #fff;
}
.gray-btn {
    background: #393F43;
    white-space:nowrap;
}
.orange-btn:visited, .gray-btn:visited, .orange-btn:focus, .gray-btn:focus {
    color: #fff;
}
.orange-btn:hover {
    background: #C45300;
    color: #fff;
}
.gray-btn:hover {
    background: #202426;
    color: #fff;
}
.btn-wrap a {
    background: #fff;
    color: #F66800;
    margin: 0 10px;
    padding: 10px 30px;
}
.btn-wrap a:hover {
    background: #F66800;
    color: #fff;
}
.orange-color {
    color: #F66800;
}
.orange-color img {
    margin-left: 5px;
}


/* #Forms
================================================== */


/* #Others
================================================== */
.main-menu ul:before, .main-menu ul:after, .how-inner li:before, .how-inner li:after, #masthead:before, #masthead:after, .sidebar-widget:before, .sidebar-widget:after, .adv-search:before, .adv-search:after, .contractor-list:before, .contractor-list:after, .resume-note:before, .resume-note:after, .recommends-skill:before, .recommends-skill:after, .recommends:after, .recommends:before, .alert-row:before, .alert-row:after, .bottom-adv:before, .bottom-adv:after, .dlist-single:before, .dlist-single:after, .tag-filter:before, .tag-filter:after, .work-row:before, .work-row:after, .recruit-head:before, .recruit-head:after, .comtop-lists:before, .comtop-lists:after, .custom-row:before, .custom-row:after, .form-group:before, .form-group:after, .post-time:before, .post-time:after, .single-meta:before, .single-meta:after {
    clear: both;
    display: block;
    content: "";
}
.container {
    max-width: 1070px;
}
.alignright {
    float: right;
    margin: 0 0 10px 10px;
}
.alignleft {
    float: left;
    margin: 0 10px 10px 0;
}
.email-reverse {
    unicode-bidi: bidi-override;
    direction: rtl;
}
#vendor-list {
    margin-bottom: 25px;
}

#vendor-list img.vendor_logo {
    width: 72px;
}

.clr {
    clear: both;
}

#show_all_link, #show_vendor_with_clients {
    text-decoration: underline;
}

/* #Site Layout
================================================== */

/* ----- Home page styling ----- */
html, body {
    height: 100%;
}
#masthead {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-bottom: 1px solid #AEAEAE;
    height: 70px;
    padding: 5px 30px;
    position: fixed;
    text-align: center;
    top: 0;
    z-index: 9999;
    width: 100%;
}
.site-title {
    float: left;
    margin: 0;
}
.middle-head {
    float: left;
    width: 60%;
}
.middle-head .container {
    max-width: 100%;
}

.site-logo {
    float: left;
}

.site-logo img.logo {
    width: 150px;
}

.main-logo {
    margin-top: -10px;
}

.location-drop {
    margin: 0;
    padding: 0;
}
.location-drop > ul > li {
    padding-bottom: 5px;
    position: relative;
}
.location-drop li a {
    color: #666;
    cursor: pointer;
}
.location-drop li a span {
    margin-left: 10px;
}
.location-link {
    cursor: pointer;
}
#custom-staffing-content p {
    padding-top:10px;
}
.caret {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px dashed;
}
.location-drop table {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    left: 0;
    margin: 0;
    position: absolute;
    top: 70%;
    z-index: 9;
    width: 800px;
    height: 500px;
}
.location-drop table td {
    vertical-align: top;
    width: 17.5%;
    text-align: left;
    padding: 5px;
}
.location-drop li ul {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    left: 0;
    margin: 0;
    position: absolute;
    top: 70%;
    width: 180px;
    text-align: left;
    z-index: 9;
}
/*.location-drop li:hover ul, .location-drop li:hover table {
    display: block;
}*/
.location-drop li ul.noFormat {
    border: none;
    box-shadow: none;
    display: block;
    position: relative;
    width: 100%;
}
.location-drop li ul:before {
    border-bottom: 10px solid rgb(51, 51, 51);
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    content: "";
    display: none;
    left: 15px;
    position: absolute;
    top: -9px;
    width: 0;
    z-index: 2;
}
.location-drop li li {
    margin: 0;
}
.location-drop li li a {
    padding: 2px 12px;
    display: block;
}
.location-drop li li:first-child a {
    border-top: none;
}
.location-drop li li a:hover {
    background: #999;
    color: #fff;
}
/* -- Main menu styling -- */
.main-menu {
    margin-top: 20px;
    width: 65%;
}
.main-menu li {
    float: left;
    position: relative;
}
.main-menu li a {
    color: #393f43;
    display: block;
    margin: 0 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.main-menu li a:hover, .main-menu li.current-menu-item > a {
    color: #f66800;
}

/* -- Sub menu styling -- */
.main-menu ul ul {
    background: #000;
    margin: 0;
    position: absolute;
    transform: translateY(28px);
    visibility: hidden;
    width: 150px;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    z-index: 9999;
}
.main-menu li li {
    border-top: 1px solid  #F0F0F0);
    border-bottom: 1px solid #F0F0F0);
    float: none;
    margin: 0;
}
.main-menu li li:first-child {
    border-top: none;
}
.main-menu li li:last-child {
    border-bottom: none;
}
.main-menu li li a {
    font-size: 15px;
    text-align: left;
    padding: 10px;
}
.main-menu li:hover ul {
    transform: translateY(0px);
    visibility: visible;
    transition: all 0.3s ease-in-out 0s;
    opacity: 1;
}
.main-menu li:last-child ul {
    left: auto;
    right: 0;
}
.top-links {
    margin-top: 10px;
}
.top-links a:first-child {
    margin-right: 5px;
}
.top-links a:first-child:hover {
    color: #000;
}
.top-links, .main-menu {
    float: left;
}
.hero-section {
    background: url(../img/hero-banner.png) no-repeat fixed 0 0 transparent;
    background-size: cover;
    text-align: center;
    height: calc(100% - 70px);
    position: relative;
    margin-top: 70px;
}
.hero-section .container {
    bottom: 0;
    height: 465px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.hero-section h1 {
    color: rgb(255, 255, 255);
    line-height: 1.3;
    margin: 30px;
}
.hero-section p {
    color: rgb(208, 208, 208);
    font-size: 22px;
    margin-bottom: 50px;
}
.down-arrow {
    margin: 70px auto 0;
    display: block;
    width: 65px;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}
.featured-section {
    padding: 100px 0;
    text-align: center;
}
.featured-box {
    float: left;
    padding: 0 15px;
    width: 33.33%;
}
.featured-section h2 {
    margin-bottom: 75px;
}
.featured-box > a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
}
.featured-box > a:hover {
    color: #000;
}
.featured-box > p {
    line-height: 24px;
    font-size: 14px;
}
.how-section {
    background: rgb(246, 104, 0) none repeat scroll 0 0;
    position: relative;
    overflow: hidden;
}

.how-section:before {
    background: rgba(0, 0, 0, 0) url("../img/img1.png") no-repeat scroll 0 0 / cover ;
    clear: both;
    content: "";
    display: block;
    height: 570px;
    position: absolute;
    width: 45%;
}
.how-inner {
    float: right;
    width: 55%;
    padding: 100px 50px 30px;
}
.how-inner > h2 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 60px;
}
.how-inner li {
    margin-bottom: 40px;
}
.how-inner li img {
    float: left;
    margin: 0 10px 10px 0;
}
.how-inner li h2 {
    color: rgb(255, 255, 255);
    font-size: 16px;
}
.how-inner li p {
    color: rgb(255, 255, 255);
}
.testi-section {
    padding-top: 100px;
    text-align: center;
}
.testi-section h2 {
    margin-bottom: 70px;
}
.testi-single {
    float: left;
    padding: 0 15px;
    width: 33.33%;
}
.testimonial {
    background: rgb(240, 240, 240) none repeat scroll 0 0;
    border-radius: 3px;
    color: rgb(124, 126, 127);
    font-size: 15px;
    font-style: italic;
    line-height: 1.5;
    padding: 40px 50px;
    position: relative;
}
.testimonial:before, .testimonial:after {
    background: rgba(0, 0, 0, 0) url("../img/quote1.png") no-repeat scroll 0 0;
    content: "";
    display: block;
    height: 14px;
    left: 30px;
    position: absolute;
    width: 16px;
}
.testimonial:after {
    background-image: url("../img/quote2.png");
    left: auto;
    right: 30px;
}
.tagline {
    background: #F0F0F0;
    padding: 75px 30px;
    text-align: center;
}
.client-detail {
    padding: 20px 0;
    text-align: left;
    position: relative;
}
.client-detail:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgb(240, 240, 240);
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    top: 0;
    width: 0;
}
.client-detail > img {
    border-radius: 50%;
    float: left;
    margin: 0 20px 0 30px;
}
.client-name {
    color: rgb(246, 104, 0);
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.testi-logos {
    border-top: 1px solid rgb(241, 242, 242);
    margin-top: 90px;
    padding: 40px 0;
}
.testi-logos li {
    display: table-cell;
    width: 1%;
}
.tagline h1 {
    font-size: 30px;
    color: #23282c;
    margin-bottom: 30px;
    font-weight: bold;
}
.top-footer {
    background: rgb(58, 63, 67) none repeat scroll 0 0;
    padding-bottom: 50px;
}
.footer-widget > h1 {
    color: rgb(203, 210, 215);
    font-size: 20px;
    margin: 40px 0 20px;
}
.footer-widget li {
    margin-bottom: 5px;
}
.footer-widget li a {
    color: rgb(123, 135, 144);
}
.footer-widget li a:hover, .bottom-menu li a:hover {
    color: #fff;
}
.bottom-footer {
    background: #23282C;
}
.bottom-menu {
    float: left;
    margin-top: 42px;
}
.bottom-menu li {
    border-left: 1px solid;
    float: left;
    line-height: 1;
    padding: 0 10px;
}
.bottom-menu li:first-child {
    border-left: none;
    padding-left: 0;
}
.bottom-menu li a {
    color: rgb(106, 114, 120);
}
.bottom-right {
    float: right;
    margin-top: 20px;
}
.bottom-socials {
    margin-bottom: 5px;
}
.bottom-socials span {
    display: inline-block;
    font-size: 16px;
    margin-top: 5px;
    vertical-align: top;
}
.bottom-socials > ul {
    display: inline-block;
}
.bottom-socials li, .comtop-left {
    float: left;
    margin: 0 10px;
}
.bottom-socials li a {
    color: rgb(106, 114, 120);
    font-size: 24px;
}
.bottom-socials li a:hover {
    color: #fff;
}


/* ----- Contractor Index page styling ----- */
#inner-page .container {
    max-width: inherit;
}
#inner-page {
    background: #F0F0F0;
    margin-top: 70px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.sidebar-widget, .adv-search, .contractor-list, .company-top, .edit-view-bottom, .blog-wrap, .blog-sidebar, .standard-wrap, .signup-sidebar, .gray-panel {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    box-shadow: 0 0 3px rgb(153, 153, 153);
    margin-bottom: 20px;
    padding: 10px;
}
.sidebar-widget a {
    color: #8B8D8E;
    font-size: 12px;
    display: block;
}
.sidebar-widget a i, .sidebar-widget a i {
    color: #D1D3DC;
    float: right;
}
.sidebar-widget a:hover {
    color: #000;
}
.sidebar-widget p {
    font-size: 12px;
    margin-bottom: 10px;
    color: #393f43;
}
.sidebar-widget h1 {
    font-size: 14px;
    color: #3B4145;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #E8E9EE;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sidebar-widget > ul > li {
    margin-bottom: 15px;
}
.sidebar-widget > ul > li span {
    float: right;
}
.sidebar-widget > .sb-custom, .side-drop {
    display: block;
    margin-bottom: 15px;
    width: 100%;
}
.side-drop {
    display: block;
    width: 100%;
}
.side-drop .dropdown-menu {
    float: none;
    width: 100%;
}
#ex1Slider .slider-selection {
    background: #C2C2C3;
}
.sidebar-widget .add-btn {
    border-top: 1px solid;
    color: rgb(186, 188, 189);
    font-style: italic;
    padding-top: 10px;
}
.sidebar-widget .add-btn span {
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    margin-right: 10px;
    text-align: center;
    width: 25px;
}
.top-adv, .edit-view-bottom {
    overflow: hidden;
}
.top-adv > a {
    margin-right: 3px;
    margin-top: 16px;
    float: left;
    width: 30px;
    text-align: center;
}
.top-adv li {
    display: inline-block;
}
.top-adv li a {
    background: rgb(248, 249, 251) none repeat scroll 0 0;
    border: 1px solid rgb(223, 224, 228);
    border-radius: 3px;
    color: rgb(124, 126, 127);
    display: block;
    margin: 5px;
    padding: 5px;
    font-size: 11px;
    min-width: 100px;
}
.top-adv li a span {
    float: right;
    font-weight: bold;
    margin-left: 5px;
    text-transform: lowercase;
}

.bottom-adv {
    border-top: 1px solid rgb(230, 232, 236);
    margin-top: 10px;
    padding-top: 10px;
}
.adv-drop {
    float: left;
    padding: 5px;
}
.adv-drop .dropdown-menu {
    width: 100%;
    float: none;
    top: 84%;
    min-width: 140px;
}
.adv-drop .dropdown-menu li a, .employee-drop .dropdown-menu li a {
    font-size: 11px;
}
.adv-drop .dropdown-menu input {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    margin: 0 5%;
    max-width: 90%;
    font-size: 11px;
}
.adv-drop .btn, .side-drop .btn {
    color: rgb(51, 51, 51);
    display: block;
    float: none;
    font-size: 11px;
    text-align: left;
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    min-width: 100px;
}
.adv-drop .btn {
    padding: 5px 25px 5px 10px;
}
.adv-drop .btn .caret, .side-drop .btn .caret {
    border-top-color: rgb(198, 200, 206);
    position: absolute;
    right: 13px;
    top: 47%;
}
.adv-drop .btn .caret {
    top: 44%;
}
.search-result {
    color: #393f43;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.contractor-list {
    padding: 0;
}
.clist-head, .comtop-head, .custom-panel-head {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border-bottom: 1px solid rgb(235, 237, 240);
    padding: 8px;
    overflow: hidden;
}
.chead-left {
    float: left;
    width: calc(100% - 115px);
}
.contractor-single .chead-left {
    width: calc(100% - 160px);
}
.chead-left > h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.chead-left > h3 {
    color: rgb(102, 102, 102);
    font-size: 12px;
    margin: 5px 0 0;
}
.contractor-single .chead-left > h3 span {
    max-width: inherit;
    overflow: visible;
}
.chead-left > h3 span {
    display: inline-block;
    max-width: 47%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}
.chead-right {
    float: right;
    margin-top: 5px;
}
.chead-right li {
    float: left;
    margin: 0 5px;
}
.chead-right li a {
    border: 1px solid #888B8E;
    display: block;
    height: 28px;
    text-align: center;
    width: 28px;

}
.chead-right li a img {
    margin-top: 8px;
    vertical-align: top;
}
.chead-right li:first-child + li a img {
    margin-top: 4px;
}
.chead-right li a:hover, .chead-right li a:focus {
    opacity: 0.5;
}
.clist-body{
    height: 80px;
    padding: 10px;
    overflow: hidden;
}
.contractor-single .clist-body {
    padding: 0 10px;
    height: auto;
}
.contractor-single .clist-body {
    padding: 0 10px;
}

.clist-body > img, .cbody-mid {
    float: left;
    margin-right: 10px;
}
.contractor-single .cbody-mid {
    float: none;
}
.contractor-list .cbody-mid {
    margin: 0;
    width: calc(100% - 200px);
}
.contractor-list.contractor-single .cbody-mid {
    margin: 0;
    width: auto;
}
.cbody-mid > p {
    color: #000;
    font-size: 11px;
    margin: 5px 0;
    height: 34px;
}
.cbody-mid > p span {
    color: #666;
}
.cbody-mid > p span:first-child, .cbody-mid > p span:first-child + span {
    display: inline-block;
    max-width: 47%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}
.cmid-top i {
    color: rgb(206, 208, 218);
    font-size: 21px;
    margin-right: 5px;
}

.cbody-right {
    float: right;
    width: 120px;
}
.cbody-right p {
    margin-bottom: 1px;
    font-size: 11px;
    color: #000;
}
.contractor-list .cbody-right .skill-pro p, .cbody-mid > p span:last-of-type, .cmid-top {
    display: block;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cmid-top {
    font-size: 12px;
    color: #000;
}
.cbody-right img {
    display: block;
}
.cbody-right .progress {
    height: 7px;
    margin-bottom: 5px;
}

/*----- Contractor profile styling -----*/
.contractor-single .chead-left > h1 {
    font-size: 18px;
}
.cbody-left {
    float: left;
    width: 80%;
}
.contractor-single .clist-head {
    padding: 10px 15px;
}
.contractor-single .cbody-right {
    float: right;
    width: 20%;
}
.contractor-single .chead-right li a {
    height: 36px;
    width: 36px;
}
.contractor-single .chead-right li:first-child + li a img {
    margin-top: 6px;
}
.cpro-socials {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border: 1px solid rgb(227, 229, 234);
    margin: 5px 0;
    padding: 5px;
    width: 105px;
}
.cpro-socials li {
    display: inline-block;
}
.cpro-socials li a {
    color: #CED0DA;
    margin: 2px 3px;
    font-size: 16px;
}
.cpro-socials li a:hover {
    color: #000;
}
.cbmid-top .cmid-top {
    color: rgb(0, 0, 0);
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}
.cbmid-top .cmid-top img {
    margin-right: 10px;
}
.cbmid-tagline, .cbmid-top {
    border-bottom: 1px solid #E3E5EA;
    padding: 8px 0;
}
.cbmid-tagline label {
    float: left;
    width: 150px;
    text-transform: uppercase;
}
.cbmid-tagline p {
    margin: 0;
}
.border-cls {
    border-left: 1px solid #E3E5EA;
}
.contractor-single .cbody-pro, .contractor-single .cbody-mid {
    margin-top: 20px;
}
.contractor-single .cpro-right {
    padding: 20px 10px 30px 0;
}
.cpro-right > h1, .em-profile-rating > h1 {
    border-bottom: 1px solid rgb(230, 232, 236);
    color: rgb(151, 154, 156);
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 10px;
    text-transform: uppercase;
}
.cpro-right p {
    color: #393F43;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 11px;
}
.cpro-right p span {
    float: right;
    font-weight: normal;
}
.cpro-right p img {
    width: 100%;
}
.profile-detail {
    margin: 0 -10px;
}
.profile-detail .nav-tabs, .review-tab .nav-tabs, .signIn-up .nav-tabs {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border-top: 1px solid rgb(230, 232, 236);
    padding: 0 15px;
}
.profile-detail .nav-tabs > li > a, .review-tab .nav-tabs > li > a, .signIn-up .nav-tabs li a {
    padding: 10px 25px;
}
.profile-detail .nav-tabs > li > a:hover, .profile-detail .nav-tabs > li > a:focus, .profile-detail .nav-tabs > li > a, .review-tab .nav-tabs > li > a:hover, .review-tab .nav-tabs > li > a:focus, .review-tab .nav-tabs > li > a, .signIn-up .nav-tabs li a:hover, .signIn-up .nav-tabs li a:focus {
    border-radius: 0;
    border-top: none;
}
.profile-detail .nav-tabs > li.active > a, .review-tab .nav-tabs > li.active > a, .signIn-up .nav-tabs li.active a {
    border-radius: 0;
    background: #fff !important;
    color: #393F43;
    font-weight: bold;
    border-top: none;
}
.resume-inner, .tab-inner {
    margin-top: 40px;
    padding: 0 15px;
}
.resume-inner {
    margin-bottom: 40px;
}
.resume-inner h1 {
    color: #F66800;
    font-size: 20px;
    margin: 0 0 5px;
}
.resume-pos {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.resume-inner h2 {
    border-bottom: 1px solid #E3E5EA;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.resume-footer {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border-top: 1px solid rgb(231, 232, 237);
    padding: 10px;
    overflow: hidden;
}
.refoot-left {
    float: left;
    font-weight: bold;
    font-size: 18px;
}
.refoot-left img {
    margin-right: 10px;
}
.refoot-right {
    float: right;
}
.hover-foot {
    text-align: center;
}
.progress {
    background-color: #E4E6EA;
    box-shadow: none;
    height: 9px;
    margin-bottom: 10px;
    border-radius: 2px;
}
.progress-bar {
    background-color: rgb(246, 104, 0);
    box-shadow: none;
}

/* ----- contractor details styling ----- */
.contractor-detail {
    box-shadow: 0 0 2px rgb(153, 153, 153);
}
.contractor-detail .resume-footer {
    margin-top: 120px;
}
.contractor-detail .contractor-list {
    margin: 0;
}
.direc {
    position: fixed;
    top: 200px;
}
.carousel-left {
    left: 20px;
}
.carousel-right {
    right: 20px;
}

/* ----- contractor resume tab styline ----- */
.should-detail label {
    float: left;
    width: 200px;
    margin-bottom: 20px;
}
/*Contractor recommends tab styling*/
.recommends{
    margin-top: 20px;
}
.recommends:last-child{
    margin-bottom: 17px;
}
.recommends-image {
    float: left;
    margin-top: 10px;
    position: relative;
    min-width: 70px;
    width: 10%;
    text-align: center;
}

.recommends-image > img {
    border-radius: 33px;
}
.recommends-image span {
    background: #f66800;
    border: 3px solid #ffffff;
    border-radius: 10px;
    bottom: -9px;
    display: block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 20px;
}
.recommends-details {
    float: left;
    max-width: 850px;
    width: 85%;
    padding-left: 20px;
}
.recommends-details h3, .renote-right h3 {
    color: #393f43;
    font-size: 13px;
    font-weight: 600;
}
.recommends-details h3 span {
    color: #f66800;
    display: inline-block;
    font-style: italic;
    font-weight: 300;
    padding-left: 10px;
}
.recommends-skill {
    background: #fcfcfc none repeat scroll 0 0;
    border-bottom: 1px solid #e4e6ea;
    border-top: 1px solid #e4e6ea;
    padding: 10px 20px;
    margin-top: 10px;
}
.rs-left {
    float: left;
}
.rs-left span {
    float: left;
    margin: 5px 5px 0 0;
}
.rs-left ul{
    float: left;
}
.rs-left li {
    background: rgb(57, 63, 67);
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    line-height: 11px;
    margin: 0 2px;
    padding: 7px 9px;
}

.rs-right {
    padding-top: 8px;
    float: right;
}
.rs-right span {
    color: #f66800;
    display: inline-block;
}
.rs-right p{
    margin-bottom: 0;
}

@media only screen and (max-width:767px){
    /*recommends page style*/
    .recommends-details{
        width: 83%;
    }
    @media only screen and (max-width:479px){
        .recommends-image{
            width: 100%;
            margin-bottom: 15px;
        }
    }
}

/* --- Portfolio tab styling --- */
.portfolio-section {
    overflow: hidden;
}
.portfolio-section #filters {
    border-bottom: 1px solid rgb(227, 229, 234);
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.portfolio-section #filters button {
    background: rgb(185, 189, 191) none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    margin: 0 3px;
    padding: 5px 15px;
}
.portfolio-section #filters button:hover, .portfolio-section #filters button.is-checked {
    background: #393F43;
}
.element-item {
    padding: 10px 5px;
    width: 20%;
}
.port-inner {
    text-align: center;
}
.port-inner > a {
    border: 1px solid rgb(239, 240, 241);
    display: block;
    height: 130px;
    line-height: 130px;
    margin-bottom: 10px;
}
/* --- Message tab styling --- */
.recommends-details > span, .recommends-details p {
    margin-bottom: 5px;
    display: block;
}
.recommends-details h3 .post-date, .renote-right h3 .post-date {
    font-size: 12px;
    color: #9d9e9f;
    float: right;
    font-weight: normal;
}
.msg-attach span {
    margin-right: 10px;
}
.msg-attach i {
    color: rgb(248, 152, 82);
    font-size: 14px;
    margin-right: 5px;
}
.msg-detail .panel-body {
    padding: 0;
}
.panel-default > .panel-heading, .panel-footer {
    background: #FEFEFE;
}
.msg-detail .panel-body textarea {
    border: medium none;
    padding: 10px;
    resize: none;
    width: 100%;
    min-height: 150px;
}
.msg-btns > a {
    background: rgb(248, 249, 251) none repeat scroll 0 0;
    border: 1px solid rgb(225, 226, 230);
    border-radius: 3px;
    color: #9FA3A6;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    padding: 7px 20px;
    text-transform: uppercase;
}
.msg-btns > a:hover {
    background: #F66800;
    border-color: #F66800;
    color: #fff;
}
/* --- Note tab styling --- */
.renote-left {
    padding-right: 30px;
    width: 15%;
    float: left;
}
.renote-right {
    border-bottom: 1px solid rgb(237, 238, 240);
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    max-width: inherit;
    width: 85%;
    float: right;
    position: relative;
}
.renote-right > textarea {
    border: 1px solid rgb(225, 226, 230);
    border-radius: 3px;
    margin-bottom: 20px;
    min-height: 100px;
    padding: 10px;
    resize: none;
    width: 90%;
}
.visible-only {
    bottom: 40px;
    color: rgb(223, 150, 150);
    position: absolute;
    right: 10%;
}
.renote-title {
    color: rgb(157, 158, 159);
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
}
.renote-left li a {
    background: rgb(185, 189, 191) none repeat scroll 0 0;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    display: block;
    margin: 5px 0;
    padding: 3px 0;
    text-align: center;
}
.renote-left li a:hover, .renote-left li a.active {
    background: #393F43;
}

/* ------ Company index page styling ----- */
.alert-custom {
    background: #F4F4F4;
    border: 1px solid rgb(219, 209, 209);
    padding: 10px;
}
.alert-inner > h2 {
    color: rgb(57, 63, 67);
    font-size: 16px;
    margin-right: 30px;
}
.alert-custom .close {
    right: 0;
    opacity: 1;
}
.alert-custom .close span {
    color: rgb(163, 163, 163);
}
.alert-row {
    margin: 0 -5px;
}
.alert-box {
    float: left;
    padding: 0 5px;
    width: 20%;
}
.alertbox-inner {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    text-align: center;
}
.alertbox-inner a {
    display: block;
    padding: 15px 10px;
    height: 61px;
}
.alertbox-inner span {
    color: rgb(246, 104, 0);
    float: left;
    font-size: 26px;
    line-height: 1;
    margin: 4px 10px 0 0;
}
.comp-index {
    background: rgb(255, 255, 255);
    box-shadow: 0 0 3px rgb(153, 153, 153);
    margin-bottom: 30px;
}
.coinex-head {
    padding: 15px 20px 0;
    position: relative;
}
.coinex-head > h2 {
    font-size: 16px;

}
.coinex-head .close {
    font-size: 32px;
    position: absolute;
    right: 15px;
    top: 10px;
}
.coindex-body .bottom-adv {
    padding: 10px 20px;
}
.dlist-top > .row {
    margin: 5px;
}
.list-map {
    float: right;
    width: 50%;
}
.list-map, .list-map img {
    max-width: 100%;
}
.dlist-single li {
    float: left;
    margin-bottom: 0px;
    width: 12.5%;
}
.dlist-single li a {
    color: rgb(124, 126, 127);
    display: block;
    font-size: 12px;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 96%;
    padding: 10px 5px;
}
.dlist-single li a:hover {
    background: rgb(246, 104, 0) none repeat scroll 0 0;
    border-radius: 3px;
    color: rgb(255, 255, 255);
}
.dlists-bottom {
    display: none;
}
.dlist-bottom .dlist-single, .dlists-bottom .dlist-single {
    margin: 0 20px;
}
.dlist-bottom li, .dlists-bottom li {
    width: 12.5%;
}
.dlist-ul > li:nth-child(8n+29), .dlist-ul-bottom > li:nth-child(8n+29) {
    clear: both;
}
#shide, #chide, .sub_accordian, .sub_accordian_bot {
    margin: 0 5px 30px !important;
    display: inline-block;
    color: rgb(246, 104, 0);
    clear: both;
    cursor: pointer;
}
.tag-filter {
    margin: 0 20px 20px;
}
.tag-filter .dropdown-menu {
    min-width: 140px;
}
.tag-filter a {
    font-size: 11px;
}
.tag-filter a:hover {
    background: #fff;
    color: #000;
    border-color: #F66800;
}

/* --- company detail page styling --- */
.comtop-list, .comtop-list-not {
    border-bottom: 1px solid rgb(228, 230, 235);
    overflow: hidden;
    padding: 20px 10px;
}
.comtop-list > ul, .comtop-list-not > ul {
    width: 150px;
    float: left;
    padding: 0 10px;
}
.company-side:first-child {
    border-bottom: 1px solid rgb(164, 168, 185);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.sidebar-widget h2, .sidebar-recruit > h1 {
    color: rgb(57, 63, 67);
    font-size: 12px;
    text-transform: capitalize;
}
.search-side input {
    background: transparent url("../img/magnify.png") no-repeat scroll 95% center;
    border: 1px solid rgb(224, 225, 231);
    border-radius: 3px;
    display: block;
    font-size: 12px;
    font-style: italic;
    padding: 5px;
    width: 100%;
}
.panel-side {
    border-bottom: 1px solid rgb(229, 231, 236);
    margin: 0 -10px;
    padding: 20px 10px;
}
.panel-side .panel-title > a {
    background: transparent url("../img/acc-minus.png") no-repeat scroll 95% 14px;
    border-bottom: 1px solid rgb(229, 231, 236);
    color: rgb(246, 104, 0);
    margin-bottom: 10px;
    padding: 10px 0;
    transition: inherit;
}
.panel-side .panel-title > a.collapsed {
    background-image: url(../img/acc-plus.png);
    background-position: 95% 12px;
    color: #7C7E7F;
}
.panel-inner > ul, .comtop-list > ul, .comtop-list-not > ul {
    height: 150px;
    overflow-y: auto;
}
.panel-inner li, .comtop-list li, .comtop-list-not li {
    margin: 10px 0;
}
.panel-inner li a:hover, .comtop-list li a:hover, .comtop-list-not li a:hover {
    color: #F66800;
}
.company-bottom > h1, .side-comment {
    display: block;
    font-size: 12px;
    margin: 0;
    text-align: center;
    line-height: 1.3;
}
.company-bottom > h1 a, .side-comment a {
    background: #F66800;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 5px;
    font-size: 10px;
    display: block;
    color: #fff !important;
    margin-top: 10px;
}
.side-comment a:hover {
    content: #fff;
}
.company-tab, .rate-box {
    background: #fff;
    box-shadow: 0 0 3px rgb(153, 153, 153);
}
.company-tab .nav-tabs {
    padding: 0 20px;
}
.company-tab .nav-tabs > li {
    margin-bottom: -2px;
}
.company-tab .nav-tabs > li.active > a, .company-tab .nav-tabs > li.active > a:hover, .company-tab .nav-tabs > li.active > a:focus {
    background: #F5F5F5;
    border-bottom: medium none;
    border-radius: 0;
    border-top: medium none;
}
.ctab-head {
    background: #F5F5F5;
    padding: 20px;
    position: relative;
}
.ctab-head > h1 {
    font-size: 18px;
    margin: 0;
}
.ctab-head > h3 {
    color: rgb(124, 126, 127);
    font-size: 11px;
    margin: 0;
}
.ctab-resume {
    color: rgb(246, 104, 0);
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 22px;
}
.ctab-body {
    padding: 20px;
}
.ctab-body > h1 {
    color: rgb(57, 63, 67);
    font-size: 12px;
    font-weight: bold;
}
.rate-box {
    margin-bottom: 20px;
}
.rate-box-header > h1 {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border-bottom: 1px solid rgb(237, 238, 242);
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    margin: 0;
}
.rate-box-header a {
    color: rgb(246, 104, 0);
    float: right;
    font-style: italic;
    font-weight: normal;
}
.rate-box-header a:hover {
    color: #000;
}
.rate-box-body {
    padding: 10px;
}
.rate-box-body > h1 {
    color: rgb(246, 104, 0);
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
}
.score-no {
    background: rgb(74, 194, 142) none repeat scroll 0 0;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    float: left;
    font-size: 14px;
    margin-right: 10px;
    padding: 10px 15px;
}
.score-rev {
    margin-top: 10px;
}
.score-rev > span {
    font-weight: bold;
}
.rev-single {
    overflow: hidden;
    margin-bottom: 5px;
}
.rev-single span {
    float: left;
    margin-right: 5px;
}
.rev-pro {
    background: rgb(74, 194, 142) none repeat scroll 0 0;
    border-radius: 2px;
    height: 5px;
    margin-top: 6px;
    max-width: 50%;
    width: 100px;
}
.g-location li {
    margin-top: 15px;
}
.rate-socials {
    overflow: hidden;
    margin-top: 10px;
}
.rate-socials li {
    float: left;
    margin-right: 15px;
}
.rate-socials li a {
    color: #B0B2B2;
    font-size: 18px;
}
.rate-socials li a:hover {
    color: #F66800;
}
.work-row {
    margin-bottom: 15px;
}
.work-row-fl, .comtop-left img {
    float: left;
    margin-right: 10px;
}
.work-row-rl > a {
    color: #F66800;
    display: block;
}
.company-top {
    padding: 0;
}
.comtop-head {
    padding: 10px 0;
}
.comtop-left {
    width: 60%;
}
.comtop-left > h1 {
    font-size: 20px;
    margin: 0 0 5px;
}
.comtop-left > h3 {
    color: rgb(124, 126, 127);
    font-size: 12px;
    margin: 0;
    font-weight: normal;
}
.box-heart {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid rgb(232, 233, 237);
    color: rgb(206, 208, 218);
    display: block;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    padding-right: 3px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}
.comtop-lists .recruit-head {
    margin: 0 auto;
    padding: 10px;
    float: right;
    text-align: right;
}
.comtop-list li a, .comtop-list-not li a {
    font-size: 11px;
}
.comtop-lists .recruit-head > p, .sidebar-recruit > p {
    color: rgb(181, 183, 193);
    font-style: italic;
    margin: 0 0 10px;
    font-size: 11px;
}
.comtop-lists .recruit-head > input {
    width: 250px;
    max-width: 100%;
}
.comtop-lists .recruit-head > a, .filter-btn {
    background: transparent -webkit-linear-gradient(to bottom, rgb(255, 255, 255), rgb(227, 227, 227)) repeat scroll 0 0;
    background: transparent -moz-linear-gradient(to bottom, rgb(255, 255, 255), rgb(227, 227, 227)) repeat scroll 0 0;
    background: transparent -o-linear-gradient(to bottom, rgb(255, 255, 255), rgb(227, 227, 227)) repeat scroll 0 0;
    background: transparent linear-gradient(to bottom, rgb(255, 255, 255), rgb(227, 227, 227)) repeat scroll 0 0;
    border: 1px solid rgb(187, 187, 187);
    color: rgb(124, 126, 127);
    font-size: 11px;
    padding: 6px 25px;
}
.filter-btn {
    border-radius: 3px;
    margin-top: 10px;
    text-align: center;
}
.comtop-nav > ul, .comptop-subnav ul {
    overflow: hidden;
    padding: 20px 10px 0;
}
.comptop-subnav > ul {
    padding-top: 10px;
}
.comtop-nav li, .comptop-subnav li {
    float: left;
    width: 150px;
    padding: 0 10px;
}
.comtop-nav li a, .comptop-subnav li a {
    /*background: transparent url("../img/orange-plus.png") no-repeat scroll right center;*/
    color: #F66800;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
.comtop-nav li a.active {
    /*background: url(../img/acc-minus.png) no-repeat scroll right center transparent;*/
}
.comptop-subnav li a {
    background: none;
}
.comtop-nav li a:hover, .comptop-subnav li a:hover {
    color: #F66800;
}
.comptop-subnav {
    border-top: 1px solid rgb(228, 230, 235);
    display: none;
    margin-top: 10px;
}
#myModal, #myModal2 {
    z-index: 9999;
}
#myModal .modal-dialog, #myModal2 .modal-dialog {
    margin: 100px auto 0;

}
.company-popup .comp-index {
    margin-bottom: 0;
}
#myModal .container, #myModal2 .container {
    /*max-width: inherit;*/
}
.company-popup .company-list {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
}

#tab2 .ctab-body {
    padding: 0;
    overflow: hidden;
}
#tab9 .ctab-body {
    padding: 0;
    overflow: hidden;
}
.salary-box {
    border: 1px solid rgb(237, 238, 241);
    float: left;
    width: 100%;
    padding-bottom: 30px;
}
.btn-head {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border-bottom: 1px solid rgb(237, 238, 241);
    border-top: 1px solid rgb(237, 238, 241);
    padding: 15px;
    text-align: center;
}
.btn-head > a {
    background: rgb(246, 104, 0) none repeat scroll 0 0;
    border: 2px solid rgb(246, 104, 0);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    margin: 0 5px;
    padding: 5px 20px;
}
.btn-head > a:hover {
    background: #fff;
    color: #63686B;
}
.salary-slide {
    clear: both;
    padding: 1px 20px;
}
.salary-slide > label {
    float: left;
    width: 180px;
}
.salary-bottom {
    border-top: 30px solid rgb(240, 240, 240);
    box-shadow: 0 0 3px rgb(153, 153, 153);
    position: relative;
}
.salary-bottom::before, .salary-bottom::after {
    background: rgb(240, 240, 240) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 30px;
    left: -5px;
    position: absolute;
    top: -30px;
    width: 5px;
    z-index: 9999;
}
.salary-bottom::after {
    left: auto;
    right: -5px;
}
.salary-bottom .ctab-head {
    box-shadow: 0 -1px 2px rgb(153, 153, 153);
}
.salary-body {
    padding: 20px;
}
.salary-body > h1 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 20px;
}
.salary-body h2 {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 10px;
}
.cont-div {
    margin-bottom: 15px;
}
.cont-div > p {
    font-size: 11px;
    margin-bottom: 5px;
}
.cont-div > p input {
    margin: 0 5px 0 0;
}
.cont-div > p label {
    margin: 0;
}
.cont-div > input[type="text"], .cont-div > textarea {
    max-width: 100%;
    padding: 5px;
    width: 220px;
    resize: none;
}
.salary-body .orange-btn {
    border: medium none;
}
.job-title {
    color: rgb(246, 104, 0) !important;
    display: block;
    font-weight: bold;
}
.job-agency {
    font-weight: bold;
}
.ctab-body tr th {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border-bottom: medium none !important;
    border-top: 1px solid rgb(227, 229, 234) !important;
}
.ctab-body table td {
    padding-top: 15px;
    vertical-align: middle !important;
}
.ctab-body tr:nth-child(2n) td {
    border: medium none;
    padding-top: 5px !important;
    padding-bottom: 15px;
    font-size: 11px;
}
.pagination {
    display: block;
    text-align: center;
    padding: 15px 0;
}
.review-head {
    overflow: hidden;
}
.review-headl {
    float: left;
    min-width: 250px;
}
.review-headr {
    float: right;
}
.review-list {
    border-bottom: 1px solid rgb(233, 235, 238);
    margin: 20px;
    padding-bottom: 20px;
}
.review-title > a {
    color: rgb(246, 104, 0);
    display: block;
    font-weight: bold;
}
.review-body {
    margin-top: 20px;
}
.review-foot > a[title="help"] {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border: 1px solid rgb(237, 238, 241);
    border-radius: 2px;
    color: rgb(174, 174, 174);
    display: inline-block;
    margin: 0 2px;
    padding: 4px 10px;
}
.review-foot > a[title="help"]:hover {
    background: #F66800;
    border-color: #F66800;
    color: #fff
}
.review-foot > a.refuse {
    background: none;
    border: none;
    float: right;
    color: #DE7474;
}
.comtop-body .mCSB_container {
    min-width: 940px;
}
.comtop-lists {
    position: relative;
}
.com-short {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    box-shadow: 0 0 2px rgb(102, 102, 102);
    left: 60px !important;
    position: absolute;
    top: 135px !important;
    width: 400px;
    display: none;
    z-index: 9999;
}
.com-left, .com-right, .comRight-info > ul {
    float: left;
    padding: 10px;
    width: 50%;
}
#client-list {
    padding: 0;
}
.com-right .gray-btn {
    background: rgb(206, 208, 218) none repeat scroll 0 0;
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
.comRight-info > p {
    margin-bottom: 5px;
}
.comRight-info > h1, .comLeft-pic > h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    color: #6B6565;
}
.comRight-info li a {
    color: rgb(246, 104, 0);
}
.comLeft-top, .comLeft-pic li span {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border: 1px solid rgb(230, 232, 234);
    border-radius: 3px;
    overflow: hidden;
    padding: 10px 0 10px 10px;
}
.comLeft-top > span {
    /*float: left;*/
    margin-right: 10px;
}
.comLeft-top .comTop-left {
    float: left;
    margin: 0;
    width: calc(100% - 80px);
}
#comp-type {
    clear: both;
    display: block;
    float: none;
    margin: 10px 10px 0 0 !important;
    text-align: center;
}
.comLeft-top span > a {
    color: #f66800;
    display: block;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.comLeft-top > .green-btn {
    background: #4AC28E;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
}
.comLeft-top #vendor-rating {
    border-radius: 50%;
    display: block;
    float: right;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    width: 50px;
}
.comLeft-pic ul {
    overflow: hidden;
}
.comLeft-pic li {
    float: left;
}
.comLeft-pic li span {
    display: block;
    padding: 3px 10px;
}
.comLeft-pic li img {
    margin: 2px;
}
.com-short .close {
    background: rgb(128, 128, 128) none repeat scroll 0 0;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    height: 30px;
    opacity: 1;
    position: absolute;
    right: -12px;
    text-shadow: none;
    top: -12px;
    width: 30px;
}
/* --- recruit tab styling --- */
.recruit-head {
    margin-bottom: 20px;
}
.recruit-drop {
    float: left;
    margin-right: 10px;
    position: relative;
}
.recruit-drop .dropdown-toggle {
    padding-right: 25px;
}
.sidebar-recruit .recruit-drop {
    display: block;
    margin: 0 0 5px;
    width: 100%;
    float: none;
}
.sidebar-recruit .recruit-drop .dropdown-toggle {
    text-align: left;
    width: 100%;
}
.recruit-drop .caret {
    position: absolute;
    right: 7px;
    top: 13px;
}
.recruit-drop .btn, .recruit-drop .dropdown-menu li a {
    font-size: 11px;
}
.sidebar-recruit > input, .pre-input input, .request-form input, .sidebar-recruit > textarea, .recruit-head > input {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    font-size: 12px;
    font-style: italic;
    height: 30px;
    padding: 5px;
    width: 150px;
    margin-right: 10px;
    float: left;
    max-width: 100%;
}
.sidebar-recruit > textarea {
    height: 100px;
    margin-bottom: 10px;
    resize: none;
}
.sidebar-recruit > input {
    margin: 0 0 10px;
}
.sidebar-recruit > a {
    color: #fff;
    clear: both;
    display: block;
    text-align: center;
}
.sidebar-recruit > a:hover {
    color: #fff;
}
.recruit-sel {
    margin-bottom: 20px;
    overflow: hidden;
}
.recruit-sel input, .recruit-sel label {
    margin: 0;
    vertical-align: top;
}
.recruit-sel > span {
    float: left;
    margin-top: 12px;
}
.recruit-sel a, .comtop-right {
    float: right;
}
.recruit-select {
    width: 30px;
    float: left;
}
.recruit-detail {
    width: calc(100% - 30px);
    float: left;
}
.redl-head > img {
    float: left;
    margin-right: 10px;
    width: 50px;
}
.head-dl {
    float: left;
    width: calc(100% - 60px);
}
.head-dl a {
    font-size: 14px;
    font-weight: bold;
}
.head-dl p, .recruit-detail > p {
    margin-bottom: 5px;
}
.head-dl li {
    float: left;
    margin-right: 10px;
}
.head-dl li a {
    color: rgb(206, 208, 218);
    font-size: 16px;
}
.head-dl li a:hover {
    color: #F66800;
}
.recruit-head > a {
    padding: 7px 25px;
}
.recruit-footer {
    border-top: 1px solid rgb(206, 208, 218);
    margin-top: 10px;
    padding-top: 10px;
}
.recruit-footer > span {
    display: block;
}
.recruit-single {
    border-top: 1px solid rgb(206, 208, 218);
    margin-bottom: 30px;
    overflow: hidden;
    padding-top: 30px;
}
.ctab-body .recruit-single:nth-child(2n+1) {
    clear: both;
}

/* ----- User Matching styling ----- */
.question-head {
    background: rgb(251, 251, 251);
    border: 1px solid rgb(205, 209, 217);
    margin-bottom: 10px;
    overflow: hidden;
}
.question-step {
    float: left;
    padding: 15px;
    width: 33.33%;
    font-size: 14px;
    color: #393f43;
    text-transform: uppercase;
    font-weight: bold;
}
.question-step {
    border-left: 1px solid #CDD1D9;
}
.question-step:first-child {
    border: none;
}
.question-step i {
    float: right;
    color: #F77526;
    font-size: 16px;
}
.question-step.active {
    background: #fff;
}
.question-body {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    box-shadow: 0 0 3px rgb(153, 153, 153);
}
.question-body > h1 {
    border-bottom: 1px solid rgb(234, 235, 237);
    font-size: 18px;
    padding: 15px;
    margin: 0;
}
.employee-form {
    padding: 20px;
}
.employee-form h2 {
    color: rgb(57, 63, 67);
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.btn-gray {
    background: rgb(241, 243, 247) none repeat scroll 0 0;
    border: 1px solid rgb(225, 227, 230);
    color: rgb(124, 126, 127);
    font-size: 11px;
    margin: 0 5px 5px 0;
    transition: all 0.3s ease 0s;
    min-width: 100px;
}
.btn-gray:hover, .btn-gray.active {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-color: rgb(247, 114, 17);
    box-shadow: none;
    color: rgb(0, 0, 0);
}
#preCompany-show {
    background: none;
    border: medium none;
    margin-top: 10px;
    padding: 0;
}
.employee-foot {
    border-top: 1px solid rgb(238, 239, 241);
    padding: 20px;

}
.employee-drop .dropdown-toggle {
    display: block;
    margin-bottom: 15px;
    text-align: left;
    width: 100%;
    position: relative;
    font-size: 11px;
}
.employee-drop .dropdown-toggle .caret {
    border-top-color: rgb(223, 224, 228);
    position: absolute;
    right: 10px;
    top: 46%;
}
.employee-drop .dropdown-menu {
    text-align: left;
    width: 100%;
}
.select-title {
    color: rgb(194, 194, 195);
    display: block;
    text-transform: uppercase;
    font-size: 11px;
}
.skills-slider-wrapper {
    margin-bottom: 15px;
}
.skills-slider-wrapper .slider {
    margin: 0 0 5px;
    width: 100%;
    /*height: 100%;*/
    max-width: inherit;
}
.skills-slider-wrapper .slider-track {
    height: 8px !important;
    border-radius: 3px;
}
.skills-slider-wrapper .slider-handle {
    background: rgb(246, 104, 0);
    border: 2px solid rgb(255, 255, 255);
    height: 16px;
    width: 16px;
    margin: -5px 0 0 -8px !important;
}
.skills-slider-wrapper .slider-selection {
    background: rgb(157, 161, 163);
}
.skills-slider-wrapper .slider-scale {
    color: rgb(188, 189, 190);
    font-size: 13px;
    height: 20px;
    position: relative;
}
.skills-slider-wrapper .slider-scale .tick {
    height: 20px;
    margin-left: -45px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 90px;
    font-size: 11px;
}
.skills-slider-wrapper .slider-scale .tick.tick-0 {
    left: 0;
}
.skills-slider-wrapper .slider-scale .tick:first-child {
    margin-left: 0;
    text-align: left;
}
.skills-slider-wrapper .slider-scale .tick.active {
    color: rgb(57, 63, 67);
    font-weight: 700;
}
.skills-slider-wrapper .slider-scale .tick.tick-1 {
    left: 33%;
}
.skills-slider-wrapper .slider-scale .tick.tick-2 {
    left: 66%;
}
.skills-slider-wrapper .slider-scale .tick:last-child {
    left: auto;
    right: 0;
    text-align: right;
}
.hidden-btn-line {
    display: none;
}
.question-body > h1 p {
    color: rgb(167, 167, 167);
    font-size: 14px;
    margin: 5px 0 0;
}
.input-wrap {
    text-align: center;
}
.em-profile-left {
    background: rgb(248, 249, 251);
    border-left: 1px solid rgb(240, 241, 243);
    border-right: 1px solid rgb(240, 241, 243);
}
.em-profile-left > img {
    width: 100%;
}
.em-profile-left > label, .em-profile-left > label:first-of-type {
    border-bottom: 1px solid #fff;
    display: block;
    font-size: 11px;
    padding: 10px 5px;
}
.em-profile-left > label {
    padding: 2px 5px;
    border: none;
    margin: 0;
}
.em-profile-left > label span {
    float: right;
}
.em-profile-header > h1 {
    color: rgb(57, 63, 67);
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: bold;
}
.em-profile-header > h3 {
    color: rgb(144, 147, 149);
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
}
.em-profile-header > h3 a {
    color: #F66800;
}
.em-profile-loc {
    border-bottom: 1px solid rgb(243, 243, 244);
    border-top: 1px solid rgb(243, 243, 244);
    margin: 10px 0;
    padding: 10px 0;
}
.loc-info {
    font-size: 11px;
    font-weight: normal;
}
.loc-value {
    font-weight: bold;
}
.loc-info:first-child {
    margin-right: 30px;
}
.loc-info:first-child + .loc-info .loc-value {
    color: #52a247;
}
.em-profile-body > h3, .em-client > h1 {
    color: rgb(102, 102, 102);
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.em-profile-feedback span {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
.em-profile-feedback span + span, .feedback-level-bar {
    float: right;
}
.em-profile-feedback label {
    display: block;
    float: none;
}
.em-profile-feedback .feedback-rate {
    font-size: 13px;
}
.em-profile-info {
    margin-top: 5px;
}
.em-profile-info > a {
    color: rgb(246, 104, 0);
}
.feedback-level-bar {
    background: rgba(0, 0, 0, 0) url("../img/level-bar.png") no-repeat scroll 0 0;
    height: 12px;
    width: 116px;
    position: relative;
}
.em-client {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #F3F3F4;
}
.em-profile-skill .skill-pro {
    margin-top: 15px;
}
.em-profile-right, .em-profile-skill {
    padding-top: 20px;
}
.em-profile-rating {
    padding: 20px 10px 10px;
}
.em-client {
    margin: 10px 10px 0;
}
.employee-pro {
    border-bottom: 1px solid rgb(238, 239, 241);
}
.feedIndicator {
    background: rgb(59, 65, 69) none repeat scroll 0 0;
    border: 3px solid rgb(255, 255, 255);
    border-radius: 50%;
    display: block;
    height: 20px;
    left: 85%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 6px;
    width: 20px;
}
.input-wrap input {
    margin-left: 25px;
    margin-top: 100px;
}
.em-profile-con {
    padding: 30px;
}
.em-profile-con > p:first-child {
    margin: 0 -5px 15px;
}
.em-profile-con p, .con-footer {
    overflow: hidden;
}
.one-third {
    float: left;
    width: 33.33%;
    padding: 0 5px;
}
.em-profile-con label {
    display: block;
    text-transform: uppercase;
}
.em-profile-con input, .em-profile-con textarea {
    width: 100%;
    padding: 5px;
}
.con-file {
    float: left;
}
.con-foot-right {
    float: right;
}
.con-file {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(246, 104, 0);
    border-radius: 3px;
    float: left;
    padding: 10px;
    position: relative;
    color: rgb(246, 104, 0);
    cursor: pointer;
}
.con-file:hover {
    background: rgb(235, 235, 235);
}
.con-file input {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    cursor: inherit;
    display: block;
    font-size: 999px;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    outline: medium none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.con-file i {
    margin-left: 10px;
}
.con-foot-right > span {
    margin-right: 20px;
}
.con-foot-right span a {
    color: #F66800;
}
.employee-complete {
    padding: 20px;
    overflow: hidden;
}
.em-complete-right {
    float: right;
}
.em-complete-right a {
    display: block;
    margin-bottom: 5px;
    text-align: center;
}
/* --- company detail signup popup --- */
.signup-popup {
    background: rgb(255, 255, 255);
    margin: 100px auto 0;
    max-width: 900px;
    position: relative;
}
.lsignUp {
    text-align: center;
    float: left;
    width: 37%;
}
.lsignUp > h1, .rapply h1 {
    color: rgb(57, 63, 67);
    font-size: 18px;
    margin: 20px 0 5px;
}
.lsignUp > p {
    font-size: 11px;
}
.sigup-btns {
    margin: 10px auto;
    max-width: 220px;
    width: 100%;
}
.sigup-btns > a {
    background: rgb(71, 147, 186);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
}
.sigup-btns > a:first-child + a {
    background: #3E5B99;
}
.sigup-btns > a:first-child + a + a {
    background: #F65C5C;
}
.signIn-up {
    margin: 20px 0 0;
}
.signForm form {
    margin: 0 auto;
    max-width: 250px;
    width: 100%;
}
.signForm {
    padding: 20px 0;
}
.signForm p, .rapply p {
    margin-bottom: 10px;
    overflow: hidden;
}
.signForm input[type="text"], .signForm input[type="password"], .rapply input, .rapply textarea, .leave-cmnt input, .leave-cmnt textarea, .side-newsletter input {
    border: 1px solid rgb(225, 226, 229);
    border-radius: 3px;
    width: 100%;
    padding: 5px;
}
.signForm input[type="submit"], .rapply input[type="submit"] {
    border: none;
    display: block;
    width: 100%;
    padding: 5px 15px;
}
.signIn-up .nav-tabs > li {
    border-right: 1px solid rgb(221, 221, 221);
    display: inline-block;
    float: none;
}
.signIn-up .nav-tabs li a {
    border-top: none;
    margin: 0 -3px;
    font-size: 11px;
}
.signIn-up .nav-tabs li a:hover {
    background: #fff;
}
.signForm span {
    float: left;
}
.signForm label {
    font-size: 11px;
    font-weight: normal;
}
.signForm p a {
    color: rgb(246, 104, 0);
    float: right;
    font-size: 11px;
}
.sbody-image {
    background: rgba(0, 0, 0, 0) url("../img/blur.png") no-repeat scroll 0 0 / 100% 100%;
    float: left;
    padding: 20px;
    width: 26%;
    height: 415px;
}
.sbody-image > h1 {
    color: rgb(255, 255, 255);
    font-size: 20px;
    margin: 0;
}
.sbody-image > ul {
    margin-top: 10px;
}
.sbody-image li {
    color: rgb(255, 255, 255);
    list-style: outside none disc;
    margin-bottom: 10px;
}
.rapply {
    float: left;
    width: 37%;
}
.rapply form {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}
.rapply h1 {
    margin: 20px 0 10px;
    text-align: center;
}
.signup-body {
    overflow: hidden;
}
.rapply .con-file {
    background-color: rgb(252, 252, 252);
    border-color: rgb(223, 224, 228);
    color: rgb(170, 173, 175);
    display: block;
    float: none;
    text-align: center;
    width: auto;
    padding: 6px;
}
.rapply textarea {
    height: 110px;
    resize: none;
}
.signup-popup .close, .signin-head .close {
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.signin-popup {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    margin: 70px auto 0;
    max-width: 650px;
}
.signin-head {
    border-bottom: 1px solid rgb(235, 237, 240);
    padding: 10px 30px 0;
    position: relative;
}
.signin-head > h1 {
    color: rgb(57, 63, 67);
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}
.signin-head p {
    margin-bottom: 5px;
}
.signin-head input, .signin-head textarea, .usermatching-text textarea {
    border: 1px solid #EDEEF0;
    border-radius: 3px;
    max-width: 100%;
    padding: 10px;
    width: 400px;
}
.signin-head textarea, .usermatching-text textarea {
    height: 100px;
    resize: none;
}
.signin-head .close {
    right: 10px;
    top: 10px;
}
.signin-body .em-profile-feedback span + span, .comHover-body .em-profile-feedback span + span {
    float: none;
    margin-left: 10px;
}
.signin-body .em-profile-info, .comHover-body .em-profile-info {
    margin-top: 0;
}
.signin-body .cbody-mid, .signin-body .cbody-pro {
    margin-top: 10px;
}
.signin-body .feedback-level-bar, .comHover-body .feedback-level-bar {
    clear: both;
    display: block;
    float: none;
}
.signin-body .em-client, .comHover-body .em-client {
    border: medium none;
    margin: 0;
    padding: 0;
}
.signin-body .profile-detail {
    border-top: 1px solid rgb(240, 241, 244);
    padding: 10px;
}
.signin-body .cbmid-tagline:last-of-type, .comHover-body .cbmid-tagline:last-of-type {
    border: none;
}
.signin-body .profile-detail textarea, .comHover-body .profile-detail textarea {
    border: 1px solid rgb(231, 232, 235);
    border-radius: 3px;
    font-style: italic;
    padding: 10px;
    width: 100%;
}
.signin-body .orange-btn {
    border: medium none;
    display: block;
    margin: 0 auto;
    width: 150px;
}
.comHover-body {
    border-top: 1px solid rgb(235, 237, 240);
    margin: 0 0 -20px;
}
.right-sidebar .chead-right {
    float: left;
}
.right-sidebar .clist-body > img, .right-sidebar .cpro-right, .right-sidebar .cbody-mid {
    display: block;
    float: none;
    margin: 0 auto;
}
.sidebar-widget h1 img {
    margin-right: 5px;
}
/* ----- Edit profile styling ----- */
.edit-widget ul {
    margin: 10px -10px;
}
.edit-widget ul li {
    margin: 0;
}
.edit-widget li a {
    background-position: 100% center;
    padding: 8px;
}
.edit-widget li a:hover, .edit-widget li.active a {
    background: rgb(240, 240, 240) url("../img/r-arrow.png") no-repeat scroll 95% center;
}
.edit-inner {
    background: #fff;
    box-shadow: 0 0 3px rgb(153, 153, 153);
}
.edit-head {
    background: #FCFCFC;
}
.edit-head, .edit-hero, .edit-feature, .edit-contact {
    border-bottom: 1px solid #E5E7EB;
    padding: 20px;
}
.edit-head > h1, .view-top-left > h1 {
    color: rgb(57, 63, 67);
    font-size: 20px;
    margin: 0 0 5px;
}
.edit-head > h3, .view-top-left > h3 {
    color: rgb(124, 126, 127);
    font-size: 12px;
    margin: 0;
}
.form-group > h2, .edit-hero > h1 {
    color: rgb(57, 63, 67);
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
}
.edit-grp {
    margin-bottom: 10px;
}
.edit-grp > label, .right-edit > label {
    display: block;
}
.edit-grp > input, .right-edit > input, textarea.edit2 {
    border: 1px solid rgb(223, 224, 228);
    border-radius: 2px;
    padding: 5px;
    width: 33.33%;
    font-size: 11px;
}
.edit-drop {
    width: 33.33%
}
.edit-feature .form-group > p {
    margin-bottom: 10px;
}
.form-group .orange-color {
    color: rgb(246, 104, 0);
    margin-top: 5px;
    display: inline-block;
}
textarea.edit2 {
    width: 100%;
    height: 30px;
    resize: none;
}
.edit-drop .dropdown-toggle {
    border: 1px solid rgb(223, 224, 228);
    border-radius: 2px;
    color: #7c7e7f;
    font-size: 11px;
    padding: 5px;
    text-align: left;
    width: 100%;
}
.edit-drop .dropdown-toggle .caret {
    border-top-color: rgb(223, 224, 228);
    float: right;
    margin-top: -10px;
}
.edit-drop.open .dropdown-toggle .caret {
    border-top-color: #fff;
}
.contact-sub {
    color: rgb(124, 126, 127);
    display: block;
    font-size: 10px;
    margin-top: 5px;
}
.edit-foot {
    padding: 20px;
    text-align: right;
}
.right-edit {
    float: right;
    margin-top: -20px;
    width: 30%;
}
.right-edit > input {
    padding: 4px;
    width: 100%;
}
.edit-grp a {
    font-size: 11px;
    margin-left: 10px;
}
.edit-grp .top-adv {
    margin: 5px -5px;
}
.hero-inner {
    margin: 0 -1%;
    overflow: hidden;
}
.hero-input {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border: 1px solid rgb(233, 234, 238);
    border-radius: 3px;
    float: left;
    margin: 5px 1%;
    padding: 10px;
    width: 48%;
}
.hero-input > img {
    margin-right: 10px;
}
.input-icon {
    border-left: 1px solid rgb(233, 234, 238);
    float: right;
    margin: -10px;
    padding: 10px;
}
.hero-input > a {
    color: #1A85BC;
}
.edit-feature .skills-slider-wrapper .slider-scale .tick {
    display: none;
    left: 0 !important;
    margin: 0 !important;
    position: absolute;
    right: auto !important;
    top: 0;
    transform: translate(0px, 0px);
    width: auto;
}
.edit-feature .skills-slider-wrapper .slider-scale .tick.active {
    display: block;
}
.hour-box > input {
    border: 1px solid rgb(223, 224, 228);
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    width: 40px;
}
.light-gray {
    color: rgb(194, 194, 195);
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0 5px;
    text-transform: uppercase;
}
.look-choose {
    font-weight: normal;
}
.look-choose > input {
    float: left;
    margin: 0 5px 5px 0;
}
.pre-input, .edit-upload, .reference-wrap, .final-edit {
    border-bottom: 1px solid rgb(229, 231, 235);
    padding: 20px;
}
.pre-input h1 {
    color: rgb(57, 63, 67);
    font-size: 14px;
    margin: 0 0 5px;
    font-weight: bold;
}
.pre-input input, .request-form input {
    width: 100%;
    font-style: normal;
}
.pre-input ::-webkit-input-placeholder {
    color: #f66800;
    font-style: normal;
}

.pre-input :-moz-placeholder { /* Firefox 18- */
    color: #f66800;
    font-style: normal;
}

.pre-input ::-moz-placeholder {  /* Firefox 19+ */
    color: #f66800;
    font-style: normal;
}

.pre-input :-ms-input-placeholder {
    color: #f66800;
    font-style: normal;
}
.pre-input > div > div {
    margin-bottom: 20px;
}
.edit-portfolio {
    padding: 20px;
}
.custom-row {
    margin: 0 -5px;
}
.one-fifth {
    float: left;
    padding: 0 5px;
    width: 20%;
}
.portfolio-wrap a {
    display: block;
    text-align: center;
}
.upload-file {
    margin-bottom: 20px;
}
.upload-file > h1 {
    color: rgb(57, 63, 67);
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px;
}
.upload-file > input {
    display: inline-block;
}
.upload-file > input[type="file"] {
    border-radius: 3px;
    height: 30px;
    width: 75px;
}
.upload-file > input[type="text"], .inline-input > input {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    padding: 7px;
    min-width: 200px;
}
.upload-file > input[type="submit"] {
    border: medium none;
    margin-left: 10px;
    padding: 6px 30px;
}
.edit-foot a {
    padding: 10px 40px;
}
.reference-wrap .recommends:first-child {
    margin-top: 0;
}
.request-form {
    margin: 20px 0;
}
.request-form label {
    display: block;
    font-weight: normal;
}
.request {
    display: inline-block;
    margin-top: 10px;
}
.edit-head-btn {
    border-top: 1px solid rgb(229, 231, 235);
    padding: 20px 0 0;
    text-align: right;
}
.edit-head-btn > a {
    border: 2px solid rgb(246, 104, 0);
    border-radius: 3px;
    color: rgb(246, 104, 0);
    display: inline-block;
    padding: 10px 30px;
    text-transform: uppercase;
}
.final-edit {
    min-height: 400px;
}
.final-edit label {
    font-weight: normal;
}
.final-edit input {
    margin-right: 5px;
}
.edit-view-top {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
}
.view-top-left {
    float: left;
    width: 70%;
}
.edit-view-top > a, .edit-view-bottom > a {
    float: right;
    margin-top: 4px;
    padding: 10px 30px;
}
.edit-view .cbmid-tagline label {
    float: none;
    display: block;
}
.edit-view .cpro-right p {
    font-size: 10px;
}
.edit-view .profile-detail .nav-tabs > li > a {
    padding: 10px 15px;
}
.edit-view .cbmid-top .cmid-top {
    font-size: 12px;
}

/* --- Jobs page styling --- */
.jobs-table {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    box-shadow: 0 0 3px rgb(153, 153, 153);

}
.jobs-table th {
    text-transform: uppercase;
}
.hour-rate {
    color: rgb(102, 102, 102);
    font-size: 14px;
    margin-left: 10px;
}
.jobs-table .job-agency {
    font-weight: normal;
}
.jobs-table .ctab-body tr:nth-child(2n) td {
    padding: 0 8px 15px;
}
.jobs-table .ctab-body tr:nth-child(2n) td p {
    margin-bottom: 5px;
}
.jobs-table .pagination {
    border-top: 1px solid rgb(221, 221, 221);
}
.sidebar .divider{
    background-color: rgb(229, 229, 229);
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}
.jobs-hover {
    position: absolute;
    right: 200px;
    top: 240px;
    max-width: 700px;
}
.jobs-hover, .jobs-preview, .custom-panel, .jobPost-cont {
    background: #fff;
    box-shadow: 0 0 3px rgb(153, 153, 153);
    width: 100%;
}
.jobs-hover .comtop-right, .jobs-preview .comtop-right {
    margin: 10px 10px 0 0;
}
.jobs-hover-body {
    padding: 10px;
}
.job-cont {
    border-bottom: 1px solid #E9EAEC;
    padding: 10px 0;
}
.preview-single {
    margin-bottom: 15px;
    overflow: hidden;
}
.preview-single > label {
    float: left;
    font-weight: normal;
    margin-right: 20px;
    max-width: 100%;
    text-align: right;
    width: 200px;
}
.cont-info {
    float: left;
    font-weight: bold;
    width: calc(100% - 220px);
}
.info-normal {
    font-weight: normal;
}
.jobs-hover-body > div:first-child + div > div {
    margin-bottom: 0;
}
.cont-info .cbody-pro {
    width: 115px;
}
.job-cont-foot {
    padding: 15px 10px 10px;
    text-align: right;
}
.posting-info {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border: 1px solid rgb(232, 234, 236);
    overflow: hidden;
    padding: 10px;

}
.posting-info > span {
    float: left;
    margin-right: 30px;

}
.posting-info .orange-color {
    display: block;
}
.posting-info > span.green-btn {
    background: rgb(74, 194, 142) none repeat scroll 0 0;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    padding: 10px;
}
.custom-panel {
    margin-bottom: 30px;
}
.custom-panel-head > h1 {
    color: rgb(57, 63, 67);
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
}
.custom-panel-body {
    padding: 10px;
    text-align: center;
}
.custom-panel-body > p {
    font-size: 10px;
    margin: 0;
    text-align: left;
}
.custom-panel-body > a {
    font-size: 10px;
}
.custom-panel-head > h3 {
    font-size: 12px;
}
.custom-panel-head > h3 .subtitle {
    font-weight: bold;
    display: block;
    margin-top: 5px;
}
.job-tab .nav > li {
    float: left;
    width: 50%;
}
.job-tab .nav > li a {
    border: 1px solid rgb(225, 227, 230);
    padding: 5px 15px;
}
.job-tab .nav > li:first-child a {
    border-right: none;
}
.job-tab .nav > li.active a{
    background-color: rgb(238, 238, 238);
    text-decoration: none;
}
.job-tab .tab-pane ul {
    float: left;
    margin: 10px 0 5px;
    text-align: left;
    width: 50%;
}
.job-tab .tab-pane li {
    margin-bottom: 2px;
    display: block;
    float: none;
}
.job-tab .tab-pane li a {
    font-size: 9px;
}

/* -- Job posted list styling -- */
.jobsPost-list {
    box-shadow: 0 0 3px rgb(153, 153, 153);
}
.edit-list {
    position: relative;
}
.edit-hover {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid rgb(199, 200, 208);
    border-radius: 3px;
    box-shadow: 0 0 3px rgb(226, 227, 232);
    display: block;
    padding: 10px 0;
    position: absolute;
    right: 0;
    top: 23px;
    width: 340px;
    display: none;
    z-index: 99;
}
.edit-hover > a {
    display: inline-block;
    margin: 0 10px;
}
.edit-hover > a:first-child {
    color: rgb(87, 171, 214);
}
.edit-hover > a:first-child + a {
    color: rgb(246, 104, 0);
}
.edit-hover > a:last-child {
    color: rgb(229, 93, 93);
}
.edit-list:hover .edit-hover {
    display: block;
}
.green-color {
    color: #37c26b;
}
.cancel-color {
    color: #e55d5d;
}
.edit-list i {
    cursor: pointer;
    font-size: 18px;
    padding: 5px;
}
.edit-list:hover i {
    color: #F66800;
}
.jobsPost-list .ctab-body table th, .jobsPost-list .ctab-body table td {
    text-align: center;
    vertical-align: middle;
    padding: 5px !important;
}
.jobsPost-list .ctab-body table th {
    padding: 10px !important;
}
.jobsPost-list .table-responsive {
    padding-bottom: 30px;
}
.jobsPost-list .ctab-body table th, .jobsPost-list .ctab-body table td {
    border: none !important;
    border-bottom: 1px solid rgb(221, 221, 221) !important;
}

/* -- job post styling -- */
.inline-input {
    float: left;
    margin-right: 10px;
    font-size: 11px;
}
.inline-input > label {
    display: block;
}
.inline-input .orange-color {
    margin: 0;
}
.inline-input .dropdown-toggle {
    min-width: 150px;
    padding-right: 30px;
    margin-bottom: 0;
}
.inline-types .light-gray {
    font-size: 10px;
    margin: -15px 0 3px;
}
#posTed-job .signin-popup {
    max-width: 450px;
}
#posTed-job .signin-head {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    padding: 0;
}
#posTed-job .signin-head > h1 {
    margin: 0;
    padding: 15px;
    text-align: left;
}
.jobPost-over > img {
    float: left;
    margin-right: 10px;
}
.jobPost-right > h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.jobPost-right > h3 {
    font-size: 12px;
    margin: 5px 0;
}
.jobPost-right .time {
    margin-right: 10px;
}
.jobPost-over:first-of-type {
    border: none;
}
.jobPost-over {
    border-bottom: 1px solid rgb(234, 235, 239);
    margin: 0 20px;
    overflow: hidden;
    padding: 20px 0;
}

/* ----- user matching styling ----- */
.user-matching {
    margin-bottom: 20px;
}
.user-recruiter {
    padding: 0 30px;
}
.user-matching .cbmid-top .cmid-top {
    font-size: 11px;
}
.user-matching .cbmid-top .cmid-top img {
    margin-right: 5px;
    max-width: 15px;
}
.user-matching .cbmid-tagline label {
    margin: 0 10px 0 0;
    width: auto;
}
.user-matching .signin-head {
    padding: 10px 15px;
}
.col-border {
    border-right: 1px solid rgb(235, 237, 240);
    padding-right: 0;
}
.user-matching .edit-foot {
    border-top: 1px solid rgb(235, 237, 240);
}
.usermatching-text {
    padding: 10px 10px 0 0;
}
.usermatching-text textarea {
    height: 215px;
}
.user-matching .employee-form h2 {
    text-transform: capitalize;
}
.user-matching .edit-feature {
    border: medium none;
    margin: 0;
    padding: 0;
}
.user-matching .edit-feature > p {
    margin-bottom: 5px;
}
.user-matching .lsignUp {
    border-right: 1px solid rgb(234, 235, 237);
}
.user-matching .rapply {
    padding: 0 40px;
}
.user-matching .lsignUp > h1, .user-matching .rapply h1 {
    margin: 20px 0;
}

/* ----- Blog page styling ----- */
.blog-page, .about-page, .signup-main {
    margin-top: -20px;
}
.blog-title, .signup-main > h1 {
    color: rgb(57, 63, 67);
    font-size: 26px;
    margin: 0 0 5px;
}
.blog-wrap, .blog-sidebar, .signup-sidebar, .gray-panel {
    padding: 0;
}
.blog-list {
    border-bottom: 1px solid rgb(239, 240, 243);
    margin-bottom: 15px;
    padding: 15px;
}
.blog-list h2 {
    color: rgb(246, 104, 0);
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}
.post-time {
    margin-bottom: 20px;
}
.time-left {
    float: left;
    margin-right: 20px;
    width: 60%;
}
.time-left > img {
    float: left;
    margin-right: 10px;
    max-width: 15px;
}
.time-left > span {
    display: block;
}
.time-right i {
    background: rgb(240, 240, 240) none repeat scroll 0 0;
    padding: 5px;
}
.time-left a, .time-right {
    font-weight: bold;
}
.post-prev a {
    font-style: italic;
    font-weight: bold;
    margin-left: 5px;
}
.blog-wrap .pagination {
    margin: 0 auto;
    padding: 10px 0 20px;
    text-align: center;
}
.blog-sidebar {
    margin-top: 15px;
}
.blog-sidebar > div, .blog-single > div {
    padding: 15px;
}
.subscribe-link, .may-like {
    background: rgb(252, 252, 252) none repeat scroll 0 0;
    border-bottom: 1px solid rgb(227, 229, 234);
    border-top: 1px solid rgb(227, 229, 234);
}
.subscribe-link i {
    color: #F66800;
    margin-right: 10px;
    font-size: 16px;
}
.side-article > h1, .blog-single > h1 {
    border-bottom: 1px solid rgb(233, 235, 239);
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 15px;
    padding: 0 0 15px;
    text-transform: uppercase;
}
.side-article li {
    margin-bottom: 10px;
}
.side-article li a {
    border-left: 2px solid rgb(248, 143, 66);
    color: rgb(124, 126, 127);
    display: block;
    font-weight: bold;
    padding-left: 10px;
}
.side-article li span {
    padding-left: 10px;
}
.blog-single > h1 {
    color: #f66800;
    font-size: 22px;
    padding: 15px;
    text-transform: inherit;
}
.single-meta .post-time {
    width: 60%;
    float: left;
    margin: 0;
}
.single-meta .post-time:before, .single-meta .post-time:after {
    clear: none;
}
.post-social {
    float: right;
    text-align: right;
    width: 35%;
}
.single-inner > img {
    margin: 0 0 10px;
}
.single-inner > h2 {
    color: rgb(57, 63, 67);
    font-size: 16px;
    font-weight: bold;
}
.may-like > h1 {
    font-size: 18px;
    color: rgb(57, 63, 67);
    text-transform: uppercase;
    margin: 10px 0 30px;
}
.may-like > div {
    text-align: center;
}
.may-like h3 {
    color: rgb(246, 104, 0);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
}
.post-comment > h1, .leave-cmnt > h1, .side-newsletter > h1 {
    color: rgb(57, 63, 67);
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 15px;
    text-transform: uppercase;
}
.comment-list {
    border-bottom: 1px solid rgb(235, 236, 240);
    margin-bottom: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}
.user-pic {
    float: left;
    margin-right: 15px;
    width: 50px;
}
.user-comnt {
    float: left;
    width: calc(100% - 65px);
}
.user-name {
    color: rgb(246, 104, 0);
    display: block;
    font-size: 14px;
    font-weight: bold;
}
.comnt-time {
    color: rgb(168, 169, 170);
    font-size: 11px;
}
.user-comnt > p {
    line-height: 1.3;
    margin: 5px 0;
}
.user-comnt a {
    padding: 5px 30px;
}
.leave-cmnt label {
    display: block;
}
.submit-form {
    text-align: right;
}
.submit-form input, .side-newsletter input[type="submit"] {
    border: medium none;
    padding: 10px 30px;
    width: auto;
}

/* ----- about us page styling ----- */
.fb-like {
    display: block;
    width: 100%;
}
.fb-like img {
    width: 100%;
}
.side-newsletter p {
    margin-bottom: 10px;
}
.side-newsletter input {
    padding: 10px;
}
.side-newsletter input[type="submit"] {
    width: 100%;
}
.about-cont {
    border-bottom: 1px solid rgb(232, 234, 238);
    padding: 20px;
}
.about-cont > h1 {
    color: rgb(57, 63, 67);
    font-size: 16px;
    font-weight: bold;
}
.about-cont:last-child {
    border-bottom: none;
}

/* ----- signup page styling ----- */
.signup-sidebar .lsignUp {
    float: none;
    padding: 6px 10px;
    width: auto;
}
.signup-sidebar .signForm {
    margin: 0 auto;
    max-width: 80%;
}
.signup-sidebar .signForm input[type="checkbox"] {
    margin: 0;
    vertical-align: top;
}
.gray-panel-head {
    background: rgb(167, 174, 190);
    color: rgb(255, 255, 255);
    font-size: 14px;
    padding: 10px;
}

#viewmore-btn .orange-btn {
    padding: 10px;
}
.ctab-body iframe {
    max-width: 100%;
}
.inner-comleft {
    overflow: hidden;
}


/* #Media Queries
================================================== */
@media only screen and (min-width: 768px) {
    .dlist-top .col-sm-pull-6 {
        padding-right: 0;
    }
}
@media only screen and (max-width: 1199px) {
    .middle-head {
        width: auto;
    }
    .middle-head .container {
        width: auto;
    }
    .main-menu {
        margin-left: 20px;
    }
    .main-menu li a {
        margin: 0 7px;
    }
    .bottom-adv > .sb-custom {
        width: 33.33%
    }
    .top-adv li {
        display: inline-block;
        width: auto;
    }
    .cbody-mid {
        width: 48%;
        margin: 0;
    }
    .cbody-right {
        /*width: 27%;*/
    }
    .contractor-single .cbody-mid {
        width: auto;
    }
    .contractor-single .cbmid-top .cmid-top {
        font-size: 12px;
    }
    .direc {
        background: rgb(0, 0, 0) none repeat scroll 0 0;
        border-radius: 50%;
        opacity: 0.3;
        max-width: 45px;
    }
    .direc:hover {
        opacity: 1;
    }
    .alertbox-inner a {
        height: 75px;
    }
    .salary-slide > label {
        width: 120px;
    }
}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){
    #masthead {
        clear: both;
        display: block;
        height: auto;
        position: static;
        padding-top: 44px;
    }
    .uni-search {
        width: auto;
    }
    .location-drop {
        margin-top: 20px;
    }
    .location-drop, .city-select {
        left: 0;
        position: fixed;
        top: -7px;
        z-index: 9999;
    }
    .location-drop > ul > li > a {
        color: #fff;
    }
    .location-drop li ul {
        top: 84%;
    }

    .sheader .location-drop {
        background: rgb(57, 63, 67) none repeat scroll 0 0;
        left: 0;
        margin: 0;
        top: 0;
        width: 100%;
        text-align: left;
    }
    .sheader .location-drop > ul {
        float: left;
    }
    .sheader .location-drop > ul > li {
        padding: 5px 0;
    }

    .hero-section {
        margin-top: 0;
    }
    .down-arrow {
        bottom: 60px;
    }
    .tagline {
        padding: 75px 0;
    }
    .bottom-menu {
        display: block;
        float: none;
        margin: 40px 0 20px;
        text-align: center;
    }
    .bottom-menu li {
        display: inline-block;
        float: none;
    }
    .bottom-right {
        display: block;
        float: none;
        text-align: center;
    }
    #inner-page {
        margin-top: 0;
    }
    .cbody-right {
        float: right;
    }
    .adv-drop {
        min-width: 140px;
    }
    .adv-drop .btn, .side-drop .btn {
        padding-right: 30px;
    }
    .skill-pro {
        float: left;
        padding: 10px;
        width: 50%;
    }
    .cbody-right .skill-pro {
        float: none;
        padding: 0;
        width: auto;
    }
    .tag-filter a {
        margin-bottom: 10px;
    }
    .alert-box {
        margin-top: 10px;
        width: 25%;
    }
    .company-tab {
        margin-bottom: 20px;
    }
    .btn-head > a {
        display: inline-block;
        margin: 5px;
    }
    .salary-slide > label {
        width: 90px;
    }
    .company-top {
        overflow: scroll;
    }
    .comtop-lists, .comtop-head {
        width: 940px;
    }
    .jobs-preview .comtop-head {
        max-width: 100%;
    }
    .employee-pro .row {
        margin: 0;
    }
    .sbody-image {
        display: none;
    }
    .lsignUp, .rapply {
        background: #fff;
        width: 50%;
        padding: 20px;
    }
    .hero-input {
        float: none;
        margin: 10px 0;
        width: auto;
    }
    .edit-grp > input, .right-edit > input, .right-edit, .edit-drop {
        float: none;
        margin: 0 0 5px;
        width: 100%;
    }
    .right-edit {
        margin-top: 10px;
    }
    .edit-grp a {
        margin: 0;
    }
    .pre-input input {
        margin: 0 0 15px;
    }
    .one-fifth {
        padding: 10px;
        width: 50%;
    }
    .upload-file > input {
        display: block;
        float: none !important;
        margin: 0 0 10px !important;
        width: auto !important;
    }
    .jobs-hover {
        display: none;
    }
    .signup-main {
        margin: 0 -15px;
    }

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px){
    .about-cont table {
        max-width: 100%;
    }
    .location-drop {
        margin-top: 20px;
    }
    .site-title {
        margin-top: 5px;
    }
    .top-links {
        margin-top: 0;
    }
    .top-links a:first-child {
        display: block;
        margin: 0 0 10px;
    }
    .sheader .top-links {
        display: block;
        text-align: center;
        width: 100%;
    }
    .hero-section {
        height: auto;
    }
    .hero-section .container {
        height: auto;
        position: static;
    }
    .hero-section h1, .tagline h1 {
        font-size: 28px;
        margin: 20px 0;
    }
    .down-arrow {
        display: inline-block;
        margin: 30px auto;
        position: static;
    }
    .featured-section {
        padding: 20px 0;
    }
    .featured-section h2 {
        margin-bottom: 20px;
    }
    .how-section:before {
        display: none;
    }
    .how-inner {
        display: block;
        float: none;
        padding: 20px 0;
        width: auto;
    }
    .how-inner > h2, .testi-section h2 {
        font-size: 22px;
        margin: 20px 0;
    }
    .testi-section {
        padding-top: 20px;
    }
    .testi-single, .lsignUp, .rapply, .sbody-image, .alignleft, .alignright {
        display: block;
        float: none;
        margin-bottom: 20px;
        width: auto;
    }
    .sbody-image {
        height: auto;
    }
    .testi-logos {
        margin-top: 20px;
        padding: 20px 0;
    }
    .testi-logos li {
        display: inline-block;
        margin: 10px;
        width: auto;
    }
    .tagline {
        padding: 20px 0;
    }
    .cbody-pro {
        text-align: center;
    }
    .cpro-right {
        clear: both;
        margin-top: 20px;
    }
    .sidebar-widget .slider {
        display: block;
        width: 100%;
    }
    .rs-left, .rs-right, .should-detail label {
        display: block;
        float: none;
        margin: 5px 0;
        overflow: hidden;
        padding: 0;
    }
    .contractor-single {
        padding: 0;
    }
    .contractor-detail .resume-footer {
        margin-top: 40px;
    }
    .portfolio-section #filters button {
        margin: 3px;
    }
    .element-item {
        width: 33.33%;
    }
    .renote-left {
        padding-right: 10px;
        width: 25%;
    }
    .renote-right {
        width: 75%;
    }
    .msg-btns {
        margin-bottom: 10px;
        text-align: center;
    }
    .visible-only {
        display: block;
        position: static;
        text-align: center;
    }
    .msg-attach {
        padding: 10px;
    }
    .msg-attach span {
        margin: 5px;
        display: inline-block;
    }
    .alert-box {
        margin-bottom: 10px;
        width: 50%;
    }
    .dlist-single {
        margin-top: 15px;
    }
    .dlist-bottom li {
        width: 25%;
    }
    .recruit-drop, .recruit-head > input {
        margin: 5px;
    }
    .company-bottom > h1 a {
        margin: 5px;
    }
    .btn-gray {
        min-width: inherit;
        width: 30%;
        font-weight: bold;
    }
    .question-step, .con-foot-right, .one-third, .em-complete-left, .em-complete-right, .user-matching .edit-foot {
        border: medium none;
        display: block;
        float: none;
        width: auto;
    }
    .question-step.active {
        border-bottom: 1px solid rgb(205, 209, 217);
    }
    .input-wrap input {
        margin: 10px 0;
    }
    .employee-pro {
        padding: 20px 0;
    }
    .em-profile-left > img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        width: 130px;
    }
    .cpro-right {
        overflow: hidden;
    }
    .con-foot-right {
        clear: both;
        padding-top: 20px;
    }
    .con-foot-right > span, .one-thir, .em-complete-left {
        margin-bottom: 10px;
        display: block;
    }
    .em-complete-right a {
        display: inline-block;
        margin: 0 10px 0 0;
    }
    #comSignup .modal-dialog {
        margin: 0;
    }
    .signup-popup {
        background: none;
    }
    .signin-body .em-client {
        margin-top: 20px;
    }
    .right-sidebar {
        margin-top: 30px;
    }
    .edit-hero, .edit-feature, .edit-contact, .edit-foot {
        margin: 0 auto;
        max-width: 320px;
    }
    .edit-feature .btn-gray {
        width: auto;
    }
    .one-fifth {
        width: 33.33%
    }
    .reference-wrap .recommends-image {
        min-width: 60px;
    }
    .request-form input {
        margin: 0 0 10px;
    }
    .preview-single > label {
        width: 100px;
    }
    .cont-info {
        width: calc(100% - 120px);
    }
    .jobPost-cont .edit-contact {
        max-width: inherit;
    }
    .col-border {
        border: medium none;
        padding-right: 15px;
    }
    .usermatching-text {
        padding: 10px;
    }
    .usermatching-text textarea {
        width: 100%;
        height: 150px;
    }
    .user-matching .edit-foot {
        max-width: inherit;
    }
    .blog-sidebar {
        margin-top: 20px;
    }
    .signup-main {
        margin: 0 auto;
    }
    .gray-panel-body img {
        width: 100%;
    }

}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px){
    .site-title {
        margin: 0 0 10px;
    }
    .site-title, .featured-box, .company-tab .nav-tabs > li {
        display: block;
        float: none;
    }
    .middle-head {
        /*display: none;*/
    }
    .top-links {
        float: none;
    }
    .top-links a {
        margin: 0 5px;
    }
    .top-links a:first-child {
        display: block;
        font-size: 18px;
        margin: 0 0 15px;
    }
    .btn-wrap a {
        margin: 10px;
        display: block;
    }
    .featured-box {
        width: auto;
    }
    .featured-section h2 {
        font-size: 22px;
    }
    .sidebar-widget, .adv-search {
        padding: 10px;
    }
    .top-adv > ul, .bottom-adv > .sb-custom, .cbmid-tagline label, .cbody-mid, .cbody-right, .skill-pro, .recommends-details, .rs-left span, .rs-left ul, .renote-left, .renote-right, .time-left, .time-right, .single-meta .post-time, .post-social {
        display: block;
        float: none;
        width: auto;
    }
    .adv-drop {
        float: none;
        margin: 0 auto;
    }
    .top-adv > ul, .recommends-details h3, .rs-left, .rs-right, .refoot-left, .refoot-right {
        text-align: center;
    }
    .top-adv li {
        margin: 5px;
    }
    .top-adv > a, .review-headl, .review-headr, .em-complete-right a, .preview-single > label, .cont-info {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .top-adv li a {
        margin: 0;
    }
    .top-adv li a span {
        float: right;
    }
    .clist-head, .clist-body > img, .cbody-mid, .cbody-right {
        float: none;
    }
    .chead-left, .chead-right, .clist-body, .contractor-list .cbody-mid {
        display: block;
        float: none;
        text-align: center;
        width: auto;
    }
    .chead-right li {
        display: inline-block;
        margin: 5px;
        float: none;
    }
    .cbody-right img, .em-complete-right a, .time-left, .time-right {
        margin: 5px auto 0;
    }
    .cpro-right p, .resume-inner {
        text-align: left;
    }
    .profile-detail .nav-tabs {
        padding: 0;
    }
    .profile-detail .nav-tabs > li, .refoot-left, .refoot-right {
        float: none;
        display: block;
    }
    .profile-detail .nav-tabs > li.active a {
        border: 1px solid rgb(221, 221, 221);
    }
    .refoot-left {
        margin-bottom: 20px;
    }
    .sidebar-widget .slider {
        width: 80%;
    }
    .skill-pro {
        padding: 0;
    }
    .recommends-details {
        max-width: inherit;
        padding: 0;
    }
    .element-item {
        width: 50%;
    }
    .renote-left li a {
        max-width: 120px;
        margin: 5px auto;
    }
    .renote-right > textarea {
        width: 100%;
    }
    .dlist-single li {
        width: 50%;
    }
    .alert-box, .salary-box {
        display: block;
        float: none;
        margin: 0 auto 10px;
        max-width: 220px;
        width: auto;
    }
    .review-headl {
        overflow: hidden;
    }
    .review-foot > a.refuse {
        display: inline-block;
        float: none;
        margin-top: 10px;
    }
    .ctab-head > h1 {
        max-width: 85%;
    }
    .salary-box {
        max-width: inherit;
    }
    .btn-group-line, .hidden-btn-line {
        overflow: hidden;
    }
    .btn-gray {
        display: block;
        float: left;
        margin: 5px 2%;
        width: 46%;
    }
    .one-fifth {
        width: 50%
    }
    .preview-single > label {
        margin-bottom: 5px;
    }
    .cont-info, .preview-single > label {
        width: 100%;
    }
    .posting-info > span {
        font-size: 10px;
        margin-right: 5px;
    }
    .cont-info .cbody-pro {
        margin: 0 auto;
    }
    .inline-input {
        clear: both;
        display: block;
        float: none;
        margin: 0 auto 10px;
    }
    .inline-types .light-gray {
        margin: 0 auto;
    }
    .jobPost-cont .edit-foot {
        padding: 0;
    }
    .jobPost-cont .edit-foot a {
        display: inline-block;
        margin: 5px;
        padding: 10px 20px;
    }
    .post-social {
        text-align: left;
        margin-top: 10px;
    }
    .clist-body {
        height: auto;
    }

}





/* ----- custom updates styling goes here ------ */