#tabs ul li{

  background:#4E4E4E;

  width:123px;

  height:33px;

  border:none;

  float:left;

  text-align:center;

}

#tabs ul li.active,#tabs ul li:hover {

  background:#DD472C;

  width:123px;

  height:33px;

  border:none;

}

.clsSocialBlock {

  background:#4e4e4e;

    clear: both;

    height: 56px;

  line-height:54px;

    overflow: hidden;

}

.pading-marg {

    padding: 30px 0px 20px;

}

.head-how p {

    margin: 20px 0px;

}

.row.img-hiw {

    margin: 25px 0px;

}

.row.img-hiw p {

    padding: 20px 0px 0px;

    font-size: 16px;

    font-style: italic;

    font-weight: 100;

}

.cls_apply-form.pading-marg.clearfix {

    background: #f3f3f3;

}

.clsSocialBlock a {

  padding:0 5px;

  float:left;

  display:block;

  text-indent:-200em;

  margin:10px 5px 0;

}

.clsSocialBlock a img{

  vertical-align:middle;

}
.cls_job-titl a {
    color: #1b1b1b;
    font-weight: bold;
}
span.wel_txt {
    display: none;
}
ul.cls_login_signup{


    margin-top: 4px;
    }
.dispnoin900{
  display:block;
}
.showin900 {
    display: none;
}
#selMenu ul {
    line-height: 20px;
}
.verify_blk li .green {
    color: green;
}
.verify_blk li .red {
    color: green;
}
i.green, i.red {
    padding-left: 15px;
}
p.theme span a:hover {
    background: var(--pink);
    background: #03608c;
    color: #fff;
}
p.theme span a {
    color: #03608c;
    padding: 4px 5.5px;
    margin: 0 5px;
    font-size: 13px;
    border-radius: 4px;
}
.login_box {
    width: 100%;
    margin: 10px auto 0px auto;
    padding: 10px;
    border-top: 1px solid #efe6e6;
    position: relative;
}
.cls_howitworks > h2 {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    margin: 8px 0 26px;
    text-transform: uppercase;
}
#selHowitwork {
    background: white;
}
.cls_job-titl {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}
li.signup-header.showbtn {
    transition: 1s;
    -webkit-transition: 1s;
    margin-right: -145px;
}
.showin767 {
    display: none;
}
.clsContactForm h3{

  margin:20px 0 0;

}

.clsContactForm label{

  float:left;

  width:120px;

  display:block;

  text-align:left;

}

.clsContactForm  p{

  margin:10px 0 !important;

}

 tr.clsEven{

   background:#fff;

}

.clsFloatedList li {

    float: left !important;

}

.clsPercent30 {

    width: 30%;

}

.clsPercent10 {

    width: 10%;

}

.clsFormSpan span {

    display: block;

    float: left;

    font-weight: bold;

    min-width: 270px;

}

.clsInnerCommon form p {

    padding: 0.5em 0 0 3em;

}

#main .clsInnerCommon h3 span {

    display: inline !important;

    float: none !important;

    width: auto !important;

  font-weight:bold;

}

.white_content {

    background-color: white;

    border: 16px solid #999999;

    display: none;

    height: 50%;

    left: 25%;

    overflow: auto;

    padding: 16px;

    position: fixed;

    top: 25%;

    width: 50%;

    z-index: 1002;

}

.white_content {

    border: 10px solid #039BE2 !important;

    height: auto !important;

}

.black_overlay {

    background-color: black;

    display: none;

    height: 100%;

    left: 0;

    opacity: 0.8;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1001;

}

.clsEditProfile span {

    display: block;

    float: left;

    min-width: 150px;

}

.clsClose {

    float: right !important;

    min-width: 10px !important;

    padding: 10px 20px 0 0;

}

.clsEditProfile li {

    background: none repeat scroll 0 0 transparent;

    margin: 0.5em 0 0;

    padding: 0;

}

tr.odd{

  background:#fff !important;

}

td a{

 color: #546361;

}


p.clsNoResult{

  text-align:center;

  

}

table.custom {

  background:#fff;

  margin:1em 0 !important;

  padding:5px !important;

}

table.custom td{

  padding:1px !important;

}

table.clsTable{

  background:#F4F4F4;

}

#selPMB label{

  float:left;

  width:120px;

  text-align:left;

  display:block;

}

#selPMB p span{

  float:left;

  width:540px;

  text-align:left;

  display:block;

}

.clsSocialBlock a.fb{

  background: url(images/f_1.png) no-repeat;

  height:32px;

  width:32px;

  border:none;

  display:block;

}

.clsSocialBlock a.fb:hover{

  background: url(images/fb_hover.png) no-repeat;

  height:32px;

  width:32px;

  border:none;

  display:block;

}

.clsSocialBlock a.twt{

  background: url(images/f_2.png) no-repeat;

  height:32px;

  width:32px;

  border:none;

  display:block;

}

.clsSocialBlock a.twt:hover{

  background: url(images/twt_hover.png) no-repeat;

  height:32px;

  width:32px;

  border:none;

  display:block;

}

.clsSocialBlock a.skype{

  background: url(images/f_3.png) no-repeat;

  height:32px;

  width:32px;

  border:none;

  display:block;

}

.clsSocialBlock a.skype:hover{

  background: url(images/skype_hover.png) no-repeat;

  height:32px;

  width:32px;

  border:none;

  display:block;

}

.clsSocialBlock a.in{

  background: url(images/f_4.png) no-repeat;

  height:32px;

  width:32px;

  border:none;

  display:block;

}

.clsSocialBlock a.in:hover{

  background: url(images/in_hover.png) no-repeat;

  height:32px;

  width:32px;

  border:none;

  display:block;

}

.cls_email-forget{

    background: #fff url("../images/login-username.png") no-repeat scroll 0 0;

  border: 1px solid #e0d8d8;

    height: 40px;

    padding: 0 0 0 65px;

    width: 80%;

    margin: 10px auto;

    background-size: auto 100%;

  }

input#UN, input#UNP {

    background: #fff url(images/login-username.png) no-repeat scroll 0 0;

    border: 1px solid #e0d8d8;

    height: 40px;

    padding: 0 0 0 45px;

    width: 80%;

    margin: 10px auto;

    background-size: auto 100%;

}

.login_pro{max-width:200px;overflow:hidden;margin:0px auto 30px auto;background:#ffffff;padding: 8px 0 0 0;

    border-radius: 5px;}

input#PWP, input#PW {

    background: #fff url("../images/login-password.png") no-repeat scroll 0 0;

  border: 1px solid #e0d8d8;

    height: 40px;

    padding: 0 0 0 45px;

    width: 80%;

    margin: 10px auto;

    background-size: auto 100%;

}

.cls_checkbox, .cls_forgotpwd {

    margin: 10px 0;

    text-align: left;

  font-weight:600;

}

.outer_login form .cls_checkbox span {

    margin: 0 10px;

}

.outer_login form .cls_checkbox .checkbox.check {

    display: inline-block;

}

.mapimg{

  background: none repeat scroll 0 0 hsl(0, 0%, 100%);

    float: right;

    left: 648px;

    position: absolute;

    right: 0;

    top: 361px;

    width: 265px;

    z-index: 99;

  height:202px;

}

.mapimg p{

  text-align:center;

}

.clspaidbox {

    background: none repeat scroll 0 0 #FFF5EC;

    border: 1px solid #ECDACA;

    margin: 10px 0;

  width:98%;

}

.clsInnerCommon .clspaidbox p {

    background: none repeat scroll 0 0 #FFFFFF;

    border-bottom: 1px solid #ECDACA;

    font: bold 15px 'Roboto Slab', serif !important;

    margin: 0;

    padding: 10px 0 10px 10px !important;

    text-transform: capitalize;

}

.breadcrum {

    background: #4140401a;

    border-bottom: 2px solid #f0f0f0;

  min-height: 37px;

}

.breadcrum .cls_nopadng {

    padding: 0 !important;

}

.clstop.toptime{visiblity:hidden !important;opacity:0;color:#ffffff !important;}

.home_top {

    color: #d1d1d1;

    display: block;

    margin: 10px 0;

    text-align: left;

}

.home_top > span {

    color: #393c49 !important;

}

.cls_welcom {

    border-left: 1px solid;

    border-right: 1px solid;

    color: #393c49;

    display: inline-block;

    float: right;

    margin: 0;

    padding: 8px 10px 8px;

  line-height:22px;

}

.cls_logouts {

    background: #f39f16 none repeat scroll 0 0;

    display: inline-block;

    float: right;

    padding: 10px 0;

    width: 90px;

  text-align:center;

}

.cls_notif > ul {

    margin: 0;

}

.cls_logouts > a {

    color: #fff;

}

.cls_logouts > a:hover {

  color:#fff;

}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {

    background: #fff none repeat scroll 0 0;

    border-radius: 7px;

    box-shadow: 0 0 6px #acacac;

    float: none !important;

    left: 490px !important;

    margin: 0 auto;

    padding: 10px;

    position: fixed !important;

    text-align: center;

    top: 100px !important;

    transition: all 0.6s ease 0.5s;

    z-index: 99999;

}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {

    background: #d8d8d8 none repeat scroll 0 0;

    border: 1px solid #acacac;

    border-radius: 5px;

    font-size: 16px;

    font-weight: bold;

    padding: 10px 0;

}

.ui-dialog-content.ui-widget-content {

    display: block;

    overflow: hidden;

    text-align: left;

    width: 100% !important;

}

#eventContent > p {

    background: #d8d8d8 none repeat scroll 0 0;

    border: 1px solid #acacac;

    border-radius: 5px;

    padding: 10px 0;

    text-align: center;

}

#eventContent #eventInfo > p {

    margin: 0px 0;

    text-align: left;

}

.ui-dialog-titlebar .ui-dialog-titlebar-close {

    background: #ebebeb url("../images/close-btn.png") no-repeat scroll center center;

    border: 1px solid #acacac;

    border-radius: 5px;

    height: 22px;

    padding: 0;

    position: absolute;

    right: 12px;

    top: 12px;

    width: 22px;

}

#eventInfo p span {

    display: inline-block;

    font-weight: bold;

    margin: 10px 0;

    width: auto;

}

.content-frame-body {

    width: auto !important;

  height:auto !important;

}

#calendar.fc.fc-ltr.fc-unthemed {

    border-bottom: 1px solid #cccccc;

}

.cls_search input[type=search] {

  -webkit-appearance: textfield;

  -webkit-box-sizing: content-box;

  font-size: 100%;

}

.cls_search input::-webkit-search-decoration,

.cls_search input::-webkit-search-cancel-button {

  display: none;

}

.cls_search  input[type="search"]:focus {

    background-color: #fff;

    color: #000;

    cursor: auto;

    padding-left: 0px;

    width: 0px;

}

.cls_search  input[type="search"]:hover {

    background-color: #fff;

}

.cls_search input[type="search"] {

    color: transparent;

    cursor: pointer;

    padding-left: 0px;

    width: 15px;

}

.cls_search input[type="search"]:focus {

    background-color: #fff;

    border-color: #EAEAEA;

    box-shadow: 0 0 5px #EAEAEA;

    width: 0px;

}

.cls_search input[type="search"] {

    background: #ededed url("../images/search_btn.png") no-repeat scroll right center;

    border: 1px solid #ccc;

    border-radius: 0;

    padding: 9px 35px 9px 4px;

    transition: all 0.5s ease 0s;

    width: 0;

margin:0 5px;

}

.cls_login input[type="login"] {

    background: #ededed url("../images/login_btn.png") no-repeat scroll right center;

    border: 1px solid #ccc;

    border-radius: 0;

    padding: 9px 35px 9px 4px;

    transition: all 0.5s ease 0s;

    width: 0;

margin:5px;

cursor: pointer;

}

.cls_password input[type="password"] {

    background: #ededed url("../images/password_btn.png") no-repeat scroll right center;

    border: 1px solid #ccc;

    border-radius: 0;

    padding: 9px 35px 9px 4px;

    transition: all 0.5s ease 0s;

    width: 0;

margin:5px;

cursor: pointer;

}

.cls_setting input[type="setting"] {

    background: #ededed url("../images/setting_btn.png") no-repeat scroll right center;

    border: 1px solid #ccc;

    border-radius: 0;

    padding: 9px 35px 9px 4px;

    transition: all 0.5s ease 0s;

    width: 0;

margin:5px;

cursor: pointer;

}

.cls_search input[type="search"] {

    box-sizing: content-box;

    font-size: 100%;

}

.cls_topmenunav {


      line-height: 0px;

}

.cls_search-form.clsFloatRight {

    margin: 5px 0;

}

.cls_baner {
    background: url(images/banner1.jpg);

}

.cls_banner-content h2 span.upper-txt {

    color: #fff;

    display: block;

    font-size: 45px;

    

    margin: 10px 0;

    text-align: center;

    width: 100%;

    text-transform: uppercase;

}

.cls_banner-content h2 span.normal-txt {

    color: #353535;

    display: block;

    font-size: 35px;

    font-weight: normal;

    margin: 10px 0;

    text-align: center;

    width: 100%;

    text-transform: capitalize;

}

.btn-line {

    background: rgba(0, 0, 0, 0) url("../images/butn-line.png") no-repeat scroll left center;

    display: inline-block;

    height: 10px;

    margin: 0 10px;

    width: 10px;

}

.cls_banner-butn {

    margin: 30px 0;

}

.cls-butn-yellow {

    color: #fff;

    font-size: 14px;

    

    padding: 15px;

    text-transform: uppercase;

    width: 245px;

    background: #f96020;

    border: none;

}

.cls_banner-content {

    margin: 60px 0 0;

}

.cls_sign-left {

    background: rgba(0, 0, 0, 0) url("../images/own_bg_bk.jpg") repeat scroll 0 0;

}

.cls_sign-right {

    background: rgba(0, 0, 0, 0) url("../images/emp_bg.jpg") repeat scroll 0 0;

}

.cls_owner-signup {

    float: right;

    width: 90%;

}

.cls_emplye-signup {

    float: left;

    width: 90%;

}

.cls_signup-start-box {

    margin: 60px 0;

}

.cls_signup-img {

    margin: 10px 0;

}

.cls_signup-uer-read > h3 {

    color: #393c49;

    font-size: 25px;

    font-weight: bold;

    margin:10px 0;

  text-shadow:1px 1px 7px #fff

}

.cls_signup-uer-read > h3.cls_whos {

    text-transform: uppercase;

}

.cls_white-bg-btn {

    margin: 20px 0;

}

.cls-butn-white {

  background: #fff none repeat scroll 0 0;

    border: 1px solid #8f8686;

    color: #2f2f2f;

    font-size: 14px;

    font-weight: bold;

    padding: 15px;

    text-transform: uppercase;

    width: 245px;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;

}

.cls-butn-white:hover{color:#5cb620;}

.cls-butn-white.cls_ownr-btn {

  color: #ed615b;

  border: 1px solid #e49310;

}



/*.cls_user-box.cls_user {

    background: rgba(0, 0, 0, 0) url("../images/user-img.png") no-repeat scroll center center;

    height: 125px;

}

.cls_user-box.cls_jobs {

    background: rgba(0, 0, 0, 0) url("../images/job-img.png") no-repeat scroll center center;

    height: 125px;

  background-size: 100% auto;

}

.cls_user-box.cls_work {

    background: rgba(0, 0, 0, 0) url("../images/workdone-img.png") no-repeat scroll center center;

    height: 125px;

}*/



/*.cls_cat-ul-list > li {

    display: block;

    float: left;

    margin: 20px;

    width: 40%;

}*/

.cls_ul-category li a {

    background: #fff none repeat scroll 0 0;

    display: block;

    margin: 0;

    padding: 8px 0;

    width: 100%;

}

#selHowitwork {


}

.cls_center-img-how {

    background: rgba(0, 0, 0, 0) url("../images/chain-lock.png") no-repeat scroll center center;

    height: 23px;

}

#selHowitwork h3.cls_h3-owner {

    font-size: 20px;

    font-weight: bold;

    text-align: left;

    text-transform: uppercase;

}

.cls_how-it-owner .cls_h3-owner {

    margin: 0 0 10px 90px;

}

.cls_how-it-owner .cls_owner-howwork-list span {

    background: rgba(0, 0, 0, 0) url("../images/owner-how.png") no-repeat scroll center center;

  color:#fff;

    display: inline-block;

  font-family: 'Roboto Slab', serif !important;

    font-size: 14px;

    font-weight: bold;

    height: 44px;

    line-height: 40px;

    text-transform: uppercase;

    width: 234px;

  padding:0 0 0 10px;

}

.cls_owner-howwork-list {

    height: 177px;

    position: relative;

    width: 100%;

}

.cls_how-it-owner .step1 {

    left: 46px;

    position: absolute;

    top: 0;

}

.cls_how-it-owner .step2 {

    left: 266px;

    position: absolute;

    top: 90px;

}

.cls_how-it-owner .step3 {

    left: 486px;

    position: absolute;

    top: 0;

}

.cls_how-it-owner .step4 {

    left: 700px;

    position: absolute;

    top: 90px;

}

.cls_how-it-owner .step5 {

    left: 920px;

    position: absolute;

    top: 0;

}

.cls_how-it-emply .cls_owner-howwork-list span {

    background: rgba(0, 0, 0, 0) url("../images/emloyee-how.png") no-repeat scroll center center;

  color:#fff;

    display: inline-block;

  font-family: 'Roboto Slab', serif !important;

    font-size: 14px;

    font-weight: bold;

    height: 44px;

    line-height: 40px;

    text-transform: uppercase;

    width: 234px;

  padding-right:20px;

}

.cls_how-it-emply .step1 {

    left: -22px;

    position: absolute;

    top: 0;

}

.cls_how-it-emply .step2 {

    left: 196px;

    position: absolute;

    top: 90px;

}

.cls_how-it-emply .step3 {

    left: 416px;

    position: absolute;

    top: 0;

}

.cls_how-it-emply .step4 {

    left: 630px;

    position: absolute;

    top: 90px;

}

.cls_how-it-emply .step5 {

    left: 852px;

    position: absolute;

    top: 0;

}

.cls_how-it-emply .cls_owner-howwork-list > span > span {

    background: rgba(0, 0, 0, 0) url("../images/owner-line-box2.png") no-repeat scroll 0 0;

}

.cls_how-it-owner .cls_steps1 .cls_stick.cls_sticl-large {

    height: 143px;

    left: 70px;

    top: 44px;

    z-index: 99;

}

.cls_how-it-owner .cls_steps2 .cls_stick.cls_sticl-small {

    height: 50px;

    left: 288px;

    top: 134px;

    z-index: 99;

}

.cls_how-it-owner .cls_steps3 .cls_stick.cls_sticl-large {

    height: 143px;

    left: 506px;

    top: 44px;

    z-index: 99;

}

.cls_how-it-owner .cls_steps4 .cls_stick.cls_sticl-small {

    height: 50px;

    left: 724px;

    top: 134px;

    z-index: 99;

}

.cls_how-it-owner .cls_steps5 .cls_stick.cls_sticl-large {

    height: 143px;

    left: 942px;

    top: 44px;

    z-index: 99;

}

.cls_how-it-owner .cls_stick {

    background: #f8d8af none repeat scroll 0 0;

    border: 1px solid #f8d8af;

    border-radius: 10px;

    display: inline-block;

    position: absolute;

    width: 8px;

}

.cls_how-it-emply .cls_steps1 .cls_stick.cls_sticl-small {

    height: 59px;

    left: 179px;

    top: -60px;

    z-index: 99;

}

.cls_how-it-emply .cls_steps2 .cls_stick.cls_sticl-large {

    height: 149px;

    left: 398px;

    top: -60px;

    z-index: 99;

}

.cls_how-it-emply .cls_steps3 .cls_stick.cls_sticl-small {

    height: 59px;

    left: 615px;

    top: -60px;

    z-index: 99;

}

.cls_how-it-emply .cls_steps4 .cls_stick.cls_sticl-large {

    height: 149px;

    left: 833px;

    top: -60px;

    z-index: 99;

}

.cls_how-it-emply .cls_steps5 .cls_stick.cls_sticl-small {

    height: 59px;

    left: 1051px;

    top: -60px;

    z-index: 99;

}

.cls_how-it-emply .cls_stick {

    background: #f8afaf none repeat scroll 0 0;

    border: 1px solid #f8afaf;

    border-radius: 10px;

    display: inline-block;

    position: absolute;

    width: 8px;

}
.cls_howitworks.cls-tabletshow {

    display: none;

}
.cls_title-feature {
  text-align: left;

}

.cls_title-latest {
  text-align: left;

}
.item .cls_feature-job.clearfix {
    background: white;
    box-shadow: 0 0 2px 1px #dedede;
    padding: 12px;
    min-height: 238px;
}
.profimgs {
    width: 50px;
}
.profimgs img {
    width: 100%;
    height: 50px;
    float: left;
    border-radius: 50%;
}
.own_nameandrate {
    padding: 0px 60px;
}
.cls_job-amont {
    font-size: 16px;
}
.cls_maincontent h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 16px 0;
    text-transform: uppercase;
    overflow: hidden;
}
.cls_innerfeture {

    text-align: left;

    margin-top: 10px;

}



.cls_job-titl a:hover {

    text-decoration: underline !important;

}

.cls_innerfeture > p {

    color: #45474e;

    font-size: 14px;

}

.cls_innerfeture p span {

    color: #cd4424;

}


.cls_feature-job {

    border-bottom: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

    margin: 20px 20px 35px;

  min-height: 130px;

}

.cls_more-details  span {

    border-left: 1px solid #e7e7e7;

    border-right: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

    border-bottom: 1px solid #e7e7e7;

    color: #2f2f2f;

    font-size: 13px;

    padding: 3px 20px;

    text-transform: uppercase;

  transition:all 0.2s linear;

  -webkit-transition:all 0.2s linear;

}

.cls_more-details span:hover {

    background: #3f3f3f none repeat scroll 0 0;

    color: #fff;

  transition:all 0.2s linear;

  -webkit-transition:all 0.2s linear;

}

.cls_jobs-imgs {

    position: relative;

    text-align: right;

    top: -7px;

}

.cls_more-details {

    margin: 46px 0 0;

    text-align: right;

}

.cls_down-arw {

    display: block;

    margin: 0 0 15px;

}


#main.cls_signupcls h2 span {

    border-bottom: 2px solid #fff;

    color: #3e3e3e;

    font-family: "Roboto Slab",serif;

    font-size: 22px;

/*    padding: 10px 30px;

*/    text-align: left;

    text-transform: capitalize;

  padding: 10px 0;

}

.cls_signupcls {

    text-align: center;

}

.cls_signupcls form .cls_email-inpu {

    background: #fff url("../images/mail-img.png") no-repeat scroll 0 0;

    border: 1px solid #e0d8d8;

    height: 40px;

    padding: 0 0 0 45px;

    width: 80%;

    margin: 10px auto;

    background-size: auto 100%;

}

.cls_signupcls form {

   /* margin: 40px 0 0 10px;*/

}

.cls_signupcls .cls_log_but

{

/*    margin: 10px 0;

*/    width: 85% !important;

padding: 15px !important;

height:auto !important;

margin:5px 0 !important;

 text-transform: uppercase;

}

.cls_login-signup .cls_log_but

{

   width: 50% !important;

padding: 15px !important;

height:auto !important;

margin:5px auto !important;

 text-transform: uppercase;

 float:left;

}

.cls_signup-form .cls_privacy {

    margin: 10px 0 !important;

}



.cls_acount-list {

    background: rgba(0, 0, 0, 0) url("../images/profile.png") no-repeat scroll center center;

    display: block;

    height: 50px;

    line-height: 40px;

    text-indent: 2500px;

    width: 50px;

}

.cls_servcefeatur {

    background: rgba(0, 0, 0, 0) url("../images/servicefeatrure.png") no-repeat scroll center center;

    display: block;

    height: 50px;

    line-height: 40px;

    text-indent: 2500px;

    width: 50px;

}

.cls_latestjob {

    background: rgba(0, 0, 0, 0) url("../images/latestjob.png") no-repeat scroll center center;

    display: block;

    height: 50px;

    line-height: 40px;

    text-indent: 2500px;

    width: 50px;

}

#selflag {

    float: right;

  margin-top:9px;

}
#yadcf-filter-wrapper-inner--view_all-5 {

    display: inline-block;

    width: 84%;

    text-align: center;

    margin: 0 auto;

}

#yadcf-filter-wrapper-inner--view_all-3 {

    display: inline-block;

    width: 84%;

    text-align: center;

    margin: 0 auto;

}
/*18-03-20 start*/
.custom_cls_banner {
    position: relative;
    height: 75vh !important;
}
.custom_cls_banner .cls_banner-content {
    /*transform: translate(-50%, -50%);*/
    /*top: 45%;*/
    /*left: 16%;*/
    position: absolute;
    margin-top: 80px;
    z-index: 1;
}
.custom_cls_banner:after {
    position: absolute;
    background-color: rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 0;
}
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul {
    float: none !important;
    display: inline-block;
}
.left_nav_menu nav.collapse.navbar-collapse {
    text-align: right;
}
.right_side_header li.clsNoBorder.signup-header a {
    background: transparent;
    display: flex;
    border: 2px solid #03608c;
    color: #03608c;
    padding: 5px;
}
.right_side_header .cls_login_signup li.signup-header > a.clsActive {
    background: transparent;
    color: #03608c !important;
}
.custom_cls_login_signup li.clsNoBorder.signup-header a i,.right_side_header .cls_login_signup li.signup-header i {
    display: block;
}
.right_side_header .cls_login_signup li.signup-header a {
    display: flex;
    border: 1px solid #03608c;
    color: #03608c;
    padding: 8px 10px;
    border-radius: 15px;
}
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li a.current {
    border-bottom: 3px solid;
    font-weight: bold !important;
}
.right_side_header .cls_login_signup li.signup-header a:hover, .right_side_header .cls_login_signup li.signup-header a:hover {
    color: #fff !important;
    background: #03608c;
}
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li {
    margin: 0 5px;
    padding: 20px 6px !important;
}
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li a {
    font-size: 15px !important;
    font-weight: Bold !important;
    text-transform: uppercase;
}
.custom_cls_login_signup {
    margin-top: 7px !important;
}
.left_nav_menu nav.collapse.navbar-collapse #selMenu .clsTopmenu>ul>li:last-child>a>span {
    padding-right: 0 !important;
}
/*18-03-20 end*/

/*29-06-2020*/
.contact_page {
    margin-top: 0 !important;
    background: url(images/banner1.jpg);
    background-size: cover;
    position: relative;
}
.contact_page:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    background: rgba(0,0,0,0.6);
    height: 100%;
}
.banner_content {
    width: 100%;
    padding: 100px 0;
    z-index: 1;
    display: inline-block;
    position: relative;
}
.banner_content .feature-title {
    float: left;
    width: 60%;
    padding: 40px 20px;
    text-align: left;
}
.banner_content .feature-title > div {
    max-width: 80%;
}
.banner_content .feature-title h2 {
    text-transform: uppercase;
    padding-top: 40px;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 10px;
    color:#52a7d8;
}
.banner_content .feature-title p {
    color: #fff;
    padding-top: 15px;
    font-size: 16px;
    line-height: 1.4;
}
.banner_content .white_bg_pad {
    float: left;
    width: 40%;
    background: #03608c !important;
    color: #fff;
    padding: 15px;
    border-radius: 0;
    box-shadow: none;
}
.banner_content .white_bg_pad label {
    margin-bottom: 10px;
}
.banner_content .white_bg_pad .clsLogin_but {
    background: #fff;
    border: 1px solid #fff;
    color: #03608c !important;
    padding: 10px 35px !important;
    margin-bottom: 0;
}
.banner_content .white_bg_pad .clsLogin_but:hover {
    background: #03608c;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.contact_second {
    padding: 50px 0;
}
.contact_second i {
    color: #03608c;
    font-size: 38px;
    padding-bottom: 15px;
}
.contact_second .block_size {
    width: 49%;
    display: inline-block;
    text-align: center;
}
.block_size h3 {
    font-size: 20px;
}
.contact_desc {
    max-width: 80%;
    margin: 0 auto;
    padding: 0 15px;
}
.contact_desc p {
    color: #939393;
    padding: 10px 10px 15px;
    line-height: 1.4;
    font-size: 15px;
}
.contact_desc a {
    color: #03608c;
    font-size: 14px;
    font-weight: 600;
}
.follow_us_social {
    text-align: center;
    background: #03608c;
    color: #fff;
    padding: 50px 0;
}
.follow_us_social li {
    display: inline-block;
}
.follow_us_social li a {
    color: #fff;
    padding: 10px;
    display: block;
    background: #398ab0;
    margin: 30px 5px 0;
    width: 38px;
    font-size: 17px;
    transition : all 0.2s linear;
}
.follow_us_social li a:hover {
    background: #fff;
    color: #398ab0;
}
/*End*/
/*30-06-2020*/
.footer_section {
    background: rgb(4 96 140) !important;
    padding: 30px 0 !important;
    color: #fff;
}
.footer_section a {
    color: #fff;
}
.logo_footer .copyright_text {
    position:relative;
    margin-top: 15px;
    padding-top: 15px;
}
.logo_footer  .cls_quick-link {
    padding-top: 0;
}
.logo_footer .copyright_text:before {
    content: '';
    position: absolute;
    width: 80%;
    min-height: 1px;
    background: #fff;
    top: 0;
    left: 0;
}
.logo_footer img {
    max-width: 200px;
}
.foot_block ul {
    padding-left: 0 !important;    
}
.foot_block ul li a {
    color:#fff;
    font-size: 14px;
}
.foot_block ul li a:hover {
    color: #b2adf4;
}

.view_jobs_block .right .title a {
    font-size: 16px;
    color: #546361;
}
.view_jobs_block .right .title .-new.float-right {
    float:right;
    font-size: 13px;
    color: #03608c;
}
.view_jobs_block .right .title .-new.float-right #location {
    color: #03608c !important;
    padding-right: 8px;
}
.view_jobs_block .right .title + .date {
    margin-top: -5px !important;
    line-height: 14px;
}
.view_jobs_block .right .title + .date + p .money {
    margin: 0px;
}
.view_jobs_block .right p.desc {
    line-height: 20px !important;
    font-size:14px !important;
}
.view_jobs_block .right hr {
    border-color: #aaa !important;
    margin: 12px 0 8px;
}
.view_jobs_block .money, .view_jobs_block .bids-new {
    font-weight: 600;
    color: #727272;
    font-size: 13px;
    display: inline-block;
}
.usd_price, .usd_price strong {
    margin: 0px;
    line-height: 12px;
    padding-right: 0;
    color: #727272;
    font-size: 13px;
    font-weight:600;
}
.view_jobs_block .right .title + .date + p .money {
    margin: 0px;
    border-right: 1px solid #aaa;
    line-height: 12px;
    padding-right: 14px;
}
.view_jobs_block .right p.theme span a {
    border: 1px solid #03608c;
    padding: 6px 14px;
    font-size: 14px;
    margin-top: 10px !important;
    display: inline-block;
    line-height: 14px;
    transition: all 0.15s linear;
}
.view_jobs_block .dataTables_wrapper .dataTables_filter input {
    border-radius: 4px;
    height: 32px;
    border: 1px solid #5f5f5f;
    margin-right: 10px;
    color: #666;
    font-weight: 500;
    padding: 0 5px;
}
.view_jobs_block table.dataTable tbody td .block.right {
    transition: all 0.15s linear;
}
.view_jobs_block .dataTables_length select {
    height: 26px;
    margin: 0 3px;
    border-radius: 4px;
    padding: 0 4px;
}
.view_jobs_block .yadcf-filter-range-number-slider {
    height: 6px;
}
.view_jobs_block #price .ui-slider-handle {
    border-radius: 50%;
}
.view_jobs_block #price .yadcf-filter-range-number-slider-min-tip-inner, .view_jobs_block #price .yadcf-filter-range-number-slider-max-tip-inner {
    padding-top: 2px;
}
.view_jobs_block .dataTables_paginate span a{
    background: #fff !important;
    border-radius: 4px !important;
}
.select_design .select2-container--default .select2-selection--multiple, .select_design #yadcf-filter-wrapper--view_template-3 .select2-container--default .select2-selection--multiple {
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.select_design .select2-container--default .select2-search--inline .select2-search__field {
    height: 32px;
    margin-top: 0;
    padding: 0 4px;
    border-radius: 4px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.select_design button.yadcf-filter-reset-button.range-number-slider-reset-button {
    background: #fff;
}
.search_vendour .jobimg {
    width: 130px;
}
.range_slider .ui-widget-header.inuse {
    background: #03608c;
}
.range_slider .ui-slider-handle.inuse{
    background:#e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
}
.normal_select select {
    border: 1px solid #aaa;
    border-right: 0;
    height: 34px;
    -webkit-appearance: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
        padding: 0 10px;
    color: #757575;
}

.border-radius #yadcf-filter-wrapper--view_template-4 .select2-container--default .select2-selection--multiple{
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.search_vendour .jobimg img {
    width: 100%;
    height: 130px;
    object-fit: cover;
}
.select_design input {
    border-radius: 4px;
    border: 1px solid #aaa;
    padding: 0 7px;
}
.custom_Select .yadcf-filter-wrapper {
    display: flex;
}
.custom_Select .select2-container--default .select2-selection--multiple, .custom_Select input {
    border-right: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.custom_Select .yadcf-filter-reset-button {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #aaa;
    background: #fff;
    height: 34px;
    line-height: 19px !important;
    display: inline-block;
}
.custom-input .yadcf-filter-reset-button {
    height: 32px;
    line-height: 18px !important;
}
.range_date .yadcf-filter-range-date:first-of-type {
    margin-right: 5px;
    width: 95px;
    border-right: 1px solid #aaa !important;
    border-radius: 3px !important
}
.skill_select .yadcf-filter-wrapper {
        display: flex;
        width: 230px;
}
.skill_select #yadcf-filter-wrapper--view_template-3 button, .skill_select #yadcf-filter-wrapper--view_template-5 button {
    padding:0 9px!important;
}
.custom_Select #yadcf-filter-wrapper--view_template-6 button {
    padding: 0 7px 1.5px;
}
.vendour_search_page .range_slider .yadcf-filter-wrapper {
        float: left;
}
.vendour_search_page span.country {
    text-align: center;
    margin: 10px 0 10px 0px;
    display: block;
    font-size: 13px;
    display: none;
}
.ui-datepicker-calendar thead th {
    padding: 4px;
}
.ui-datepicker-calendar thead th span {
    font-size: 15px;
}
.ui-datepicker-calendar tbody td {
    padding: 5px 4px;
}
.ui-datepicker-calendar tbody td a{
    padding: 2px 0px;
    width: 24px;
    display: inline-block;
    text-align: center;
}
.ui-icon.ui-icon-circle-triangle-e {
    float: right;
}
p span.help-block {
    color: red;
}
.cls_rederror span.help-block {
    color: red;
}
/*END*/
/*responsive start*/
@media (min-width:1200px) and (max-width:1270px){
    #selMenu .clsTopmenu li a {
        font-size:11px !important;
    }
    .left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li {
        padding: 20px 4px !important;
        margin: 0 4px;
    }
}
@media (min-width:992px) and (max-width:1199px){
    #selMenu .clsTopmenu li a {
        font-size: 9px !important;
    }
    .left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li {
        padding: 20px 0px !important;
    }
    .custom_Select .select2-selection.select2-selection--multiple, .custom_Select .select2.select2-container.select2-container--default, .custom_Select#county span.select2.select2-container.select2-container--default, .custom_Select#zipcode span.select2.select2-container.select2-container--default, .skill_select #yadcf-filter-wrapper--view_template-3 span.select2.select2-container.select2-container--default, .skill_select #yadcf-filter-wrapper--view_template-5 span.select2.select2-container.select2-container--default, .custom_Select div#yadcf-filter-wrapper--view_template-1 input#yadcf-filter--view_template-1 {
        width: 170px !important;
    }
    .vendour_skill #yadcf-filter-wrapper--view_template-4 span.select2.select2-container.select2-container--default, .vendour_skill div#yadcf-filter-wrapper--view_template-5 select#yadcf-filter--view_template-5, .country_select_vendour {
    width:170px !important;
    }
    .range_slider .yadcf-number-slider-filter-wrapper-inner {
        width: 170px;
    }
    .range_date  .yadcf-filter-range-date {
        width: 70px;
    }
}
@media (max-width:992px){
  .cls_notif.showafterload {
    overflow: visible;
}
.cls_notif {
    top: 80px !important;
}
 div#selLeftHeader {
    width: 150px;
}
  .dispnoin900{
    display:none !important;
  }
  .left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li a {
    float: none !important;
    text-align: left;
}
.left_nav_menu nav.collapse.navbar-collapse {
    background: rgba(0,0,0,0.5) !important;
}
.left_nav_menu nav.collapse.navbar-collapse #selMenu .clsTopmenu>ul {
    width: 60%;
    min-height: 100vh;
    overflow: auto;
}
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul {
    display: inherit;
}
.rel {
    left: 0 !important;
}
.menushow {
    right: 41% !important;
}
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li {
    padding: 10px 6px !important;
}
.cls_banner-content h2 span {
    font-size: 20px !important;
    margin: 7px 0 !important;
    
}
.cls_banner-butn {
    margin: 30px 0;
}
.custom_cls_banner .cls_banner-content{
    margin-top: 60px;
        transform: none;
    /*top: 12%;*/
    left: 7%;
    
}

}
@media (min-width:300px) and (max-width:480px) {

.clsInnerCommon.bid_login {

    width: 100% !important;

    margin: 0 auto;

}

.cls_signup_g {

    margin-right: 0 !important;

}

.abcRioButtonBlue

{

margin:0 !important;

}

.slidetabsmenu {

    background-color: #000;

    float: left;

    height: auto !important;

    width: 100% !important;

}

/*#selLogo h1 {

    background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll center center !important;

}*/

#selLeftHeader {

    margin: 0;


}

fieldset {

    border: 1px solid #ffffff;

    display: block;

    margin-left: 0px;

    margin-right: 0px;

    margin-top: 20px;

    width: 100%;

  padding:0px;

}

.cls_search-form.clsFloatRight {

    width: 100%;

}

.cls_search input[type="search"]:focus {

    width: 80%;

}

.cls_banner-content h2 span {

    font-size: 18px;

}.cls_how-it-owner .cls_h3-owner {

    margin: 10px 0;

}

.cls_owner-howwork-list {

    height: auto;

    position: unset;

    width: 100%;

}

.cls_how-it-owner .step1, .cls_how-it-owner .step2, .cls_how-it-owner .step3, .cls_how-it-owner .step4, .cls_how-it-owner .step5 {

    left: 0;

    position: unset;

    top: 0;

}

.cls_how-it-owner .cls_stick, .cls_how-it-emply .cls_stick {

    display: none;

}

.cls_how-center {

    display: none;

}

.cls_how-it-emply .step1, .cls_how-it-emply .step2, .cls_how-it-emply .step3, .cls_how-it-emply .step4, .cls_how-it-emply .step5 {

    left: 0;

    position: unset;

    top: 0;

}

.cls_nameimg h4 {

    display: none;

}

/*.cls_cat-ul-list > li {

    display: block;

    float: none !important;

    margin: 20px;

    width: 90% !important;

}*/

.cls_signup_g

{

float:none !important;

margin-top:10px;

}

}

@media (min-width:300px) and (max-width:400px) {

.slidetabsmenu {

    background-color: #000;

    float: left;

    height: auto !important;

    width: 100% !important;

}

.cls_user-box.cls_user {

    background: rgba(0, 0, 0, 0) url("../images/user-img.png") no-repeat scroll center center / cover ;

    height: 100%;

    margin: 10px 0;

    padding: 10% 0;

      background-size: 100% auto;

}

.cls_user-box.cls_jobs {

    background: rgba(0, 0, 0, 0) url("../images/job-img.png") no-repeat scroll center center / cover ;

    height: 100%;

    margin: 10px 0;

    padding: 10% 0;

      background-size: 100% auto;

}

.cls_user-box.cls_work {

    background: rgba(0, 0, 0, 0) url("../images/workdone-img.png") no-repeat scroll center center / cover ;

    height: 100%;

    margin: 10px 0;

    padding: 10% 0;

      background-size: 100% auto;

}

.cls_h3user {

    margin: 0 auto;

}

.cls_user-box h3 {

    margin: 0 auto;

    text-align: center;

}

.cls_more-details span {

    padding: 0 10px;

}

.cls_jobs-imgs {

    text-align: center;

}

.clsPayMethods {

    background: rgba(0, 0, 0, 0) url("../images/ic_paymethod.png") no-repeat scroll center center !important;

    float: left;

    height: 100px;

    padding: 0.9em 0 0.9em 4em;

    width: 60px !important;

}

.clsFileManager {

    background: rgba(0, 0, 0, 0) url("../images/ic_filemanager.png") no-repeat scroll center center !important;

    float: left;

    height: 100px;

    padding: 0.9em 0 0.9em 5em;

    width: 60px !important;

}

.breadcrum .cls_nopadng {

    padding: 0 15px !important;

}

.home_top

{

text-align:center !important;

}

}

@media (min-width:480px) and (max-width:600px) {

#notificationContainer

{

margin: 10px 0 0 160px !important;

}

/*.cls_cat-ul-list > li {

    display: block;

    float: none !important;

    margin: 20px;

    width: 90% !important;

}*/

.cls_owner-howwork-list {

    height: auto;

    position: unset;

    width: 100%;

}

.cls_how-it-owner .step1, .cls_how-it-owner .step2, .cls_how-it-owner .step3, .cls_how-it-owner .step4, .cls_how-it-owner .step5 {

    left: 0;

    position: unset;

    top: 0;

}

.cls_how-it-owner .cls_stick, .cls_how-it-emply .cls_stick {

    display: none;

}

.cls_how-center {

    display: none;

}

.cls_how-it-emply .step1, .cls_how-it-emply .step2, .cls_how-it-emply .step3, .cls_how-it-emply .step4, .cls_how-it-emply .step5 {

    left: 0;

    position: unset;

    top: 0;

}

#selHowitwork {

    background: rgba(0, 0, 0, 0) url("../images/howitwork.jpg") repeat scroll center center;

  padding: 20px 0;

}

.cls_how-it-owner .cls_h3-owner {

    margin: 0 !important;

}

.cls_signup_g

{

float:none !important;

margin-top:10px;

}

}

@media (min-width:600px) and (max-width:767px) {
    
    .foot_block {
        width: 25% !important;
    }

.cls_h3user {

    float: none;

    margin: 20px auto;

}

.cls_user-box h3 {

    margin: 10px 0 0 120px;

    text-align: left;

}
.cls_howitworks.cls-tabletshow {

    display: block;

    margin: 20px auto;

    width: 95%;

}

#selBlocks {

    clear: both;

    padding: 0;

    padding-bottom: 20px !important;

}

.cls_nameimg h4 {

    display: none;

}

/*.cls_cat-ul-list > li {

    display: block;

    float: left;

    margin: 20px;

    width: 40%;

}*/

}

@media(min-width:641px) and (max-width:767px) {
    

.outer_login {

    background: transparent none repeat scroll 0 0 !important;

    margin: 0 auto;

    padding: 0;

    width: 70%;

  position: sticky !important;

  left:0 !important;

}

#selRightHeader {

    width: 100% !important;

}

.clsTopmenu li {

    color: #fff;

    padding: 0px 0 !important;

    text-align: left;

}

.clsFloatRight nav {

    padding-right: 0 !important;

}

#selMenu .clsTopmenu ul li a:hover, #selMenu .clsTopmenu ul li a.current {

    border-bottom: 2px solid #3d9a00;

    color: #3d9a00;

}

/*#selMenu .clsTopmenu ul li a:hover span, #selMenu .clsTopmenu ul li a.current span {

    background: #ffb9ab none repeat scroll 0 0;

    color: #000 !important;

}   */

#selMenu .clsTopmenu li a span

{

width:100%;

}

.clsTopmenu ul {

    width: 100%;

}

.clsowner td

{

float:none !important;

}

/*for header*/

.cls_login_signup {

    float: right;

    width: auto !important;

} 

.cls_search-form.clsFloatRight {

    margin: 5px 0;

    width: auto !important;

}

#selLeftHeader {

    margin: 0;
}

abcRioButtonBlue {

    margin: 0 !important;

}

.cls_signup_g {

    float: none !important;

    margin: 10px auto !important;

}

}

@media (min-width:300px) and (max-width:767px) {

.yadcf-filter-range-number-slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all

{

float:none !important;

}

.cls_center_res

{

text-align:center;

}

.slidetabsmenu {

    background-color: #000;

    float: left;

    height: auto !important;

    width: 100% !important;

}

.cls_nameimg h4 {

    display: none;

}

/*#selLogo h1 {

    background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll center center;

}  */

#selLeftHeader {

    margin: 0;



}

.clsFloatRight {

    width: 100%;

}

.cls_search input[type="search"] {

    float: right;

}

#selMenu li {

    margin: 0;

  background:transparent !important;

  display:block;

}

#selMenu .clsTopmenu ul li a:hover, #selMenu .clsTopmenu ul li a.current {

    width: 100%;

}

#selMenu .clsTopmenu li a {

    width: 100%;

}

#selMenu .clsTopmenu li a {

    color: #1e1e1e;

}

.cls_banner-content {

    margin: 40px 0;

}

.cls_baner {

    height: 100%;

}

.cls_owner-signup, .cls_emplye-signup {

    width: 100%;

}

.cls_category {

    background: #4c4c4e none repeat scroll 0 0;

}

.cls_search-form.clsFloatRight {

    margin: 15px 0;

}

.cls_social-icon {

    margin: 10px 0 0;

}

.cls_search input[type="search"]:focus {

    background-color: #fff;

    border-color: #eaeaea;

    box-shadow: 0 0 5px #eaeaea;

    width: 85%;

}

.cls_signup-form, .cls_signup-resend {

    margin: 10px auto;

    width: 100%;

}

.col-lg-6.col-md-6.col-sm-6.col-xs-12.cls_bor-left {

    border-left: medium none;

}

.cls_signupcls .cls_signup-resend > form input.cls_email-inpu {

    margin: 10px 0;

}

.cls_signupcls {

    margin: 20px 0;

    text-align: center;

}

}

@media (min-width:768px) and (max-width:850px) {

#selMenu ul {

    float: right;

}

.cls_search input[type="search"]:focus {

    width: 90%;

}

.cls_search-form.clsFloatRight {

    margin: 5px 0;

    width: 70%;

}

.cls_search input[type="search"] {

    float: right;

}



/*.cls_cat-ul-list > li {

    display: block;

    float: left;

    margin: 20px;

    width: 40%;

}*/

/*.cls_cat-ul-list > li {

    display: block;

    float: left;

    margin: 20px;

    width: 40% !important;

}*/

}
@media (min-width:768px) and (max-width:1199px){
    .logo_footer img {
        max-width: 150px;
    }
    .logo_footer .copyright_text p {
        font-size:10px;
    }
    .logo_footer .copyright_text:before {
        width: 150px;
    }
}
@media (min-width:768px) {
    .footer_section{
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    .page_class {
        position:relative;
        padding-bottom: 212.2px;
        min-height: calc(100vh - 212.2px);
    }
    .page_class #Container > .clsCon {
        min-height: calc(100vh - 212.2px);
    }
    .page_section {
        position:relative;
        padding-bottom: 212.2px;
    }
    .page_class.loggedIn {
        padding-bottom: 180.4px;
        min-height: calc(100vh - 180.4px);
    }
    .page_class.loggedIn #Container > .clsCon {
        min-height: calc(100vh - 180.4px);
    }
    .signup_section {
        position: relative;
    }
}
@media (min-width:768px) and (max-width:1024px) {

.clsowner td

{

float:none !important;

}

.cls_login_signup

{

width:auto !important;

}

.cls_search-form.clsFloatRight

{

width:auto !important;

}

}

@media (min-width:768px) and (max-width:980px) {
    
    .logo_footer img {
        max-width: 150px;
    }
    .logo_footer .copyright_text p {
        font-size:10px;
    }
    .logo_footer .copyright_text:before {
        width: 150px;
    }

.clsMinContent .container {

    padding: 0 !important;

    width: 95% !important;

}

#selLeftHeader {

    width: 195px;

}

form.cls_search {

    width: 100%;

}

.cls_search input[type="search"] {

    float: right;

}

.cls_search input[type="search"]:focus {

    width: 90%;

}

#selLogo h1 a {

    width: 100%;

}

.cls_user-count-job .cls_centeruser {

    clear: both;

    float: none;

    margin: 20px auto;

    text-align: center;

}


.cls_howitworks.cls-tabletshow {

    display: block;

    margin: 0 0 20px;

}

.cls_more-details span {

    padding: 0 5px;

}

.cls_jobs-imgs {

    text-align: center;

}

.cls_h3user {

    float: none;

    margin: 20px auto;

    width: 230px;

}

.cls_user-box h3 {

    text-align: center;

}

.cls_foter-quick.text-center {

    margin: 30px 0;

}

.clsInnerCommon.outer_login {

    margin: 0 auto;

    position: unset;

    width: 90%;

}

.log_in {

    margin: 0 auto;

    width: 90%;

}

.cls_signup-form, .cls_signup-resend {

    margin: 10px auto;

    width: 98%;

}

}

@media (min-width:981px) and (max-width:1025px) {

.contact_page .container {
    width: 100% !important;
}
.container {

    width: 960px !important;

}

form.cls_search {

    width: 100%;

}

.cls_search input[type="search"] {

  float:right;

}

.cls_search input[type="search"]:focus {

    width: 80%;

}

.cls_howitworks.cls-tabletshow {

    display: block;

    margin: 0 0 20px;

}

.cls_user-box h3 {

    text-align: center;

}

.cls_h3user {

    float: none;

    margin: 0 auto;

    width: auto;

}

.cls_user-box.cls_user {

    background: rgba(0, 0, 0, 0) url("../images/user-img.png") no-repeat scroll center center / cover ;

    height: 100%;

    width: 100%;

}

.cls_user-box.cls_jobs {

    background: rgba(0, 0, 0, 0) url("../images/job-img.png") no-repeat scroll center center / cover;

    height: 100%;

    width: 100%;

}

.cls_user-box.cls_work {

    background: rgba(0, 0, 0, 0) url("../images/workdone-img.png") no-repeat scroll center center / cover;

    height: 100%;

    width: 100%;

}

.clsInnerCommon.outer_login {

    margin: 0 auto;

    position: unset;

    width: 90%;

}

.log_in {

    margin: 0 auto;

    width: 90%;

}

.cls_signup-form, .cls_signup-resend {

    margin: 10px auto;

    width: 100%;

}

.cls_signupcls .cls_signup-resend > form input.cls_email-inpu {

    margin: 30px 0 45px;

}

}

@media (min-width:1026px) and (max-width:1199px) {
    
    .logo_footer img {
        max-width: 150px;
    }
    .logo_footer .copyright_text p {
        font-size:10px;
    }

.cls_howitworks {

    display: none;

}

.cls_howitworks.cls-tabletshow {

    display: block;

    margin: 0 0 20px;

}

.cls_user-box h3 {

    text-align: center;

      font-size: 15px;

}

.cls_h3user {

    float: none;

    margin: 0 auto;

    width: auto;

    padding-left: 110px;

    padding-top: 10px;

}

.cls_user-box.cls_user {

    background: rgba(0, 0, 0, 0) url("../images/user-img.png") no-repeat scroll center center / cover ;

       height: 90px;

    background-size: auto 100%;

}

.cls_user-box.cls_jobs {

    background: rgba(0, 0, 0, 0) url("../images/job-img.png") no-repeat scroll center center / cover;    height: 90px;

    /* width: 100%; */

    background-size: auto 100%;

}

.cls_user-box.cls_work {

    background: rgba(0, 0, 0, 0) url("../images/workdone-img.png") no-repeat scroll center center / cover;

      height: 87px;

    /* width: 100%; */

    background-size: auto 100%;

}

.clsInnerCommon.outer_login {

    margin: 0 auto;

    position: unset;

    width: 90%;

}

.cls_signup-form, .cls_signup-resend {

    margin: 10px auto;

    width: 100%;

}

}

.cls_welcom > img {

    left: -5px;

    position: relative;

    top: -2px;

}

.md_top

{

  border-bottom: 2px solid #3d9a00;

  padding: 10px 50px;

}

.md_software

{

border-bottom: 1px dashed rgb(204, 204, 204);

padding-bottom:5px;

}

.md_notify

{

background-color:#ed615b !important;

 color: #fff !important;

}

.post_border label {

    width: 90px;

}

.md_attach

{

 width: 12% !important;

}

.post_border form p {

    padding: 0;

}

.cls_report h2 {

    border-bottom: 2px solid #fff;

/*    display: inline-block;

*/  padding: 0 70px 15px !important;

}

.cls_report span {

    border-bottom: 2px solid #5BB61F;

     padding: 13px 30px;

  width:800px

}

.cls_faqbordor {

/*    border: 1px solid #fff;

*/}

.faq_inner .clsText {

    padding: 5px 0;

    width: 36%;

}

.cls_msgshow h1 {

    text-align: center;

}

.cls_headline {

    text-align: center;

}

.cls_faq0 > h2 span {

    border-bottom: 3px solid green;

   padding-bottom: 8px;

}

.outer_login h2 {

    border: medium hidden !important;

}

.outer_login h2 span {

    border-bottom: 3px solid green !important;

}

/*24-1-2017 css entry

*/

.cls_jomail1 > p {

    margin: 2px;

}

.cls_jpbmail2 p {

    margin: 2px;

}

.clsEditProfile.clsSitelinks.clsdeposit, .clsEditProfile.clsSitelinks

{

  clear: both;

    display: inline-block;

    margin: 0 0 15px;

    padding: 0 10px 30px;

    width: 100%;

}

.escrow span {

    width: 22%;

}

.clsdeposit span {

    width: 22%;

}

.cls_withdraw span {

    width: 22% !important;

}

.cls_filelist2 label {

    float: left;

    width: 32% !important;

}

.table-responsive {

    min-height: .01%;

    overflow-x: unset !important;

}

/*arabic lang css..*/

.cls_arabic #selMenu li {

    float: right;

}

html[dir="rtl"] #navigation {

float: right;

display: inline;

margin-left: 0px;

margin-right: 360px;

}

.cls_arabic .cls_how-left {

    left: 7px;

}

.cls_arabic .cls_how-rihgt

{

left:0;

}

.cls_arabic .slidetabsmenu li

{

float:right;

}

.cls_arabic .cls_foter-quick.text-center p a {

    background: #746b6b url("../images/ftr-arw.png") no-repeat scroll right center;

  }

.cls_arabic .cls_foter-quick.text-center p a:hover {

    background: #ffb338 url("../images/ftr-arw.png") no-repeat scroll right center;

  }

.cls_arabic .slidetabsmenu a span {

    border-left: 1px solid #fff;

    border-right: none;

}

.cls_arabic .cls_search input[type="search"] {

   padding: 9px 42px 9px 0px;

}

.cls_arabic input#PWP, input#PW

{

padding: 0 10px 0 45px;

}

.cls_arabic  input#UN, input#UNP

{

padding: 0 10px 0 45px;

}

.cls_arabic  input[type="file"] {

    display: inline-block;

}

/* 1-6-2017 css updated*/

.cls_jbcreate {

    margin: 0 auto;

    text-align: center;

}

.cls_jbcreate > h2 {

    border: medium hidden !important;

}

.cls_tooltip {

    position: relative;

    display: inline-block; 

    border-bottom: 1px dotted black;

}

.cls_tooltip .tooltiptext {

    visibility: hidden;

    width: 130px;

    background-color: #fff;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 5px 0;

  right:0px;

    /* Position the tooltip */

    position: absolute;

    z-index: 1;

    top: 104%; 

}

.cls_tooltip:hover .tooltiptext {

    visibility: visible;

}

.cls_tooltip .tooltiptext::after {

    content: "";

    position: absolute;

    bottom: 100%;

    left: 85%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: transparent transparent #fff transparent;

}

.tooltiptext > a {

    float: left;

    font-size: 12px;

    width: 100%;

    padding: 5px 6px 8px 6px;

    text-align: left;

    font-weight: bold;

    border-bottom: 1px solid #333333;

}

.cls_title_green span {

    border-bottom: 3px solid #5bb61f;

}

.cls_login_signup li a {

    color: #1e1e1e;

    float: left;

    padding: 5px 15px;

  font-size: 15px;

  text-decoration:none;

      font-weight: normal;

}

.cls_login_signup {

    float: right;
/*   overflow: hidden; 
	margin-top:14px;*/

}

.cls_login_signup li a:hover {

    color: #f96020;

}

.cls_login_signup > li {

        float: right;

	margin: 8px 8px;

}

.img_height_pro img{height:auto !important}

.border_set{border-bottom:1px solid #ccc}

.head_font{font-size:18px;}

.border_review{    

  margin: 0;

    border-bottom: 1px solid #cccccc;

    padding-top: 0px !important;

  margin-top: 0px !important;

  }

.social_icon_image img{max-height:22px;width;auto;margin:10px 5px 10px 5px;}

.col-md-12.emp_newdesign.ovl_height{padding-right:0px;}

.col-md-3.part-three {

    padding: 10px 10px 10px 0px !important;

}



.img_icons img{max-height:20px;width:auto;margin-right:5px;}

.social_icon_image{    

  /*box-shadow: 0px 0px 2px 1px #ccc;*/

    max-width: 161px;

    margin: 10px auto;}

.icon_social a{margin:0px 12px 0 0}



.emp_price{margin:0px;}

.review_dolor img{width:150px;height:auto !important}

.star_size span{font-size: 12px;

    background: #ed615b;

    color: #fff;

    padding: 2px;

    width: 18px;

    display: inline-block;

    text-align: center;

      margin-right: 5px;

  }

.star_size img{width:auto;max-width:150px;}

.emp_dashboard_icon{    

  display: block !important;

    max-width: 80px;

    height: auto !important;

    margin: 21px auto 0px auto;}

#notificationContainer

{

overflow-y:scroll;

}

.clsInnerCommon.clsSitelinks > img {

    height: 42px;

    width: 200px;

}

<!--Table alignment-->

#view_all thead {

    background: #393c49 none repeat scroll 0 0;

    color: #fff;

}

#view_all thead th

{

padding:5px;

}

#view_all_previous, #view_all_next

{

    color: #000 !important;

   margin: 20px 10px 30px;

}

.clsmember thead td

{

border: 1px solid #e3e3e3 !important;

}

.clsmember tbody td {

    border: 1px solid #efefef;

    padding: 10px;

    text-align: left;

  background-color:#fff !important;

  font-size:12px;

}

.cls_pad_job

{

padding:0 !important;

}

.cls_signup_g {

    display: inline-block;

    float: left;

    margin-right: 10px;

}

.cls_signup-google {

        display: block;

    margin: 10px auto;

    width: 80%;

    float: none;

    overflow: hidden;

}

.cls_login-google {

    margin: 20px auto;

    text-align: left;

    width: 51%;

}

.abcRioButtonContents {

    font-family: "Roboto Slab",serif !important;

  }

.fb-login-button

{

text-align:left !important;

font-family: "Roboto Slab",serif !important

}

.fb_but {

       border: medium hidden;

    max-width: 150px;

    height: auto;

    border-radius: 8px;

}

.fb_but i {

    float: left;

    font-size: 40px;

}

.abcRioButtonBlue {

    background-attachment: scroll !important;

    background-clip: border-box !important;

    background-color: #4a89f7;

    background-image: url("../images/gmail login.png") !important;

    background-origin: padding-box !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;

    background-size: auto auto !important;

    height: 50px !important;

  margin-right:36px;

  width: 150px !important;

  background-color: transparent !important;

  box-shadow: unset !important;

  }

  #gSignIn .abcRioButtonBlue {

  /*background: url(images/g_plus_new.png) no-repeat, #df4a32 !important;*/

        background: #df4a32 !important;

    border-radius: 8px;

    height: 35px !important;

    background-size: auto 100% !important;

    position: relative;

    padding: 8px 0;

    font-size: 12px;

  }

  #gSignIn .abcRioButtonBlue:before {

   content: "Login with Google ";

}

.abcRioButtonIcon {

    display: none;

}

.abcRioButtonBlue:hover {

    background-color: transparent !important;

}

.abcRioButton:hover {

    -webkit-box-shadow: unset;

    box-shadow: unset;

}

.abcRioButtonContents

{

display:none;

}

.table-striped > tbody > tr:nth-of-type(2n+1) {

    background-color: #ffffff !important;

}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{background:#ffffff !important}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th

{    border-right: 0px !important;

    border-left: 0px !important;}

.verify_blk li{    width: 100%;

    overflow: hidden;



  min-height: 36px;

  }

.verify_blk li a{    

  float: left;

  width: 160px;

  font-size: 14px;

  margin-top: 8px;

  display: block;

}

  .loader_nil {        

    background-color: #f1f1f1 !important;  

    box-shadow: none !important;  

}

ul.menu_hover a {

    margin: 3px !important;

}

  .jplist-icon{padding-top:8px !important;}

  .margin_top_30{margin-top:30px !important}

  .jplist .list{margin:0px 0 0px 0 !important}

  .verify_course li{


  display:inline-block;


  min-height: 36px;

  }
.verify_course li a {
    background: gray;
    color: white;
    padding: 2px 7px;
    border-radius: 5px;
    /* width: 100%; */
    /* font-size: 16px; */
    margin: 3px;
    /* display: block; */
}
.verify_blk li span{    float: left;

    margin-top: 14px;

    margin-left: 35px;}

.verify_blk li i{float: left;

    margin-top: 10px;

    font-style: normal;

    font-weight: bold;}

.verify_blk li span.green{color:green}

.verify_blk li span.red{color:green}

.table-striped>tbody>tr:nth-of-type(odd) {

    background-color: #ffffff !important;

}

.login_box{    width: 100%;

    margin: 10px auto 0px auto;

    padding: 10px;

    border-top: 1px solid #efe6e6;

  position:relative;

  }

/*new inner design css 23-10-2017*/

.clsInnerCommon.bid_login {

    max-width: 540px;

  width:100%;

    margin: 20px auto;

    background: rgba(255,255,255,1);

    

    padding: 10px 10px 10px 10px;

}

.btn-facebook{background:#2a63b7 !important;color:#fff !important}

.btn-googleplus{background:#d51719 !important;color:#fff !important}

.cls_checkbox {

        color: #4e4e4e !important;

    font-weight: 700 !important;

    font-size: 14px;

    width: 80%;

    margin: 20px auto;

    overflow: hidden;

  float:none;

}

.btn:hover, .btn:focus {

    color: #FFC059 !important;

}

.validate {

    color: red;

}
.feature-title {
    /* border-bottom: 2px solid #746b6b; */
    color: #03608c;
    /* font-size: 24px; */
    padding: 10px 0 20px 0;
    text-align: center;
    /* text-transform: uppercase; */
}

.pad_left{padding-left:15px;}

.cls_table a {

    font-size: 12px;

    color: #000;

}

.title-block {

      padding: 2px 0 3px 20px;

    /* border-left: 7px solid #3D9A00; */

    margin-bottom: 15px;

    margin-top: 15px;

    text-align: center;

    font-weight: bold;

}

.col_full label {

    font-size: 13px;

}

.white_bg label {

    font-size: 13px !important;

}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{

  border-top:none !important;

}

.jplist-icon {

  line-height: normal !important;

}

.pricing-features{

  padding: 10px 10px 10px 10px;

    font-size: 16px;}

.sm-form-control {

    display: block;

    width: 100%;

    height: auto;

    padding: 8px 14px;

    font-size: 15px;

    line-height: 1.42857143;

    color: #555555;

    background-color: #ffffff;

    background-image: none;

   border: 1px solid #cdcdcd;

    border-radius: 5px !important;

    -webkit-transition: border-color ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s;

    transition: border-color ease-in-out .15s;

}

.col_full .glow {

    font-size: 14px;

    font-weight: 500;

    color: #4e4e4e !important;

}

#textarea_feedback1 {

    font-size: 16px;

}

#textarea_feedback {

    font-size: 16px;

}

.cls_lable {

    width: 120px;

}

.table-dark thead {

    background-color: #4e4e4e;

   border: 1px solid #e6d7d7;

    color: #fff;

  

}

.table-dark thead tr {

   border: 1px solid #e6d7d7;

}

.table-dark tbody {

    background-color: transparent !important;

    border: 1px solid #e6d7d7;

}

.table-dark tbody td {

  /*  border: 1px solid #e6d7d7;*/

  font-size:14px;

  padding:10px;

  border-bottom:1px solid #ccc;

}

table.dataTable.no-footer{    border-bottom:0 !important;}

.content-wrap {

    padding: 0px 0 40px 0;

}

.postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {

    display: block;

    position: relative;

    margin-right: 4%;

    margin-bottom: 50px;

    float: left;

}

.img_prof{max-width:160px;height:auto;}

.margin_10{margin:10px 0}

.listform{font-size:15px;margin:8px 0 0 0}

.listform *{font-size:15px}

form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth {

    margin-bottom: 25px;

}

.col_full {

    clear: both;

    float: none;

    margin-right: 0;

}

.col_half {

    width: 48%;

}

.cls_create_span {

    vertical-align: middle;

    margin: 5px;

    font-size: 13px;

}

.pricing-box {

    position: relative;

    border-radius: 3px;

    text-align: center;

    box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.1);

    background-color: #F5F5F5 !important;

    padding: 3px 0 0 0;

    width: 90%;

    margin: 0 5%;

}

.pricing-title {

    padding: 15px 0;

    background-color: #F9F9F9;

    border-radius: 3px 3px 0 0;

    text-shadow: 1px 1px 1px #FFF;

    border-bottom: 1px solid rgba(0,0,0,0.05);

}

.pricing-title h3 {

    margin: 0;

    font-size: 20px;

    letter-spacing: 1px;

    font-weight: bold;

    text-transform: uppercase;

    color: #555;

  margin-top:30px;

}

.pricing.bottommargin .pricing-action .cls_check{   

 background: url(images/feature/cart.png) no-repeat;

    padding-left: 28px;

    background-size: auto 100%;

    height: 20px;

  cursor:pointer;

  }

.pricing.bottommargin .pricing-action .cls_check.un_check{background:url("../images/feature/cart_click.png") no-repeat !important;

background-size: auto 100%;

    height: 20px;

}

select#job_id{padding-left:30px !important}

.cls_slet-refrs button{border:0px !important;border-radius:0px !important;outline:none !important}

.margin_50_bottom{margin-bottom:50px !important}

.currency_deal{
  overflow: hidden;

    width: 100%;

    background-size: 100% auto;

    background-attachment: fixed;

    padding: 24px 0 24px 0;

  }

  .currency_deal input[type=checkbox]{display:none;}

.cls_features {

    height: 230px;

}

.pricing-features {

    border-bottom: 1px solid rgba(0,0,0,0.075);

}

.pricing-price {

    position: relative;

    padding: 25px 0;

    color: #3d8834;

    font-weight: 300;

    font-size: 64px;

    line-height: 1;

}

.pricing-price span {

    display: inline-block;

    vertical-align: top;

    margin: 7px 3px 0 0;

    font-size: 28px;

    font-weight: normal;

}

.pricing-price span.price-tenure {

    vertical-align: baseline;

    font-size: 16px;

    font-weight: normal;

    color: #999;

    margin: 0 0 0 3px;

}

.pricing-action {

    padding: 15px 30px;

}

.clsurgent

{

background:#488a1c;

}

.clsfeature

{

background:#d4942b;

}

.clsprivate

{

background:#5bb61f;

}

.clshidebid

{

background:#ffb338;

}

.col_last {

    margin-right: 0 !important;

    clear: right;

}

.fa

{

cursor:pointer;

}

.cls_icon_align {

    float: right !important;

    margin: 1px;

    height: 25px;

    width: 25px;

    padding: 6px;

}

.cls_icon_align_job {

    float: right !important;

    margin: 0 5px;

    height: 35px;

    width: 35px;

    background-color: #F39F16;

    padding: 10px;

    font-size: 18px !important;

}

.pro_border{    height: 1px;

    padding: 10px 0 10px 0;

    width: 100%;

    overflow: hidden;

    margin-bottom: 20px;

    border-bottom: 1px solid #dadada;

  }

.btn.btn-link{color:#337ab7 !important}

.col_two_third {

    width: 65.33%;

}

.col_one_third {

    width: 30.63%;

}

.col_part {

    height: 170px;

    border: 5px solid #fff;

  background-color: #fff;

    /*  margin-top: 30px;*/

}

.bottommargin.divcenter {

    background-color: #fff;

}

.col_part_g {

    border: 5px solid #fff;

}

.col_part_t {

    height: 220px;

   border: 5px solid #fff;

    background-color: #fff;

  }

.proj_data span {

    font-size: 14px;

    margin: 5px;

}

.line, .double-line {

    clear: both;

    position: relative;

    width: 100%;

    margin: 40px 0;

    border-top: 1px solid #EEE;

}

.line_pad{clear: both;

    position: relative;

    width: 100%;

  padding:10px 0;

  }

table.dataTable tbody tr {

    background-color: #ffffff !important;

}

.feature-box.fbox-large .fbox-icon i {

    font-size: 52px;

    line-height: 96px;

  color:#3D9A00;

  text-align: center;

}

.feature-box.fbox-large {

    padding: 0 0 0 115px;

}

.feature-box.fbox-large .fbox-icon {

    width: 96px;

    height: 96px;

}

.feature-box .fbox-icon {

    display: block;

    position: absolute;

    width: 64px;

    height: 64px;

    top: 0;

    left: 0;

}

.feature-box .fbox-icon a, .feature-box .fbox-icon i, .feature-box .fbox-icon img {

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

    color: #FFF;

}

.counter {

    font-weight: bold;

    

}

.cls_whole {

/*    background-color: #fff;

*/    padding: 5px;

}

.fileinput-upload.fileinput-upload-button {

    display: none;

}

.portfolio-item {

    float: left;

    position: relative;

    width: 33%;

    height: auto;

    padding: 0 12px 12px 0;

}

/*.portfolio-image img {

    height: 130px !important;

    width: 100%;

    object-fit: contain;

}*/

.portfolio-overlay.cls_right_img {

    text-align: center;

}

.cls_right_img a.right-icon {

    left: auto;

    right: 50%;

    margin: 1px auto !important;

    font-size: 20px;

    color: #F39F16;

}

/* for mail config */

.cls_left_mail {

    background-color: transparent !important;

    border: 2px solid #fff !important;

}




.cls_left_mail {

       background: #fff !important;

    margin-right: 2% !important;

    width: 23% !important;

}

.details_toggle{    

  display: inline-block;

    text-decoration: underline !important;

    cursor: pointer;}

.msg_left{float: left;

    width: 24%;}

.msg_right{float:left;width:40%}

.msg_row{width: 100%;

    overflow: hidden;

    margin-bottom: 5px;}

.view_msg_details{

  display:none;    

    background: #ffffff;

    padding: 10px;

    border-radius: 4px;

    box-shadow: 0px 0px 2px 0px;

  width:100%;

  z-index:1000;

}

.hr_pad{    width: 100%;

    margin: 0px 0 12px 0;

    overflow: hidden;

    height: 20px;

    border-bottom: 1px solid #ccc;

    background: transparent;

    border-top: 0px;}

.posrel{position:relative; !important;}

.cls_mail_r1 {

    background: #fff;

    padding: 8px 15px;

    

   border: unset;

   min-height:34px;

}

.fc-toolbar h2{

  font-weight: 300 !important;

}

.cls_mail_right .cls_mail_r1 input {

    vertical-align: sub;

    margin: 6px !important;

}

.cls_mail-rcontent1 {

    width: 25%;

    display: inline-block;

}

.cls_mail-rcontent2 {

    width: 55%;

    display: inline-block;

}

.cls_mail-rcontent3 {

    width: 20%;

    display: inline-block;

}

table.table-dark {

  /*  border: 1px solid #111;*/

    border-radius: 5px;

}

.table-normel {

    width: 100%;

}

.table-normel thead th {

    padding: 10px;

}

.table-normel tbody td {

    padding: 10px;

}

.table-normel tbody {

background:#fff !important;

}

.p-0 {

    padding: 0 !important;

}

.removebtn {

    background-color: transparent;

    border: unset;

    color: #1CAF9A;

}

.text-left{text-align:left !important}

@media(max-width: 1199px){
    .banner_content .feature-title {
        padding: 15px 0;
    }
    .select_design .custom_Select input {
        font-size: 12px;
    }
div#header {
    min-height: 50px;
  }
  .left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li {
    margin: 0 3px;
}
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li a {
    font-size: 13px !important;
    clear: both;
}
.right_side_header .cls_login_signup li.signup-header {
    margin-left: 0;
}
.right_side_header .cls_login_signup li.signup-header a {
    padding: 0;
    font-size: 13px;
    border: 0px;
    margin-top: 10px;
}
.custom_cls_login_signup {
    width: 100% !important;
}
.right_side_header {
    padding:0 5px !important;
}
#sel-Logo img, #selLogo img {
    padding-top: 10px;
}
}


@media(max-width: 1024px){
    .custom_cls_banner {
      height: 70vh !important;
  }
  .right_side_header .cls_login_signup li.signup-header a {
      font-size: 12px;
  }
}

@media (max-width:991px){

  .cls_slet-refrs button {

    color: transparent;

    width: 42px;

    height: 34px;

}

.cls_btn-refres{margin-left: -8px !important;}

.cls_slet-refrs button span{color:#333333;}

  .cls_footer-img img{max-width:50px;margin-bottom:10px;}

  .counter{font-size:30px;}

  .dataTable{min-width:750px}

  .col-md-3.part-three{height:auto !important;width: 98% !important;}

  .button_align .clsLogin_but{    

  margin-bottom: 5px !important;

    width: 48%;

    float: left;

    margin: 0 1% 0 1%;

}

.cls_user-box.cls_jobs{height:120px;background-size:auto;}

  .box.jplist{margin-top:0px !important}

  .margin_top_20_991px{margin-top:20px !important}

  .starrate{display: table;max-width: 100%;width: auto;margin: 0px auto;}

  .white_lf_bg{width:100% !important;margin:0px 10px 0 0%}

  span.country{display:inline-block}

  .jplist-reviews{margin-top:-2px}

  .slideMenu li a{padding:0 6px !important}

  .cls_topmenunav {

    margin: 10px 0 0 0px;

    width: 72%;

    float: right;}

  .fixedheader_logo .cls_topmenunav{margin:10px 0 0 0}

  .header_logo  .container{width:98%}

#selMenu li{margin:0 0px;}

}

@media (max-width:991px){
    .search-table {
        min-width: initial !important;
    }
    .select_design {
        text-align: left !important;
    }
    .select_design .custom_Select {
        width: 224px;
        display: inline-block;
        vertical-align: middle;
        margin: 5px 0;
    }
    
    .contact_desc {
        max-width: 90%;
    }
    .banner_content .feature-title, .banner_content .white_bg_pad {
        width: 50%;
    }
    .banner_content .feature-title h2 {
        padding-top: 50px;
    }

  .cls_banner-content h2 span{font-size:30px;}

  .dropdown_search:hover .menu_hover{display:none}

  .menu_down_arrow{display:block;border:1px solid #cccccc;}

  .arrow-down {

      width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 15px solid #ffffff;

}

  .cls_links.links{display:none;}

  .menu_hover{display:none;}

  #selMenu .clsTopmenu li a span{padding:0 6px;    height: auto !important;

    line-height: inherit !important;}

.navbar-toggle .icon-bar{

  background:  #1e1e1e !important;

}

.navbar-collapse.collapse{display:none !important}

.navbar-toggle{ display:block !important; }

.navbar-collapse.in{display:block !important;}

.cls_topmenunav {margin: 0px 0 0 0px;width: auto;}



.clsTopmenu{left:-100%;position:absolute;}

#selLeftHeader {

    margin: 0 0 0 50px;

}

#selRightHeader .navbar-collapse.collapse {

    position: fixed;

    left:-100%;

    width: 100%;

    background: #333;

    height: 100% !important;

    max-width: 70%;

    top: 0;

    bottom: 0;

  z-index: 10;

  overflow-y: auto !important;

  display:block !important;

  visibility:visible !important;

      padding-left: 0px;

}

.rel{position:relative;}

.clsTopmenu{float:none;width: 100%;}

#selMenu ul {float: none;width: 100%;}

#selMenu li{float:none !important;}

.cls_notif{position: fixed;top: 38px;right: 0;}


#selMenu ul ul {

    padding-left: 0 !important;

}

#selMenu .clsTopmenu li a span{float:none;padding-left:0px !important;padding-right:10px !important}

.dropdown_search .menu_hover {display: none;opacity: 1;background: transparent !important;padding: 0;margin-top: 0px;position: static;}

#selMenu .clsTopmenu li a {color: #fff !important;}
.left_nav_menu nav.collapse.navbar-collapse {
    text-align: left;
}
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li a {
    font-size: 15px !important;
}

}

@media (max-width:800px){

  #selflag{margin-right: 30px;}

}
@media only screen and (max-width: 991px) and (orientation: landscape){
  .custom_cls_banner .cls_banner-content {
      margin-top: 40px;
  }
  .custom_cls_banner {
    height: 100vh !important;
  }
}

@media (max-width:767px){
    .list.box.text-shadow.search_wrapper {
        margin-top: 15px !important;
    }
    .search-table tr .jobimg {
        margin: 0 auto;
    }
    .view_jobs_block table.dataTable tbody td .block.right .col-md-9{
        padding:0 15px;
    }
    .view_jobs_block table.dataTable tbody td .block.right .col-md-9 {
        padding: 20px 15px 0;
    }
    .logo_footer {
        padding-bottom: 10px;
    }
    .logo_footer .copyright_text:before {
        width: 210px;
    }
    .view_jobs_block table.dataTable tbody td {
        width: 100%;
    }
    
/*29-06-2020*/
.banner_content {
    padding: 50px 0;
    display: inline-block;
}
.banner_content .feature-title {
    width: 100%;
    padding: 15px 0;
}
.banner_content .white_bg_pad {
    width: 100%;
}
.contact_second .block_size {
        width: 100%;
        margin-bottom:20px;
}
.contact_desc {
    max-width: 100%;
}
.contact_page .container {
    padding: 0 15px !important;
}
/*End*/
  .showin767 {
    display: block;
}

  .login_menu:hover .submenu_login{display:none;}

  .submenu_login{

  left:inherit;

    right: 6px;

    min-width: 120px;}

  .login_menu .caret{    

  border-top: 10px solid;

    border-right: 10px solid transparent;

    border-left: 10px solid transparent;

    margin-top: 5px;

    margin-left: 7px;

  }

  .submenu_login .caret{display:none !important}

  .submenu_login .img_prof_mobile{display:none !important}

  .img_prof_mobile img{max-width:22px}

  .login_menu span{font-weight: bold;color: #3d9a00;display: inline-block;margin-top: 8px;}

      .cls_signup_g{width: 150px;margin-right: 0px;}

  .fb_but{margin-top:10px !important;}

  .cls_theme_bg{background-size:cover}

  .mobile_center{text-align:center !important;margin-bottom: 16px !important;}

  ul.nav.nav-pills.nav-stacked{padding:0px !important;}

  ul.nav.nav-pills.nav-stacked li{max-height:40px;}

  ul.nav.nav-pills.nav-stacked li>a {}

  ul.nav.nav-pills.nav-stacked li>a span{}

  ul.nav.nav-pills.nav-stacked li>a span:first-child{}

  .nav-stacked>li {float: left !important;}

  ul.nav.nav-pills.nav-stacked li>a img{float:left;margin-right: 4px !important;}

  ul.nav.nav-pills.nav-stacked li>a{font-weight:normal;font-size:13px !important}

  ul.nav.nav-pills.nav-stacked{width:100% !important;}

  .top-lang {

    margin: 0;

}

  .cls_more-details a span{width:115px;display:inline-block;padding:4px 15px 0 0px !important;}

  .restext_center .home_top{text-align:center;}

  .restext_center{text-align:center;}

  #selMenu ul ul{padding-left:15px;}

  .cls_links li{padding: 10px 0px !important;width: 100% !important;}

  .slideMenu li{padding:0px 0px !important}

  .navbar-header{background:transparent !important}

  .cls_user-box h3{font-size:18px;}

  .clstop{    text-align: center;

    padding: 5px !important;

    float: none;

    margin-top: 0px !important;}

  .slideMenu li a span {

    background:transparent !important;

    height: auto !important;

    display: block;

    line-height: 20px !important;

    padding: 0 15px !important;

    padding: 0px !important;

}

.cls_user-box.cls_jobs{background-size:auto 100%;}

}

@media (max-width:640px){

  .cls_login_signup li a{font-size:12px}

  .button_align .clsLogin_but{width:100%;margin-left:auto;margin-right:auto;font-size:12px;}

  #selMenu .clsTopmenu ul li a:hover span, #selMenu .clsTopmenu ul li a.current span{background:transparent !important;color:#fff !important;}

  .top-lang{margin-top:0px}

/*  .navbar-toggle{top:23px !important;}*/

}

@media (max-width:600px){
    .view_jobs_block .right .title .-new.float-right {
        float: none;
        display: block !important;
    }
    
    .foot_block ul {
        min-height: 115px;
    }
    
    .banner_content .feature-title > div {
        width: 100%;
    }

  .cls_job-amont{font-size:18px;}

  #selLogo h1 {

    height: 50px;

    margin-left: 0px !important;    background-size: auto 100%;

  }

  .fixedheader_logo #selLogo h1{height: 50px;margin-left:0px !important;    background-size: auto 100%;}

  #selLogo h1 a {

    display: block;

    height: 70px;

    overflow: hidden;

    text-indent: -2000em;

    width: 120px;

  }

  #demo {

    margin-bottom: 20px !important;

      margin-top: 0px !important;

}

  .jplist-ios-show {

    margin-bottom: 10px;

  }

  .content-wrap{padding:0px 0 0px 0}

  .cls_user-box.cls_user {

    height: 102px;

    width: 310px;

    background-size: auto 100%;

  margin:0px auto 20px auto;

}

.cls_user-box.cls_jobs{

  height: 102px;

    width: 310px;

    background-size: auto 100%;

  margin:0px auto 20px auto;

}

.cls_user-box.cls_work{

      height: 90px;

    width: 310px;

    background-size: auto 100%;

  margin:0px auto 20px auto;

}

  #selHowitwork h3.cls_h3-owner {

    text-align: center;

    margin-bottom: 20px !important;

}

.cls_h3user {

    margin: 5px auto 5px auto;

    width: 230px;

    padding-left: 72px;

}
}

@media (max-width:540px){
    
    .contact_second .block_size {
        width: 100%;
        margin: 20px 0;
    }

  .cls_slet-refrs{background:#ffffff;}

  .arrow-down {

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 8px solid #ffffff;

  }

  .arrow-up {

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 8px solid #ffffff;

  border-top:0px !important;

  }

/*  #selLogo h1{margin-left:28px !important;    width: 194px !important;}

  .fixedheader_logo #selLogo h1{

     width: 194px !important;

    height: 40px !important;

}*/

#selLogo h1 a {

    display: block;

    height: 40px;

    overflow: hidden;

    text-indent: 0em;

    width: 100px;

}

  #selLeftHeader {margin: 0 0 0 0px;}

  .cls_more-details span{padding:3px 8px}

  #selLogo h1{height:40px;}

 /* .navbar-toggle{top:15px !important}*/

/*  #selLangMenu span.ng-binding{display:none}*/

#selflag{margin-right: 0px;}

  #selflag .open>.dropdown-menu {

    display: block;

    width: 150px;

    top: 52px;

    left: unset;

    right: 0;

  margin-right: 0px;

}

#selflag #selLangMenu{font-size:12px;}

#header{padding:0}

.cls_login_signup > li{margin-top:0px}

   .cls_notif {

    right: 0;

    position: fixed;

    overflow: hidden;

    display: inline-block !important;

   }

.cls_checkbox .pull-left{width:100% !important;text-align:center;margin-bottom:10px}

.cls_checkbox .pull-right{width:100% !important;text-align:center;margin-bottom:10px}

.cls_checkbox, .cls_forgotpwd{margin:5px auto !important}




}

@media (max-width:480px){

  ul.nav.nav-pills.nav-stacked li {

    max-height: 35px;

    width: 100%;

}
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li {
    padding: 3px !important;
    line-height: normal;
}

}

@media (max-width:400px){

  .icon-svg-img1{left:0px;}

  .col-xs-12.cls_mail_right{padding:0;}

  select#job_id{width:50px !important;}

  .cls_h3user {

    margin: 5px auto 5px auto;

    width: 230px;

    padding-left: 0px;

    margin-top: -15px;

}

}

@media (max-width:360px){

/*  .navbar-toggle{margin-top:0px !important;}

  .cls_login_signup li a{padding:5px 0px;}

  #selflag #selLangMenu {margin-top: 11px; !important}

  #selLeftHeader {

    margin: 0 0 0 12px;

}*/

.cls_user-box.cls_jobs {

    height: 96px;

    width: 300px;

}

.cls_user-box.cls_user {

    height: 96px;

    width: 300px;

}

.cls_user-box.cls_work {

    height: 86px;

    width: 300px;

} 

}

@media only screen and (min-width:1250px) and (max-width: 1400px) {
.left_nav_menu nav.collapse.navbar-collapse .clsTopmenu>ul li {
    margin: 0 3px;
    padding: 20px 2px !important;
}
}