@import "reset.css";
@font-face{
    font-family:"cjl";
    src:url(fonts/cjl.eot);
    src:url("fonts/cjld41d.eot?#iefix") format("embedded-opentype"),url(fonts/cjl.woff) format("woff"),url(fonts/cjl.ttf) format("truetype"),url("fonts/cjl.svg#cjl") format("svg");
    font-weight:400;
    font-style:normal
}
.logo a img{
    width:68%;
    padding:3px 0
}
[data-icon]:before{
    font-family:"cjl"!important;
    content:attr(data-icon);
    font-style:normal!important;
    font-weight:normal!important;
    font-variant:normal!important;
    text-transform:none!important;
    speak:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
[class^="icon-"]:before,[class*=" icon-"]:before{
    font-family:"cjl"!important;
    font-style:normal!important;
    font-weight:normal!important;
    font-variant:normal!important;
    text-transform:none!important;
    speak:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-google-plus:before{
    content:"\67"
}
.icon-twitter:before{
    content:"\74"
}
.icon-youtube:before{
    content:"\79"
}
.icon-linkedin:before{
    content:"\69"
}
.icon-facebook:before{
    content:"\66"
}
.icon-bars:before{
    content:"\63"
}
.icon-clock:before{
    content:"\b2"
}
.icon-completed:before{
    content:"\64"
}
.icon-duplicate:before{
    content:"\65"
}
.icon-edit:before{
    content:"\68"
}
.icon-tradesmen-helmet:before{
    content:"\6a"
}
.icon-validation-error:before{
    content:"\6b"
}
.icon-close:before{
    content:"\42"
}
.icon-assigned:before{
    content:"\6d"
}
.icon-signup:before{
    content:"\62"
}
.icon-feedback:before{
    content:"\6f"
}
.icon-login:before{
    content:"\61"
}
.icon-message:before{
    content:"\71"
}
.icon-more-dot:before{
    content:"\72"
}
.icon-myjobs:before{
    content:"\73"
}
.icon-open:before{
    content:"\75"
}
.icon-share:before{
    content:"\76"
}
.icon-cancel:before{
    content:"\6c"
}
.icon-validation-right:before{
    content:"\45"
}
.icon-angle-down:before{
    content:"\6e"
}
.icon-grid-view:before{
    content:"\70"
}
.icon-list-view:before{
    content:"\77"
}
.icon-help-icon:before{
    content:"\78"
}
.icon-notification:before{
    content:"\7a"
}
.icon-icon-rating:before{
    content:"\41"
}
.icon-star:before{
    content:"\41"
}
.icon-page-edit:before{
    content:"\43"
}
.icon-eye:before{
    content:"\44"
}
.icon-jobstatus:before{
    content:"\47"
}
.icon-address:before{
    content:"\48"
}
.icon-company:before{
    content:"\49"
}
.icon-cscscard:before{
    content:"\4a"
}
.icon-attachment:before{
    content:"\4b"
}
.icon-send:before{
    content:"\4c"
}
.icon-right-open-mini:before{
    content:"\4d"
}
.icon-grid-view:before{
    content:"\70"
}
.icon-proposal:before{
    content:"\4e"
}
.icon-fixed-amount:before{
    content:"\4f"
}
.icon-slideup:before{
    content:"\50"
}
.icon-perhour:before{
    content:"\51"
}
.icon-calendar:before{
    content:"\52"
}
.icon-minicancel:before{
    content:"\6b"
}
body{
    margin:0;
    padding:0;
    color:#323a45;
    font-family:'Noto Sans',sans-serif
}
.wrapper{
    background-color:#edf7fb
}
a{
    text-decoration:none;
    outline:none
}
a:hover,a:focus{
    text-decoration:none;
    outline:none
}
hr{
    border-top:2px solid #e1edf4
}
h1{
    font-family:'Roboto',sans-serif;
    font-size:33px;
    font-weight:100;
    margin-bottom:10px;
    line-height:43px;
    color:#009fee
}
.banner{
    padding:80px 0;
    text-align:center
}
.tagline{
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    font-size:18px;
    line-height:30px;
    margin-bottom:40px
}
.banner img{
    display:inline-block
}
.btn-primary{
    background:#009fee;
    border:none
}
.btn-md{
    padding:9px 20px;
    font-size:13px
}
.btn-lg{
    padding:16px 20px;
    font-size:14px
}
.login-btn{
    padding:16px 30px
}
.banner{
    background:url(../images/banner-bg.jpg) center bottom no-repeat
}
.primary-title{
    font-family:'Roboto',sans-serif;
    font-size:22px;
    font-weight:700
}
.howitwork-button a{
    width:200px;
    margin:25px 5px 0 5px
}
.cloud-left{
    position:absolute;
    top:300px
}
.whycjl-container{
    background:#fff;
    padding:80px 0;
    text-align:center
}
.whycjl-container h1{
    margin-bottom:0
}
.nav-tabs{
    border:1px solid #009fee;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px
}
.nav-tabs>li>a{
    border:none;
    margin-right:0;
    border-radius:0
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
    color:#fff;
    background:#009fee;
    cursor:default;
    border:none
}
.nav>li>a{
    padding:20px 0
}
.nav>li>a:hover,.nav>li>a:focus{
    background:#009fee;
    color:#fff;
    cursor:pointer
}
.whycjl-container ul li{
    width:33.33%;
    border-right:1px solid #009fee
}
.whycjl-container ul li a{
    font-family:'Roboto',sans-serif;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:500;
    color:#009fee
}
.whycjl-container ul li:last-child a{
    width:100.333%
}
.whycjl-container ul li:last-child{
    border-right:none
}
.nav-tabs{
    margin:70px 0 0 0
}
.header-menu .nav-tabs{
    margin:0;
    border:none
}
#submenu .tab-pane{
    margin:0
}
.tab-pane{
    margin:50px 0 0 0;
    text-align:left;
    float:left
}
.tab-pane h2{
    font-family:'Roboto',sans-serif;
    font-size:32px;
    font-weight:400;
    margin-bottom:20px;
    margin-top:90px
}
.tab-pane p{
    color:#6b7074;
    font-size:16px;
    line-height:26px
}
.tab-img-right,.tab-img-left{
    margin-bottom:50px;
    display:inline-block
}
.tab-img-right img{
    float:right
}
.tab-img-left img{
    float:left
}
.postjobnow-container{
    background:#009fee;
    display:inline-block;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px
}
.postjobnow-container h3{
    color:#fff;
    font-size:32px;
    font-family:'Roboto',sans-serif;
    margin-bottom:10px
}
.postjobnow-container p{
    color:#fff;
    font-size:16px;
    line-height:26px
}
.postjobnow-box{
    width:70%;
    display:inline-block
}
.postjobnow-container .outline-btn{
    margin-top:27px
}
.search-categories-tag{
    padding:80px 0;
    text-align:center
}
.search-categories-tag h1{
    margin-bottom:80px
}
.search-categories-tag .tag-categories{
    display:inline-block
}
.search-categories-tag .tag-categories ul{
    list-style:none;
    border:none
}
.search-categories-tag .tag-categories ul li{
    font-family:'Roboto',sans-serif;
    font-size:14px;
    float:left;
    border:none;
    margin-right:10px;
    margin-bottom:10px;
    background:#fff;
    border:1px solid #d2dff2;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 15px
}
.search-categories-tag .tag-categories ul li a{
    color:#6b7074;
    letter-spacing:.5px;
    font-weight:500;
    font-size:14px
}
.search-categories-tag .tag-categories ul li:hover{
    background:#009fee;
    border:1px solid #0294dc
}
.search-categories-tag .tag-categories ul li:hover>a{
    color:#fff
}
.stat{
    padding:30px 0
}
stat p{
    color:#fff;
    font-family:.'Roboto',sans-serif;
    font-size:18px;
    font-weight:500
}
stat p .span{
    width:100%;
    display:inline-block;
    font-size:16px;
    font-weight:500
}
.blue-bg{
    background:#009fee
}
.support-container{
    padding:80px 0;
    background:#fff;
    text-align:center
}
.support-container p{
    font-size:18px;
    color:#6b7075
}
.support-container p a{
    color:#009fee
}
.support-container p a:hover,.support-container p a:focus{
    border-bottom:1px solid #009fee
}
.menu-mobile-icon{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    background:#009fee;
    padding:10px 10px 6px;
    text-align:center;
    display:inline-block;
    float:right;
    margin-right:20px;
    margin-top:5px
}
.menu-mobile-icon:hover{
    background:#007ebd
}
#header .menu-mobile-icon .icon{
    font-size:21px;
    color:#fff
}
.mobile-menu{
    padding:20px
}
.mobile-menu .login-area a{
    margin-bottom:20px;
    display:inline-block
}
.mobile-menu .header-action a{
    margin-bottom:20px;
    display:inline-block;
    width:100%
}
.mobile-menu .login-area a span{
    font-size:14px;
    line-height:20px;
    float:right;
    padding-left:10px;
    color:#323a45
}
.mobile-menu .login-area a{
    font-family:'Noto Sans',sans-serif;
    float:left;
    color:#323a45;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    padding-right:30px
}
.mobile-menu .icon{
    font-size:20px;
    color:#323A45
}
.mobile-menu .login-area a:hover .icon,.mobile-menu .login-area a:hover span{
    color:#009fee
}
.panel-default>.panel-heading{
    background:#f7f7f9;
    color:#666
}
.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{
    font-family:'Roboto',sans-serif;
    font-size:13px;
    text-decoration:inherit;
    text-transform:inherit;
    letter-spacing:1px;
    font-weight:500
}
.panel-heading{
    padding:20px 15px
}
.blue-bg .support-container{
    background:#009fee
}
.blue-bg .support-container p,.blue-bg .support-container h1,.blue-bg .support-container h3,.blue-bg .support-container p a{
    color:#fff
}
.blue-bg .support-container . container{
    float:left
}
.form-container label{
    font-size:14px;
    color:#7e8890;
    margin-bottom:10px;
    width:100%
}
.form-container label b{
    color:#f0a7a7;
    margin-left:5px
}
textarea{
    resize:none
}
.form-container .cus-select:after{
    position:absolute;
    top:15px;
    right:15px;
    content:'\6e';
    font-family:"cjl";
    font-size:18px;
    z-index:-1
}
.cus-select{
    position:relative;
    z-index:1;
    background:#fff
}
input[type=radio]{
    opacity:0;
    position:absolute;
    z-index:12;
    width:18px;
    height:18px
}
input[type=checkbox]:checked,input[type=radio]:checked,input[type=checkbox]:focus,input[type=radio]:focus{
    outline:none!important
}
input[type=checkbox]+.lbl,input[type=radio]+.lbl{
    position:relative;
    z-index:11;
    display:inline-block;
    margin:0;
    line-height:20px;
    min-height:18px;
    min-width:18px
}
input[type=checkbox]+.lbl.padding-16::before,input[type=radio]+.lbl.padding-16::before{
    margin-right:16px
}
input[type=checkbox]+.lbl.padding-12::before,input[type=radio]+.lbl.padding-12::before{
    margin-right:12px
}
input[type=checkbox]+.lbl.padding-8::before,input[type=radio]+.lbl.padding-8::before{
    margin-right:8px
}
input[type=checkbox]+.lbl.padding-4::before,input[type=radio]+.lbl.padding-4::before{
    margin-right:4px
}
input[type=checkbox]+.lbl.padding-0::before,input[type=radio]+.lbl.padding-0::before{
    margin-right:0
}
input[type=checkbox]:hover+.lbl::before,input[type=radio]:hover+.lbl::before,input[type=checkbox]+.lbl:hover::before,input[type=radio]+.lbl:hover::before{
    border-color:#7e8890
}
input[type=checkbox]:active+.lbl::before,input[type=radio]:active+.lbl::before,input[type=checkbox]:checked:active+.lbl::before,input[type=radio]:checked:active+.lbl::before{
    box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)
}
input[type=checkbox]:disabled+.lbl::before,input[type=radio]:disabled+.lbl::before,input[type=checkbox][disabled]+.lbl::before,input[type=radio][disabled]+.lbl::before,input[type=checkbox].disabled+.lbl::before,input[type=radio].disabled+.lbl::before{
    background-color:#7e8890!important;
    border-color:#7e8890!important;
    box-shadow:none!important;
    color:#BBB;
    color:#bbb
}
.checkbox input[type=checkbox]+label::before{
    margin-right:8px;
    font-family:"cjl";
    font-weight:400;
    font-size:11px;
    color:#7e8890;
    content:"";
    background-color:#FAFAFA;
    border:2px solid #7e8890;
    box-shadow:0 1px 2px rgba(0,0,0,.05);
    border-radius:0;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    height:19px;
    line-height:15px;
    min-width:19px;
    margin-top:-5px
}
.checkbox input[type=checkbox]:checked+label::before{
    display:inline-block;
    content:'\45';
    background-color:#F5F8FC;
    border-color:#7e8890;
    box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1)
}
.checkbox input[type=checkbox]:hover+label::before,.checkbox input[type=checkbox]+label:hover::before{
    border-color:#7e8890
}
.checkbox input[type=checkbox]:active+label::before,.checkbox input[type=checkbox]:checked:active+label::before{
    box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)
}
.checkbox tr td{
    position:relative
}
.checkbox label{
    padding-left:0
}
.radio-box{
    margin-bottom:30px;
    background:#fff;
    text-align:center;
    border:2px solid #cfdce3
}
.radio-box label span{
    color:#7e8890;
    font-weight:800;
    font-size:16px
}
.radio-box label{
    padding:15px 6%;
    margin-bottom:0;
    border-right:2px solid #cfdce3;
    width:auto
}
.radio-box label:last-child{
    border-right:none
}
.normal-radio{
    display:inline-block;
    width:100%;
    margin-bottom:20px;
    margin-top:10px
}
.form-container .normal-radio label{
    float:left;
    margin-right:20px;
    width:auto
}
.form-control{
    box-shadow:none
}
.submit-container{
    text-align:left
}
.logincontainer .submit-container{
    text-align:left
}
.forget-pass{
    float:right;
    margin-top:20px
}
.forget-pass a{
    color:#009fee;
    font-size:16px;
    font-weight:700
}
.forget-pass a:hover{
    border-bottom:1px solid #009fee
}
.checkbox-box{
    margin-bottom:15px
}
.checkbox-box label{
    font-weight:400;
    color:#323a45
}
.checkbox-box label p{
    float:right;
    font-size:14px;
    text-align:left;
    width:auto
}
.signupcontainer .checkbox-box label p{
    float:right;
    font-size:14px;
    text-align:left;
    width:94%
}
.logincontainer .checkbox-box label p{
    float:right;
    font-size:14px;
    text-align:left;
    width:auto
}
.bottomlinks{
    margin-top:30px;
    color:#323a45;
    font-size:14px
}
.bottomlinks-container{
    margin-top:30px;
    display:inline-block
}
.bottomlinks-container a,.bottomlinks a{
    font-weight:700;
    font-size:16px;
    margin-left:6px
}
.logincontainer,.signupcontainer{
    padding:0 40px
}
.has-success{
    position:relative
}
.has-error{
    position:relative
}
.has-success .form-control{
    border-color:#cfdce3;
    box-shadow:none
}
.has-success .form-control:focus,.has-error .form-control:focus{
    box-shadow:none;
    border:2px solid rgba(0,159,238,1);
    background:#fff
}
.has-error .form-control{
    box-shadow:none;
    border:2px solid rgba(250,134,134,1);
    border-color:rgba(250,134,134,1);
    position:relative;
    z-index:999
}
.has-error input,.has-error textarea{
    background:#fff9f9
}
.icon-validation-right{
    position:absolute;
    right:15px;
    top:15px
}
.icon-validation-right:before{
    color:#2ecc71
}
.icon-validation-error{
    position:absolute;
    right:15px;
    top:15px;
    z-index:999
}
.icon-validation-error:before{
    color:#fa8686;
    font-size:13px
}
.error-message{
    background:#fa8686;
    color:#fff;
    font-size:13px;
    line-height:20px;
    text-align:left;
    padding:7px 12px;
    position:relative;
    top:-1px
}
.form-box p.error-message{
    text-align:left;
    color:#fff;
    font-size:13px;
    line-height:20px
}
.popover{
    background:#627782;
    box-shadow:none;
    -webkit-box-shadow:none;
    border:none;
    border-radius:3px
}
.popover.right>.arrow:after{
    border-right-color:#627782
}
.popover.left>.arrow:after{
    border-left-color:#627782
}
.popover-content{
    color:#fff;
    font-size:13px
}
.popover-helpicon{
    display:inline-block;
    width:24px;
    height:24px;
    background:#d0dde4;
    border-radius:50%;
    padding:4px 9px;
    font-size:16px;
    color:#fff
}
.field-helpicon a{
    display:inline-block
}
.popover.right{
    margin-left:15px
}
.field-helpicon{
    position:absolute;
    right:-16px;
    top:36px
}
.close{
    font-size:10px;
    opacity:.5;
    text-shadow:none
}
.close .icon-close:before{
    color:#fff;
    font-size:10px
}
.authe-container .submit-container{
    text-align:left
}
.authe-container{
    line-height:28px
}
.authe-container .form-box p{
    padding:0 15px;
    text-align:left;
    line-height:28px
}
.authe-container .form-box .form-container{
    margin:20px 0 0 0
}
.inner-header{
    text-align:center;
    background:url(../images/banner-bg.jpg) center bottom no-repeat
}
.inner-header h1{
    //text-transform:uppercase
}
.inner-header p{
    font-size:18px;
    line-height:30px
}
.inner-content{
    padding:80px 0;
    background:#fff
}
.inner-content h2{
    color:#323a45;
    font-size:28px;
    line-height:35px;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    margin-bottom:15px
}
.inner-content p{
    color:#6b7074;
    font-size:16px;
    line-height:28px;
    margin-bottom:20px
}
.admin-container .submit-container{
    text-align:left
}
.admin-container .form-box h1{
    text-align:left;
    margin-bottom:20px
}
.admin-container .form-container{
    margin:0
}
.admin-container .form-box{
    margin:40px 0;
    padding:50px 20px;
    display:inline-block;
    width:100%
}
.admin-container h1{
    margin-top:40px;
    float:left
}
.seperation-form-top{
    margin-top:40px
}
.seperation-form-top .btn{
    float:right
}
.form-filter{
    background:#deeef6;
    margin:40px 0;
    padding:50px 20px;
    display:inline-block;
    width:100%
}
.form-filter .btn{
    margin-right:10px;
    width:100%
}
.table-responsive .icon{
    font-size:22px
}
.pagemain select{
    background:#fff;
    margin:10px 0;
    height:40px;
    position:relative;
    width:90px;
    border:none
}
.specificselect{
    position:relative
}
.specificselect:after{
    position:absolute;
    top:20px;
    left:67px;
    content:'\6e';
    font-family:"cjl";
    font-size:18px;
    z-index:1;
    color:#000
}
.table-responsive tr th{
    background-color:#009fee;
    color:#fff;
    border:1px solid #009fee!important
}
.table-striped>tbody>tr:nth-of-type(2n+1){
    background-color:#fff
}
.table-responsive .table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
    vertical-align:middle
}
.header-menu .admin-sub-menu li{
    float:none
}
.header-menu .admin-menu ul li ul.admin-sub-menu li a{
    text-transform:none;
    font-size:14px;
    color:#333;
    width:100%;
    border-bottom:1px solid #ddd;
    padding:7px 15px;
    font-weight:400;
    text-transform:capitalize
}
.header-menu .admin-menu ul li ul.admin-sub-menu li a:hover{
    background:#009fee;
    color:#fff
}
.admin-menu .caret{
    color:#fff
}
.header-menu .admin-menu .dropdown-menu{
    margin:0;
    padding:0
}
.header-menu .admin-menu ul li a{
    padding:0 5px 0 0;
    font-size:16px;
    color:#fff;
    text-transform:capitalize
}
.header-menu .admin-menu ul li{
    padding-right:20px
}
.header-menu .admin-menu ul li ul.admin-sub-menu li{
    padding-right:0
}
.breadcrumb-container{
    border-top:1px solid #d5e5ed;
    font-size:12px;
    border-bottom:1px solid #d5e5ed;
    padding:20px 0
}
.btn-orange{
    background:#fe6529;
    color:#fff
}
.btn-orange:hover,.btn-orange:focus{
    color:#fff;
    background:#ea5e27
}
.admin-header-container .header-menu{
    background:#038fd5;
    padding:10px 0
}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{
    border:none
}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{
    border-top:1px solid #d5e5ed
}
.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{
    font-size:14px;
    line-height:18px
}
.table-bordered>tbody>tr>th{
    height:40px;
    font-size:14px
}
.table-responsive .icon{
    padding:0 5px
}
.table-bordered{
    border:1px solid #d5e5ed
}
a.active-st{
    text-transform:uppercase;
    font-size:11px;
    color:#333
}
a.active-st:before{
    content:'●';
    padding-right:5px;
    font-size:18px;
    color:#6adb7c
}
a.inactive-st{
    text-transform:uppercase;
    font-size:11px;
    color:#333
}
a.inactive-st:before{
    content:'●';
    padding-right:5px;
    font-size:18px;
    color:#ff6969
}
.view-color{
    color:#009fee
}
.edit-color{
    color:#009fee
}
.profile-right p:nth-child(1){
    word-break:break-all
}
.postandfind-jobs{
    background:#fff;
    border-bottom:1px solid #dbe3e8
}
.postandfind-jobs div .col-md-6{
    padding-left:0;
    padding-right:0
}
.first-container{
    text-align:center;
    width:100%;
    display:inline-block
}
.first-container h2{
    font-family:'Roboto',sans-serif;
    font-size:32px;
    font-weight:400;
    margin-bottom:15px;
    margin-top:60px;
    color:#496471
}
.first-container p{
    color:#6b7074;
    font-size:16px;
    font-weight:400;
    font-family:'Noto Sans',sans-serif;
    color:#496471
}
.first-container img{
    margin:40px auto;
    display:block
}
.first-container .btn-lg{
    margin-bottom:80px
}
.postandfind-jobs div div:first-child .first-container{
    border-right:1px solid #dbe3e8
}
.top-tradesmen h2{
    font-family:'Roboto',sans-serif;
    font-size:32px;
    font-weight:400;
    margin:80px 0;
    text-align:center;
    color:#496471
}
.top-tradesmen{
    padding-bottom:117px
}
.job-container{
    border:1px solid #d5e5ed;
    border-radius:3px;
    width:100%;
    display:inline-block;
    margin-bottom:20px
}
.job-mini-top-box{
    background:#d7eefd;
    border-left:1px solid #d5e5ed;
    border-right:1px solid #d5e5ed;
    width:100%;
    padding:17px 25px;
    font-size:16px;
    font-weight:700;
    font-family:'Roboto',sans-serif;
    color:#323a45;
    text-transform:initial
}
.on-off{
    width:15px;
    height:15px;
    border-radius:50%;
    display:inline-block;
    background:#56b746;
    position:absolute;
    top:3px;
    right:3px
}
.profile-min-content{
    padding:20px 25px;
    display:inline-block;
    width:100%
}
.profile-circle{
    border-radius:50%;
    display:inline-block;
    height:70px;
    width:70px;
    line-height:50px;
    text-align:center
}
.first-circle{
    background:#d3dafb
}
.second-circle{
    background:#fbf4c8
}
.profile-circle .sb{
    color:#000;
    font-size:18px;
    font-weight:500;
    display:inline-block;
    text-transform:uppercase
}
.top-feature{
    background:#fff;
    display:inline-block;
    width:100%
}
.profile-left{
    margin-right:5%;
    width:25%;
    display:inline-block;
    float:left;
    text-align:center
}
.profile-right a.address:last-child{
    line-height:20px;
    font-size:12px
}
.profile-left img{
    border-radius:50%;
    height:70px;
    width:70px
}
.profile-left p{
    text-transform:capitalize;
    font-size:12px;
    font-weight:700;
    color:#496471;
    padding:10px 0;
    font-family:'Roboto',sans-serif;
    display:inline-block;
    letter-spacing:1px
}
.profile-left span{
    color:#009fee;
    font-size:18px;
    margin-right:5px
}
.home-owner{
    width:100%;
    background:#f6fbfe;
    display:inline-block;
    border-bottom:1px solid #e0e5e8
}
.home-owner .left-owner{
    border-right:1px solid #e0e5e8;
    padding:55px 0
}
.home-owner .left-owner h2{
    font-weight:400;
    line-height:66px;
    padding:20px;
    line-height:24px
}
.home-owner .left-owner p,.home-owner .left-owner img{
    line-height:28px;
    font-size:13px;
    padding:0 30px
}
.form-filter .flip{
    margin:30px 0 48px
}
.admin-container .form-filter .form-container span.flip,.admin-container .form-filter .form-container span.flip_find_job{
    width:15%
}
.home-owner .right-owner{
    border-right:0
}
.profile-left .profile-pic{
    float:left;
    margin-right:7px;
    position:relative
}
.profile-left .redcard{
    color:#eb1b4c
}
.profile-left .greencard{
    color:#057f44
}
.profile-left .dark-greycard{
    color:#B0B0B0
}
.profile-left .goldenyellowcard{
    color:#fede00
}
.profile-left .fallowcard{
    color:#bf9968;
    margin-left:13px
}
.profile-right{
    float:left;
    width:70%
}
.profile-right p,.profile-right a.address{
    font-size:13px;
    font-weight:700;
    color:#496471;
    padding-top:5px;
    font-family:'Roboto',sans-serif;
    line-height:24px;
    padding-left:0;
    cursor:default
}
.profile-right a small{
    font-size:12px;
    float:left;
    width:100%;
    display:none;
    padding-left:33px
}
.address{
    line-height:20px
}
.profile-right a:hover{
    color:#009fee
}
.profile-right p:nth-child(1){
    padding-top:0
}
.profile-right .icon-address,.icon-jobstatus,.icon-company{
    color:#009fee;
    font-size:25px;
    margin-right:8px;
    float:left
}
.profile-right .icon:before{
    float:left
}
.top-feature .form-group{
    display:inline-block;
    width:100%;
    background:#deeef6;
    padding:13px 25px;
    margin-bottom:0
}
.top-feature .control-label a{
    float:right;
    color:#009fee;
    font-size:14px;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    line-height:24px
}
.top-feature .rating{
    float:left;
    margin:0
}
.top-feature .job-mini-tag-categories ul li{
    padding:10px
}
.link-more{
    float:left
}
.link-more a{
    color:#009fee;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    display:inline-block;
    float:right
}
.top-feature .job-mini-bottom-box p{
    font-size:24px
}
.biodata{
    display:inline-block
}
.biodata p{
    color:#496471;
    font-family:'Roboto',sans-serif;
    font-size:14px;
    line-height:18px
}
.biodata ul{
    list-style:none
}
.biodata ul li{
    float:left;
    margin-right:10px;
    margin-top:20px;
    width:70px;
    height:70px;
    overflow:hidden
}
.biodata ul li img{
    width:100%
}
.biodata ul li:last-child{
    margin-right:0
}
.bio-data p{
    sans-serif;
    font-size:50 px
}
.top-feature .job-mini-bottom-box{
    padding:20px 25px;
    box-shadow:0 3px 0 #cad9e0
}
.top-feature .job-mini-bottom-box div{
    padding:0;
    margin-top:6px
}
.top-feature .btn-sm{
    font-size:11px;
    padding:10px 10px
}
.carousel{
    margin-bottom:0;
    padding:0 0 30px 0
}
.carousel-control{
    left:-4%;
    height:40px;
    width:40px;
    font-size:65px;
    background:none;
    border-radius:23px 23px 23px 23px
}
.carousel-control.right{
    right:-4%
}
.carousel-indicators{
    right:50%;
    top:auto;
    bottom:-10px;
    margin-right:-19px
}
.carousel-indicators li{
    background:#cecece
}
.carousel-indicators .active{
    background:#428bca
}
.carousel-control.left{
    top:43%;
    margin-top:0;
    background:none
}
.carousel-control.right{
    top:43%;
    margin-top:0;
    background:none
}
.carousel-control:hover,.carousel-control:focus,.carousel-control{
    color:#333;
    text-shadow:none;
    opacity:1
}
.carousel-control:hover,.carousel-control:focus{
    color:#009fee
}
.thumb-gallery{
    margin-top:20px
}
.thumb-gallery div{
    width:22%;
    height:75px;
    overflow:hidden;
    float:left;
    margin-right:4%
}
.thumb-gallery div:last-child{
    margin-right:0
}
.thumb-gallery div a img.thumbnail{
    border:none;
    padding:0;
    border-radius:0;
    width:100%
}
.thumbnail{
    border:none;
    padding:0;
    border-radius:0
}
.close{
    font-size:20px
}
.modal-footer{
    border-top:0 solid #e5e5e5
}
#modal-gallery .modal-body{
    padding:0
}
#modal-gallery .carousel{
    padding:0
}
#modal-gallery .thumbnail{
    margin-bottom:0
}
#modal-gallery .carousel-control{
    line-height:27px;
    font-size:52px
}
#modal-gallery .carousel-control.right{
    right:-8%;
    background:#fff
}
#modal-gallery .carousel-control.left{
    left:-8%;
    background:#fff
}
#footer{
    background:#44464d
}
.popup-gallery{
    margin-top:15px
}
.popup-gallery a{
    padding:0 7px 0 0;
    display:inline-block;
    margin-bottom:20px
}
.popup-gallery a:last-child{
    padding:0
}
.popup-thumb{
    width:75px;
    height:75px;
    margin-right:8px;
    overflow:hidden
}
#myPopoverContent{
    display:none
}
.single-job-header{
    background:#f6fbfe;
    border-bottom:1px solid #d5e5ed
}
.job-header-left{
    padding:50px 0;
    border-right:1px solid #d5e5ed
}
.job-header-left h2{
    font-family:'Roboto',sans-serif;
    font-size:32px;
    font-weight:700;
    margin-bottom:15px;
    color:#323a45
}
.job-mini-header{
    display:inline-block
}
.job-mini-header ul{
    list-style:none;
    border:none
}
.job-mini-header ul li{
    float:left;
    margin-right:40px
}
.job-mini-header ul li:last-child{
    margin-right:0
}
.job-mini-header ul li a{
    font-size:14px;
    font-weight:700;
    color:#496471;
    margin-bottom:0;
    font-family:'Roboto',sans-serif;
    line-height:23px;
    display:inline-block
}
.job-mini-header ul li .icon-address{
    color:#009fee;
    font-size:23px;
    margin-right:10px;
    float:left;
    font-weight:700
}
.job-mini-header .icon-clock{
    color:#009FEE;
    float:left;
    margin-right:10px;
    font-size:20px
}
.job-mini-header .icon-jobstatus{
    color:#009fee;
    font-size:23px;
    margin-right:10px;
    float:left
}
.job-mini-header p{
    font-size:14px;
    font-weight:700;
    color:#496471;
    margin-bottom:0;
    font-family:'Roboto',sans-serif;
    line-height:23px;
    display:inline-block
}
.job-mini-header .icon-assigned{
    color:#009fee;
    font-size:21px;
    font-weight:700;
    font-family:'Roboto',sans-serif;
    text-align:center;
    float:left;
    margin-right:10px
}
.job-mini-header a.single-profile-mini{
    float:left;
    margin-right:10px;
    margin-bottom:0;
    margin-top:-15px
}
.job-mini-header a.single-profile-mini img{
    border-radius:50%;
    width:47px;
    height:47px
}
.job-header-right{
    padding:50px 0 50px 20px
}
.job-header-right a{
    margin-right:10px
}
.job-header-left .job-mini-tag-categories{
    display:inline-block;
    margin:0;
    width:100%;
    margin-top:10px
}
.job-header-left .job-mini-tag-categories ul li{
    font-family:'Roboto',sans-serif;
    float:left;
    border:none;
    margin-right:10px;
    margin-bottom:0;
    background:#fff;
    border:1px solid #d2dff2;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:12px 20px
}
.job-header-left .job-mini-tag-categories ul li a{
    color:#6b7074;
    letter-spacing:.5px;
    font-weight:500;
    font-size:14px
}
.job-header-left .job-mini-tag-categories ul li:hover a{
    color:#fff
}
.job-mini-tag-categories ul li:hover{
    background:#009fee;
    border:1px solid #0294dc
}
.single-discription{
    padding-top:50px;
    padding-bottom:70px
}
.discription-left{
    border:1px solid #d5e5ed;
    display:inline-block
}
.discription-top-header{
    background:#fff;
    display:inline-block;
    width:100%;
    border-bottom:1px solid #d5e5ed;
    float:left
}
.discription-top-header .col-md-6{
    padding-left:0;
    padding-right:0
}
.discription-top-header .top-header-box{
    background:none;
    border-left:none;
    border-right:none;
    border-bottom:none;
    box-shadow:none;
    padding:0;
    display:inline-block;
    float:right
}
.discription-top-header .top-header-box p{
    color:#009fee;
    font-size:24px;
    font-weight:700;
    font-family:'Roboto',sans-serif;
    text-align:center
}
.discription-top-header .top-header-box span{
    font-size:11px;
    font-weight:500;
    text-transform:uppercase;
    color:#009fee;
    font-family:'Roboto',sans-serif;
    text-align:center
}
.discription-top-header .top-header-box div{
    display:inline-block;
    padding:30px 33px;
    text-align:center;
    border-left:1px solid #d5e5ed;
    float:left
}
.discription-bottom-part{
    display:inline-block;
    padding:30px;
    background:#f6fbfe
}
.discription-bottom-part h3{
    font-size:18px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    color:#323a45;
    margin-bottom:20px
}
.discription-bottom-part p{
    font-size:16px;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    color:#496471;
    line-height:26px;
    margin-bottom:30px
}
.attachmaent-images{
    display:inline-block;
    width:100%
}
.attachmaent-images ul{
    list-style:none;
    border:none
}
.attachmaent-images ul li{
    float:left;
    margin-right:20px;
    border:1px solid #d5e5ed
}
.attachmaent-images ul li:last-child{
    margin-right:0;
    border:1px solid transparent
}
.attachmaent-images ul li img{
    float:left;
    width:100%
}
.discription-right{
    display:inline-block
}
.discription-right .social-icon{
    display:inline-block;
    margin-bottom:20px
}
.discription-right .social-icon a:nth-child(even){
    margin-right:0
}
.discription-right .social-icon .icon{
    padding:12px 47px 12px 15px;
    border-radius:3px;
    font-size:24px;
    color:#fff;
    float:left;
    margin-bottom:20px;
    margin-right:15px
}
.discription-right .social-icon .so-facabook{
    background:#3b5998
}
.discription-right .social-icon .so-twitter{
    background:#55acee
}
.discription-right .social-icon .so-linkedin{
    background:#0077b5
}
.discription-right .social-icon .so-google{
    background:#dd4b39
}
.discription-right .social-icon .icon span{
    text-transform:uppercase;
    color:#fff;
    font-size:14px;
    font-family:'Noto Sans',sans-serif;
    font-weight:700;
    float:right;
    line-height:28px;
    margin-left:15px
}
.intrested-tradesmen{
    display:inline-block;
    width:100%
}
.tradesmen-right.tag-categories.bg-tradesmen.tradesman_profile_bg_tradesman{
    margin-top:-5px
}
.intrested-tradesmen ul{
    list-style:none
}
.intrested-tradesmen ul li{
    float:left;
    margin-right:18px;
    margin-bottom:10px
}
.intrested-tradesmen ul li a{
    display:inline-block
}
.intrested-tradesmen ul li img{
    border-radius:50%;
    width:47px;
    height:47px
}
.intrested-tradesmen h3{
    font-size:18px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    color:#323a45;
    margin-bottom:20px
}
.intrested-tradesmen .jn-circle{
    background:#eccaa1
}
.intrested-tradesmen .gg-circle{
    background:#d3dafb
}
.recent-container{
    padding-top:60px
}
.recent-container h3{
    font-size:18px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    color:#323a45
}
.activities{
    margin-top:60px;
    margin-left:40px;
    display:inline-block
}
.side-border{
    border-left:1px solid #d5e5ed
}
.activities .recent{
    display:inline-block;
    width:93%;
    border:1px solid #d5e5ed;
    background:#f6fbfe;
    padding:20px 25px
}
.activity-porfile-picture{
    float:left;
    width:5%;
    margin-right:4%;
    margin-left:-25px
}
.recent a.tips{
    float:right
}
.activities .recent p{
    color:#496471;
    font-size:16px;
    line-height:21px;
    font-family:'Roboto',sans-serif;
    font-weight:400
}
.activity-mini-circle{
    background:#fff;
    width:20px;
    height:20px;
    border-radius:50%;
    border:2px solid #d5e5ed;
    text-align:center;
    line-height:14px;
    float:left;
    margin-right:30px;
    margin-left:-11px
}
.activity-mini-circle .in-circle{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#009fee
}
.job-date{
    line-height:20px;
    float:left;
    font-size:12px;
    color:#496471;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    text-transform:uppercase
}
.date-box{
    display:inline-block;
    width:100%;
    float:left;
    margin-bottom:15px
}
.right-mark{
    background:#50c730;
    width:43px;
    height:43px;
    display:inline-block;
    border-radius:50%;
    text-align:center;
    line-height:43px;
    color:#fff
}
.you-text{
    background:#009fee;
    color:#fff;
    font-size:11px;
    font-weight:700;
    font-family:'Roboto',sans-serif
}
.activities h3{
    font-size:18px;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    color:#496471;
    margin-bottom:10px;
    display:inline-block
}
.activities .border-left{
    border-left:5px solid #50c730;
    padding:30px
}
.activities .border-left .great-review{
    font-size:14px;
    color:#009fee;
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    text-transform:none;
    float:right
}
.activities .border-left .feedback-box{
    margin-top:0;
    display:inline-block;
    width:100%
}
.upload-part .popover-helpicon{
    margin-left:10px
}
.activities .border-left .minimum-character{
    color:#84959e;
    font-size:14px;
    line-height:21px;
    display:inline-block;
    float:right;
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    margin-top:10px
}
.detail-ratings{
    display:inline-block;
    width:100%
}
.detail-ratings h3{
    margin-bottom:20px;
    margin-top:30px
}
.activities .detail-ratings .form-group{
    background:none;
    padding:0;
    margin-bottom:0;
    display:inline-block
}
.activities .detail-ratings .control-label a{
    color:#496471;
    font-size:16px;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    line-height:24px;
    float:left;
    display:inline-block;
    margin-right:0
}
.punctuality,.knowledge{
    margin-right:10px;
    display:inline-block;
    float:left
}
.flexibility{
    margin-right:25px;
    display:inline-block;
    float:left
}
.behaviour{
    margin-right:15px;
    display:inline-block;
    float:left
}
.activities .detail-ratings .rating{
    margin:0;
    float:left;
    margin-right:0
}
.group-box{
    display:inline-block;
    width:100%;
    margin-bottom:10px
}
.activities .detail-ratings .rating span:hover{
    color:#009fee
}
.upload-part{
    margin:30px 0;
    width:100%;
    display:inline-block
}
.upload-part h3{
    margin-bottom:20px
}
.feedback-box label,.rating-box label{
    font-size:18px;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    color:#496471;
    margin-bottom:20px;
    display:inline-block
}
.rating-box label{
    margin-bottom:0;
    margin-top:0
}
.browse-box input{
    background:#fff;
    border:2px solid #cfdce3;
    display:inline-block;
    width:100%;
    float:left
}
.lbl p{
    color:#323a45
}
.browse-box .browse-file{
    float:right;
    font-size:14px;
    font-family:'Noto Sans',sans-serif;
    font-weight:700;
    padding:10px 28px;
    letter-spacing:.8px;
    text-transform:uppercase;
    color:#fff
}
.upload-part small{
    color:#84959e;
    font-size:14px;
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    text-transform:none;
    margin-top:15px;
    display:inline-block
}
.upload-part .dimention{
    float:left
}
.upload-part .format{
    float:right
}
.checkbox{
    width:100%;
    display:inline-block;
    margin-top:40px;
    margin-bottom:0
}
.activities .checkbox p{
    font-size:14px;
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    color:#323a45
}
.activities .checkbox span{
    float:left;
    margin-right:10px
}
.btn-lg{
    border-radius:3px;
    font-size:14px;
    font-family:'Noto Sans',sans-serif;
    font-weight:700;
    padding:15px 20px;
    letter-spacing:.8px
}
.activities .part-6{
    margin-top:30px;
    padding:30px;
    width:100%;
    border-left:none;
    display:inline-block;
    border:1px solid #d5e5ed;
    border-left:none;
    background:#f6fbfe
}
.activities .form-control{
    border:2px solid #cfdce3
}
.activity-porfile-picture a.single-profile-mini{
    float:left;
    margin-right:10px;
    margin-bottom:0
}
.activity-porfile-picture a.single-profile-mini img{
    border-radius:50%;
    width:47px;
    height:47px
}
.head-box{
    margin-top:40px
}
.activity-porfile-picture .icon-validation-right{
    position:inherit;
    right:0;
    top:0
}
.activity-porfile-picture .icon-validation-right::before{
    color:#fff
}
.attacment-part{
    float:right;
    margin-top:30px
}
.attach{
    color:#009fee;
    font-size:30px;
    display:inline-block;
    float:left
}
.attach:hover{
    color:#009fee
}
.attacment-part .bg-send{
    font-size:30px;
    background:#009fee;
    color:#fff;
    padding:9px 33px;
    border-radius:3px;
    margin-left:10px;
    display:inline-block
}
input.bg-send{
    border:none
}
.attacment-part .bg-send:hover{
    background:#007ebd
}
.checkbox-container{
    float:left;
    width:100%;
    margin:15px 0 35px
}
.bootstrap-filestyle input{
    height:50px;
    background:#fff
}
.bootstrap-filestyle .btn-lg{
    height:50px
}
.sub-menu .breadcrumb>li a{
    font-size:12px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    color:#009fee;
    text-transform:uppercase
}
.sub-menu .breadcrumb .active{
    color:#496471;
    font-size:12px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    text-transform:uppercase
}
.sub-menu .breadcrumb{
    background:none;
    padding:8px 0;
    margin-bottom:0
}
.sub-menu .breadcrumb>li + li::before{
    display:none
}
.sub-menu .icon-right-open-mini{
    font-size:22px;
    color:#496471;
    float:right;
    display:inline-block;
    line-height:0
}
.activities .form-control:focus{
    box-shadow:none;
    border:2px solid rgba(0,159,238,1)
}
.messege-send-button .icon{
    color:#fff;
    font-size:30px
}
.messege-send-button{
    position:relative;
    float:right
}
.messege-send-button .icon-send::before{
    position:absolute;
    pointer-events:none;
    padding:9px 28px
}
.bootstrap-filestyle label.btn-default{
    background-color:transparent;
    border:none;
    outline:none;
    box-shadow:none
}
.bootstrap-filestyle label.btn-default:focus,.bootstrap-filestyle label.btn-default:hover{
    outline:none;
    background:none;
    box-shadow:none
}
.left-side{
    color:#323a45;
    font-family:'Roboto',sans-serif;
    font-weight:400
}
.left-side h2{
    font-size:24px;
    font-weight:500;
    margin:40px 0
}
.feedback-left{
    border:1px solid #d5e5ed;
    border-radius:3px;
    color:#496471;
    background:#fff;
    display:inline-block;
    font-size:16px;
    margin-bottom:60px;
    box-shadow:0 2px 0 #cad9e0
}
.feedback-left .job-container{
    border:none;
    margin-top:0
}
.feedback-left .job-mini-top-box a{
    color:#496471;
    color:#496471;
    font-size:18px;
    font-weight:700;
    line-height:24px
}
.feedback-left .job-mini-top-box a:hover{
    color:#009fee
}
.feedback-left .job-mini-top-box{
    background:#deeef6;
    border:none;
    padding:17px 20px
}
.feedback-left .job-mini-top-box .share-container{
    font-weight:700
}
.feedback-left .job-posted-date{
    float:right;
    display:inline-block;
    margin-right:20px
}
.feedback-left .job-posted-date p{
    padding-left:5px;
    padding-right:0
}
.feedback-discripton{
    padding:20px
}
.feedback-discripton h4{
    font-weight:700;
    margin-bottom:10px;
    display:inline-block
}
.feedback-discripton p{
    line-height:24px
}
.feedback-left .rating-box-and-profile-pic{
    display:inline-block;
    width:100%;
    padding:17px 20px;
    float:left;
    background:#f1f9ff;
    border-bottom:1px solid #d5e5ed;
    border-top:1px solid #d5e5ed
}
.feedback-left .rating-box-and-profile-pic .tradesmen-profile-mini{
    width:52px;
    height:52px;
    overflow:hidden;
    float:left;
    position:absolute;
    bottom:0;
    left:0
}
.feedback-left .rating-box-and-profile-pic p{
    font-size:16px;
    font-weight:700;
    margin-bottom:10px
}
.feedback-left .rating-box-and-profile-pic .icon-address{
    color:#009fee;
    font-size:25px;
    margin-right:0;
    float:left
}
.feedback-left .rating-box-and-profile-pic .address{
    font-size:14px;
    font-weight:700;
    color:#496471;
    margin-bottom:0;
    font-family:'Roboto',sans-serif;
    line-height:28px;
    padding-left:10px;
    display:inline-block
}
.feedback-left .rating-box-and-profile-pic a:hover{
    color:#009fee
}
.feedback-left .rating-box-and-profile-pic .btn-sm:hover{
    color:#fff
}
.feedback-left .rating-box-and-profile-pic .form-group{
    display:inline-block;
    margin-bottom:0;
    margin-top:6px
}
.feedback-left .rating-box-and-profile-pic label{
    margin-top:0;
    margin-bottom:0;
    font-size:16px
}
.feedback-left .rating{
    margin-bottom:0;
    margin-top:5px
}
.feedback-left .rating-box-and-profile-pic .btn-sm{
    float:right;
    margin-left:20px;
    font-size:13px;
    font-weight:700;
    padding:10px 18px;
    margin-top:6px
}
.rating-right{
    float:right
}
.feedback-left .detail-ratings{
    padding:20px
}
.feedback-left .detail-ratings .rating-part{
    display:inline-block;
    float:left
}
.feedback-left .detail-ratings .rating-part h4{
    font-weight:700;
    margin-bottom:0
}
.feedback-left .detail-ratings .form-group{
    margin-bottom:10px
}
.feedback-left .detail-ratings .form-group .col-md-4{
    padding-left:0;
    margin-bottom:10px
}
.feedback-left .detail-ratings .form-group .col-md-8{
    margin-bottom:10px
}
.feedback-left .detail-ratings .rating{
    margin-top:0;
    display:inline-block
}
.feedback-left .detail-ratings label{
    float:left;
    font-weight:400;
    line-height:22px
}
.feedback-left .complete-job{
    padding:0;
    display:inline-block;
    margin-left:40px;
    float:left;
    width:43%
}
.feedback-left .detail-ratings .complete-job h3{
    font-weight:700;
    margin:0
}
.all-group{
    float:left;
    display:inline-block;
    margin-top:20px
}
.feedback-right{
    color:#323a45;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    padding-left:20px
}
.feedback-right h2{
    font-size:24px;
    font-weight:500;
    margin:40px 0
}
.feedback-right .pending-box{
    color:#496471;
    background:#fff;
    border:1px solid #d5e5ed;
    box-shadow:0 2px 0 #cad9e0;
    margin-bottom:30px
}
.feedback-right .pending-box h3{
    font-size:18px;
    font-weight:700;
    padding:20px
}
.feedback-right .bottom-text a{
    display:inline-block;
    font-size:16px;
    color:#009fee;
    font-weight:700;
    padding:20px
}
.feedback-right .bottom-text{
    border-top:1px solid #d5e5ed;
    padding-bottom:20px
}
.feedback-right .bottom-text .btn-lg{
    margin-left:20px;
    padding:10px 20px;
    font-size:13px;
    color:#fff
}
.feedback-left .job-mini-top-box .share-container a{
    font-size:12px;
    color:#009fee
}
.profile-text{
    float:left;
    margin-left:36%
}
.profile-part{
    display:inline-block;
    position:relative
}
.postjob-detail div li ul{
    list-style:none;
    border:none
}
.postjobform-body a:hover{
    color:#009fee
}
.postjobform-body .btn-primary:hover{
    color:#fff
}
.postjobform-body{
    border-top:1px solid #d5e5ed
}
.postjobform-body h2{
    text-align:center;
    font-size:33px;
    color:#323a45;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    margin:50px 0
}
.postjob-container{
    color:#84959e;
    font-size:14px;
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    background:#fff;
    border:2px solid #d5e5ed;
    margin-bottom:80px
}
.postjobform-body .form-container .postjob-detail{
    padding:40px;
    padding-bottom:20px;
    width:100%;
    border-bottom:2px solid #d5e5ed
}
.postjobform-body .form-container .postjob-detail label{
    font-size:16px;
    color:#323a45;
    font-weight:700;
    margin-bottom:15px;
    line-height:25px
}
.postjobform-body .form-container .postjob-detail label b{
    color:#f0a7a7;
    margin-left:5px
}
.postjobform-body .form-container .postjob-detail p{
    line-height:25px;
    margin-bottom:20px
}
.postjobform-body .form-container .postjob-detail .form-control{
    border:2px solid #d5e5ed;
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    font-size:14px
}
.form-control:focus{
    box-shadow:none
}
.postjobform-body .form-container .postjob-detail .form-control:focus{
    border:2px solid rgba(0,159,238,1);
    box-shadow:none
}
.postjobform-body .form-container .postjob-detail .disabled{
    margin-bottom:0
}
.jobtitle{
    width:100%;
    margin-bottom:20px
}
.liketopay{
    width:100%;
    display:inline-block;
    border:2px solid #d5e5ed;
    margin-bottom:20px
}
.quetion-area{
    position:relative;
    margin-bottom:20px;
    display:inline-block;
    width:100%
}
.quetion-area .icon-minicancel:before{
    position:absolute;
    top:0;
    right:-25px;
    font-size:11px
}
.icon-minicancel:before{
    color:#323a45
}
.liketopay .cmp-items{
    text-align:center;
    display:inline-block;
    border-right:2px solid #d5e5ed;
    width:187px;
    height:auto;
    transition:all ease 0.6s;
    padding:30px 0;
    float:left
}
.liketopay .cmp-items:last-child{
    border-right:none
}
.liketopay .cmp-items p{
    text-transform:uppercase;
    color:#84959e;
    font-weight:700;
    margin-top:15px;
    transition:all ease 0.6s
}
.liketopay .cmp-items span{
    border-bottom:2px solid #d5e5ed;
    margin:0 auto;
    margin-top:15px;
    width:70px;
    transition:all ease 0.6s
}
.liketopay .cmp-items:hover span{
    border-color:#859061
}
.liketopay .cmp-items:hover{
    background:#e6edce;
    border-color:#e6edce
}
.liketopay .cmp-items:hover p{
    color:#859061
}
.radio-part .radio-inline{
    padding-left:0
}
.postjobform-body .form-container .radio-part .radio-inline label{
    margin-right:25px;
    width:auto
}
.postjobform-body .form-container .radio-part label{
    padding-left:0;
    margin-bottom:0
}
.radio-part{
    margin-bottom:20px
}
.radio-part label span{
    font-size:14px;
    font-weight:400
}
.budget label{
    margin-bottom:10px;
    margin-top:30px
}
.preference{
    padding:30px 40px;
    cursor:pointer
}
.preference p{
    margin-bottom:20px;
    color:#323a45;
    line-height:25px
}
.postjobform-body .form-container .postjob-detail .control-label{
    margin-bottom:0
}
.add-more{
    color:#009fee;
    font-size:14px;
    font-weight:700;
    font-family:'Noto Sans',sans-serif;
    margin-top:10px;
    display:inline-block;
    cursor:pointer
}
.postjobform-body .form-container small{
    float:right;
    display:inline-block;
    margin-top:10px
}
.preview{
    font-size:16px;
    font-weight:700;
    color:#009fee;
    margin-left:10px;
    display:inline-block
}
.postjobform-body .form-container .postjob-detail .btn-md{
    padding:16px 34px;
    font-size:14px;
    margin-bottom:0;
    margin-right:20px
}
.postjobform-body .form-container .postjob-detail:last-child{
    padding-bottom:40px;
    border-bottom:none
}
.postjobform-body .form-container .postjob-detail .popover-helpicon{
    line-height:15px;
    margin-left:5px
}
.postjobform-body .form-container{
    margin-top:0
}
.radio-inline + .radio-inline{
    margin-left:0
}
#dp3{
    margin-bottom:20px;
    position:relative
}
#dp3 input{
    width:100%
}
.postjobform-body .input-append .add-on{
    display:inline-block;
    text-align:center;
    text-shadow:0 1px 0 #fff;
    vertical-align:middle;
    background-color:#ecf0f2;
    border-left:2px solid #cfdce3;
    margin-left:-58px;
    position:absolute;
    right:2px;
    top:2px
}
.postjobform-body .input-append.date .add-on i{
    width:50px;
    height:41px;
    display:block;
    cursor:pointer
}
.postjobform-body .icon-calendar::before{
    font-size:21px;
    line-height:38px
}
.postjobform-body #tradesmenpreference{
    color:#009fee;
    font-size:20px;
    font-weight:700;
    font-family:'Noto Sans',sans-serif;
    display:inline-block;
    background-color:#fff;
    border:none;
    margin-bottom:20px
}
.icon-slideup::before{
    transition:.3s;
    line-height:27px
}
.postjobform-body #tradesmenpreference.down .icon-slideup::before{
    transform:rotate(180deg);
    line-height:27px
}
.postjobform-body .icon-slideup::before{
    line-height:21px;
    font-size:27px;
    float:left;
    margin-right:10px
}
.postjobform-body #tradesmenpreference-container{
    padding:0;
    display:none;
    background-color:#fff;
    padding-bottom:0
}
.postjobform-body .form-container .cus-select::after{
    color:#323a45
}
.input-group-addon{
    padding:0 12px;
    background:#ecf0f2;
    border:2px solid #d5e5ed;
    font-size:19px;
    color:#8c9599
}
.input-group-addon .icon-calendar{
    color:#8c9599
}
.postjobform-body .form-container .postjob-detail .cc-selector label{
    margin-bottom:0
}
.form-container .cc-selector label{
    width:62px
}
.cc-selector input{
    margin:0;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter:none;
    -moz-filter:none;
    filter:none
}
.visa{
    background-image:url(../images/per-hour.html)
}
.mastercard{
    background-image:url(../images/need-preposal.html)
}
.fixed-amount{
    background-image:url(../images/fixed-amount.html)
}
.cc-selector-2 input:active +.drinkcard-cc,.cc-selector input:active +.drinkcard-cc{
    opacity:.9
}
.cc-selector-2 input:checked +.drinkcard-cc,.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter:none;
    -moz-filter:none;
    filter:none
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;
    height:70px;
    -webkit-transition:all 100ms ease-in;
    -moz-transition:all 100ms ease-in;
    transition:all 100ms ease-in;
    -webkit-filter:brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter:brightness(1.8) grayscale(1) opacity(.7);
    filter:brightness(1.8) grayscale(1) opacity(.7)
}
.drinkcard-cc:hover{
    -webkit-filter:brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter:brightness(1.2) grayscale(.5) opacity(.9);
    filter:brightness(1.2) grayscale(.5) opacity(.9)
}
.upload-div .attacment-part{
    float:left;
    width:100%;
    margin-top:0
}
.upload-div .attacment-part .buttonText{
    text-transform:none;
    letter-spacing:0;
    font-size:14px;
    color:#10a5ef
}
.upload-div .attacment-part .attach label{
    padding:0
}
ul{
    list-style:none
}
.tradesmen-proflie-header{
    background:#f6fbfe;
    border-bottom:1px solid #d5e5ed
}
.tradesmen-proflie-left{
    padding:40px 0;
    border-right:1px solid #d5e5ed;
    display:inline-block;
    width:100%
}
.tradesmen-proflie-left .profile-rating-part{
    float:left;
    position:relative;
    width:15%
}
.tradesmen-proflie-left .profile-pic{
    float:left;
    margin-right:7px;
    width:100%;
    cursor:default;
    margin-bottom:10px
}
.tradesmen-proflie-left img{
    border-radius:50%;
    height:111px;
    width:111px
}
.tradesmen-proflie-left .control-label{
    font-size:12px;
    color:#496471;
    margin-bottom:10px;
    width:100%;
    text-transform:capitalize;
    letter-spacing:.5px;
    text-align:left
}
.profile-rating-part .rating-group .rating{
    margin-bottom:10px
}
.tradesmen-proflie-left .on-off{
    top:5px;
    right:23%;
    margin-left:0
}
.profile-details{
    display:inline-block;
    margin-left:7%
}
.profile-details h2{
    font-size:32px;
    color:#323a45;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    margin:10px 0
}
.profile-details ul{
    list-style:none
}
.profile-details ul li{
    margin-bottom:6px;
    width:100%
}
.profile-details .icon-address,.profile-details .icon-company{
    color:#009fee;
    font-size:25px;
    margin-right:8px;
    display:inline-block;
    float:left
}
.profile-details a small{
    font-size:12px
}
.profile-details a{
    font-size:14px;
    font-weight:700;
    color:#496471;
    font-family:'Roboto',sans-serif;
    line-height:30px
}
.profile-details p{
    font-size:14px;
    font-weight:700;
    color:#496471;
    font-family:'Roboto',sans-serif;
    line-height:22px;
    display:inline-block;
    padding-top:7px
}
.profile-details .icon-cscscard{
    font-size:35px;
    margin-right:8px;
    float:left
}
.profile-details .redcard{
    color:#eb1b4c
}
.profile-details .greencard{
    color:#057f44
}
.tradesmen-profile-right{
    padding-top:38px;
    padding-left:30px;
    display:inline-block;
    width:100%
}
.tradesmen-profile-right .box1{
    text-transform:uppercase;
    color:#496471;
    font-size:11px;
    padding:27px 18px;
    background:#fff;
    text-align:center;
    display:inline-block;
    border:1px solid #d5e5ed;
    font-weight:600;
    float:left;
    border-right:none
}
.tradesmen-profile-right .box1 p,.tradesmen-profile-right .box2 p{
    letter-spacing:.2px;
    line-height:20px;
    text-transform:capitalize
}
.tradesmen-profile-right .box1 h2,.tradesmen-profile-right .box2 h2{
    font-size:30px;
    font-weight:700
}
.tradesmen-profile-right .box2{
    color:#009fee;
    text-transform:uppercase;
    font-size:11px;
    padding:27px 0;
    background:#fff;
    text-align:center;
    display:inline-block;
    border:1px solid #d5e5ed;
    font-weight:600;
    width:90px
}
.tradesmen-left{
    display:inline-block;
    width:100%;
    margin:60px 0;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    font-size:16px;
    color:#496471
}
.tradesmen-left .bg-tradesmen,.tradesmen-right.bg-tradesmen{
    background:#f6fbfe;
    border:1px solid #d5e5ed;
    margin-bottom:9px;
    display:inline-block;
    width:100%;
    border-radius:3px
}
.bg-tradesmen h3{
    font-size:18px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    color:#323a45;
    display:inline-block
}
.tradesmen-left .tag-categories,.tradesmen-right.tag-categories{
    display:inline-block;
    float:left;
    padding:30px;
    padding-bottom:20px
}
.tradesmen-left .tag-categories ul li:hover{
    background:#009fee;
    border:1px solid #0294dc
}
.tradesmen-left .tag-categories ul li:hover>a{
    color:#fff
}
.tradesmen-left .tag-categories ul li a{
    color:#6b7074;
    letter-spacing:.5px;
    cursor:default;
    font-weight:500;
    font-size:14px
}
.tradesmen-left .tag-categories ul li{
    font-family:'Roboto',sans-serif;
    font-size:14px;
    float:left;
    border:none;
    margin-right:10px;
    margin-bottom:10px;
    background:#fff;
    border:1px solid #d2dff2;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 15px
}
.tradesmen-left .about-me{
    display:inline-block;
    width:100%;
    padding:30px
}
.tradesmen-left .about-me p{
    line-height:25px;
    margin-top:20px;
    font-size:12px;
    word-wrap:break-word
}
.tradesmen-feedback{
    padding:30px;
    display:inline-block;
    width:100%
}
.tradesmen-feedback h3{
    padding-top:7px
}
.tradesmen-feedback .sort-combo{
    float:right
}
.tradesmen-feedback .combo select{
    min-width:110px;
    height:33px;
    font-size:14px;
    font-family:'Roboto',sans-serif;
    padding:5px 55px 5px 15px;
    border:1px solid #d5e5ed;
    color:#496471;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    background:transparent;
    outline:none;
    display:inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    z-index:999;
    position:relative
}
.tradesmen-rating .rating{
    margin:15px 0;
    width:100%;
    display:inline-block
}
.tradesmen-rating{
    border-top:1px solid #d5e5ed;
    padding:30px
}
.tradesmen-rating a{
    color:#009fee;
    line-height:3px;
    font-weight:700
}
.tradesmen-rating p{
    line-height:25px;
    font-size:14px;
    word-wrap:break-word
}
.tradesmen-rating strong{
    text-transform:capitalize;
    font-size:12px;
    font-weight:900;
    margin-top:10px;
    display:inline-block
}
.tradesmen-rating .job-posted-date{
    display:inline-block;
    float:right
}
.tradesmen-portfolio{
    padding:30px;
    display:inline-block;
    width:100%
}
.tradesmen-portfolio ul li{
    float:left;
    margin-right:20px;
    border:1px solid #d5e5ed;
    margin-top:20px
}
.tradesmen-portfolio ul li img{
    float:left;
    width:100%
}
.tradesmen-qualification{
    padding:30px
}
.tradesmen-qualification .passing-year-details{
    display:inline-block;
    width:100%;
    margin-top:40px
}
.tradesmen-qualification .passing-year-details p{
    padding-top:10px;
    font-size:13px;
    line-height:19px
}
.tradesmen-qualification .passing-year-details span{
    background:#e1eef4;
    border-radius:25px;
    padding:8px 16px;
    display:inline-block;
    font-weight:700;
    font-size:14px;
    float:left
}
.tradesmen-qualification .passing-year-details h4{
    font-size:16px;
    font-weight:700
}
.passing-year{
    margin-left:13%;
    margin-bottom:10px
}
.work-history{
    padding:30px;
    border-top:1px solid #d5e5ed
}
.icon-right{
    float:left;
    margin-right:4px
}
.work-history:first-child{
    border-top:none
}
.work-history span{
    text-transform:inherit;
    font-size:14px;
    width:100%;
    display:inline-block;
    color:#323a45;
    margin-top:10px
}
.work-history h2{
    font-weight:700;
    font-size:18px;
    color:#323a45;
    margin-top:10px;
    line-height:41px
}
.work-history small{
    color:#848e9c;
    font-size:14px;
    font-weight:500;
    margin:10px 0;
    display:inline-block;
    font-style:italic
}
.work-history p{
    line-height:25px;
    font-size:12px
}
.tradesmen-right h3{
    font-size:18px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    color:#323a45;
    display:inline-block;
    margin-bottom:20px
}
.tradesmen-right .tradesmen-rating-distribution{
    display:inline-block;
    width:100%
}
.tradesmen-right .tradesmen-rating-distribution .rating{
    float:left;
    margin-right:7%;
    margin-bottom:0;
    margin-top:0
}
.tradesmen-right .rating-distribution{
    display:inline-block;
    width:100%;
    margin-bottom:10px
}
.tradesmen-right .rating-distribution a{
    color:#496471;
    font-size:14px;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    cursor:default;
    line-height:25px;
    display:inline-block
}
.similar-tradesmen .intrested-tradesmen{
    border-top:none
}
.tradesmen-right .more-btn{
    line-height:40px;
    float:left;
    margin-left:10px;
    font-size:14px;
    color:#009fee;
    text-decoration:underline;
    font-family:'Roboto',sans-serif
}
.top-trades{
    display:inline-block;
    width:100%;
    padding:20px 0
}
.top-trades h3{
    margin-bottom:20px
}
.top-trades .tag-categories ul li{
    font-family:'Roboto',sans-serif;
    font-size:14px;
    float:left;
    border:none;
    margin-right:10px;
    margin-bottom:10px;
    background:#fff;
    border:1px solid #d2dff2;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:12px 15px
}
.top-trades .tag-categories ul li a{
    color:#6b7074;
    letter-spacing:.5px;
    font-weight:500;
    font-size:14px
}
.top-trades .tag-categories ul li:hover>a{
    color:#fff
}
.top-trades .tag-categories ul li:hover{
    background:#009fee;
    border:1px solid #0294dc
}
.contain{
    width:auto;
    margin:0;
    padding:0;
    right:0;
    top:50px
}
.notificationicon:hover{
    background:rgba(0,0,0,.5)
}
.notificationicon:hover i{
    color:#fff
}
.notificationicon.on i{
    color:#ddd
}
.notifications{
    max-width:300px;
    width:300px;
    padding:0;
    opacity:0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.notifications:before{
    content:'';
    height:10px;
    width:10px;
    display:block;
    position:absolute;
    top:-20px;
    right:10px;
    border:10px solid #fff;
    border-color:transparent transparent #fff transparent
}
.notifications.open{
    opacity:1;
    transition:.2s
}
.notifications li{
    padding:10px 15px;
    list-style-type:none
}
.notifications li.titlebar{
    border-bottom:1px solid #d5e5ed;
    color:#323a45;
    font-size:16px;
    font-weight:600;
    cursor:inherit;
    padding:15px 10px;
    float:none
}
.notifications li.titlebar:hover{
    background:#fff
}
.notifications li.titlebar .settings{
    float:right;
    cursor:pointer
}
.notifications li.seeall{
    background:#deeef6;
    width:100%;
    text-align:center;
    font-size:12px;
    min-height:40px;
    text-transform:uppercase;
    position:relative;
    border-top:1px solid #d5e5ed
}
.notifications li.seeall a{
    text-align:center;
    color:#007fff;
    width:100%;
    font-size:14px;
    font-weight:600;
    padding-top:8px
}
.notifications .notifbox{
    max-height:400px;
    width:109%;
    overflow:auto
}
.notifications .notifbox li{
    color:#496471
}
.notifications .notifbox li a{
    color:#496471;
    display:inline-block
}
.notifications .notifbox li.unread{
    background:#edf7fb;
    float:none
}
.notifications .notifbox li.notif{
    min-height:70px;
    width:100%;
    border-bottom:1px solid #d5e5ed;
    position:relative
}
.notifications .notifbox li:hover{
    background:#deeef6
}
.notifications .notifbox li.notif:last-child{
    border-bottom:none
}
.notifications .notifbox li.notif .imageblock{
    width:70px;
    position:absolute;
    left:5px
}
.notifications .notifbox li.notif .imageblock .notifimage{
    height:60px
}
.notifications .notifbox li.notif .messageblock{
    width:100%;
    position:relative;
    color:#496471;
    left:0;
    font-size:14px
}
.notifications .notifbox li.notif .messageblock .message a{
    color:#007fff
}
.notifications .notifbox li.notif .messageblock .messageaction{
    min-height:30px;
    margin-bottom:5px
}
.notifications .notifbox li.notif .messageblock .messageaction .button{
    font-weight:400;
    text-transform:uppercase
}
.notifications .notifbox li.notif .messageblock .messageaction .button.success,.notifications .notifbox li.notif .messageblock .messageaction .button.alert{
    color:#fff
}
.notifications .notifbox li.notif .messageblock .messageinfo{
    font-size:12px;
    color:#a0b5bf;
    padding-top:7px;
    line-height:15px;
    font-weight:900
}
.badge{
    position:absolute;
    top:30px;
    right:-20px
}
.messageinfo .icon-clock::before{
    float:left;
    font-size:15px;
    padding-right:5px
}
.notifications .notifbox li.notif .messageblock .message{
    line-height:22px
}
.dropdown .animated{
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s
}
#scrollbar{
    height:300px;
    width:100%!important
}
#scrollbox{
    overflow:auto;
    width:103%!important
}
.track{
    width:7px;
    background:rgba(0,0,0,0);
    margin-right:2px;
    border-radius:10px;
    -webkit-transition:background 250ms linear;
    transition:background 250ms linear
}
.track:hover,.track.dragging{
    background:#d9d9d9;
    background:rgba(0,0,0,.15)
}
.handle{
    width:7px;
    right:0;
    background:#999;
    background:rgba(50,58,69,.4);
    border-radius:7px;
    -webkit-transition:width 250ms;
    transition:width 250ms
}
ul.header-dashboard-menu li a.handle{
    padding:0
}
.track:hover .handle,.track.dragging .handle{
    width:7px
}
.homeowner-setting{
    display:inline-block;
    width:100%;
    color:#323a45;
    margin-bottom:80px
}
.homeowner-setting h1{
    font-size:24px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    margin:30px 0
}
.homeowner-setting .nav-tabs>li.active>a{
    border-bottom:2px solid #009fee;
    background:none;
    color:#009fee;
    font-size:16px;
    font-weight:700;
    font-family:'Roboto',sans-serif
}
.homeowner-setting .nav-tabs>li>a{
    background:none;
    color:#496471;
    font-size:16px;
    font-weight:700;
    padding:20px 10px;
    font-family:'Roboto',sans-serif
}
.homeowner-setting .panel{
    background:none;
    border:none
}
.homeowner-setting .panel-default>.panel-heading{
    background:none
}
.homeowner-setting .panel-title>a{
    text-transform:none;
    color:#496471;
    font-weight:700
}
.homeowner-setting .fw-previous-tab-pane{
    margin-top:0
}
.homeowner-setting .nav-tabs>li{
    float:left;
    margin-bottom:-2px;
    margin-right:8px
}
.homeowner-setting .nav-tabs>li>a:hover{
    color:#009fee;
    border-bottom:2px solid #009fee
}
.homeowner-setting .nav-tabs{
    border:none;
    border-bottom:2px solid #d5e5ed
}
.homeowner-setting .tab-pane{
    margin-top:40px;
    float:left;
    width:100%
}
.homeowner-setting .tab-pane .paragraph{
    font-size:16px;
    color:#496471;
    font-weight:400;
    font-family:'Roboto',sans-serif
}
.homeowner-setting .tab-pane .btn-lg{
    font-size:14px;
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    letter-spacing:1px;
    font-weight:700;
    padding:15px 21px;
    border:none
}
.homeowner-setting .nav-tabs{
    margin-top:0
}
.setting-data{
    border:1px solid #d5e5ed;
    display:inline-block;
    width:100%;
    margin:40px 0
}
.setting-data .setting-data-heading{
    background:#f6fbfe;
    color:#323a45;
    display:inline-block;
    width:100%;
    float:left
}
.setting-data .setting-data-heading label{
    color:#323a45;
    font-size:16px;
    font-family:'Noto Sans',sans-serif;
    font-weight:700;
    padding:20px 0
}
.setting-data .setting-row{
    padding:15px 0;
    display:inline-block;
    width:100%;
    border-top:1px solid #d5e5ed
}
.setting-data .setting-row h3{
    color:#323a45;
    font-size:18px;
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    padding:14px 0
}
.setting-data .setting-row .email-time{
    border:2px solid #d5e5ed;
    background:#fff;
    display:inline-block;
    width:100%
}
.setting-data .setting-row .email-time .email-clock{
    background:#ecf0f2;
    padding:11px 15px;
    float:right;
    display:inline-block;
    border-left:2px solid #d5e5ed
}
.setting-data .setting-row p{
    padding:8px;
    display:inline-block;
    font-size:14px;
    font-family:'Noto Sans',sans-serif;
    font-weight:400;
    color:#323a45
}
.setting-data .setting-row .icon-clock::before{
    font-size:18px;
    color:#8b959a
}
.setting-data .setting-row .onoffswitch{
    margin:10px 0
}
.homeowner-setting .form-group{
    margin-bottom:30px
}
.homeowner-setting .panel-default>.panel-heading + .panel-collapse>.panel-body{
    border:none
}
.homeowner-setting .panel{
    box-shadow:none
}
.change-password-form,.profile-form{
    margin-top:10px
}
.change-password-form label,.profile-form label{
    font-size:16px;
    font-family:'Noto Sans',sans-serif;
    font-weight:600;
    color:#323a45;
    margin-bottom:20px;
    width:100%
}
.change-password-form label b,.profile-form label b{
    color:#f0a7a7;
    margin-left:5px
}
.change-password-form input,.profile-form input{
    border:2px solid #cfdce3;
    padding:10px;
    border-radius:2px
}
.change-password-form .btn-lg{
    border:none
}
.profile-form .btn-lg{
    border:none
}
.profile-form .control-label{
    margin-bottom:20px
}
.setting-profile{
    display:inline-block;
    margin-top:20px;
    margin-bottom:60px
}
.setting-profile .single-profile-mini{
    width:auto;
    height:auto
}
.setting-profile a{
    float:left
}
.setting-profile .gg-circle{
    display:inline-block;
    color:#000;
    text-transform:uppercase;
    font-size:26px;
    width:110px;
    height:110px;
    border-radius:50%;
    text-align:center;
    line-height:105px;
    background:#d3e6fb;
    display:inline-block;
    font-family:'Roboto',sans-serif;
    font-weight:700
}
.setting-upload-part .buttonText{
    color:#fff
}
.setting-upload-part{
    display:inline-block;
    color:#496471;
    font-family:'Roboto',sans-serif;
    margin-left:30px
}
.setting-upload-part h3{
    font-size:16px;
    font-weight:700;
    margin-bottom:10px
}
.setting-upload-part p{
    font-weight:400;
    font-size:14px;
    color:#496471;
    line-height:16px
}
.setting-upload-part .input-group,.setting-upload-part input{
    display:none
}
.setting-upload-part .btn-md{
    margin-bottom:0;
    margin-top:20px;
    margin-left:0;
    padding:10px 14px;
    font-size:13px;
    background:#009fee
}
.setting-upload-part label{
    width:auto
}
.onoffswitch{
    position:relative;
    width:45px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
.onoffswitch-checkbox{
    display:none
}
.onoffswitch-label{
    display:block;
    overflow:hidden;
    cursor:pointer;
    border:none;
    border-radius:20px
}
.onoffswitch-inner{
    display:block;
    width:200%;
    margin-left:-100%;
    transition:margin 0.3s ease-in 0s
}
.onoffswitch-inner:before,.onoffswitch-inner:after{
    display:block;
    float:left;
    width:50%;
    height:22px;
    padding:0;
    line-height:22px;
    font-size:10px;
    color:white;
    font-family:Trebuchet,Arial,sans-serif;
    font-weight:bld;
    box-sizing:border-box
}
.onoffswitch-inner:before{
    content:"";
    padding-left:5px;
    background-color:#009FEE;
    color:#FFF
}
.onoffswitch-inner:after{
    content:"";
    padding-right:5px;
    background-color:#d5e5ed;
    color:#FFF;
    text-align:right
}
.onoffswitch-switch{
    display:block;
    width:26px;
    margin:.5px;
    height:26px;
    background:#FFF;
    position:absolute;
    top:-2px;
    bottom:0;
    right:22px;
    border:2px solid #FFF;
    border-radius:20px;
    transition:all 0.3s ease-in 0s;
    box-shadow:0 2px 2px -1px rgba(0,0,0,.4)
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{
    margin-left:0
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{
    right:-5px
}
.mymessages-container{
    margin-bottom:60px;
    overflow:hidden
}
.mymessages-container .container-fluid{
    padding-right:30px;
    padding-left:30px
}
#fix-on-scroll{
    margin-bottom:-99999px;
    background:#deeef6;
    padding-bottom:99999px
}
.left-message-menu{
    font-family:'Roboto',sans-serif;
    background:#deeef6;
    border:1px solid #d5e5ed;
    border-right:0 solid #d5e5ed;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
h2.title{
    background:#d2e2ea;
    color:#323a45;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    padding:20px 20px
}
h2.title div.icon-message{
    padding-top:0;
    float:left;
    margin-top:-2px;
    margin-right:10px
}
h2.title div.icon-myjobs{
    padding-top:0;
    float:left;
    margin-right:10px;
    margin-top:-4px
}
h2.title div.icon-tradesmen-helmet{
    padding-top:0;
    float:left;
    margin-right:10px;
    margin-top:-3px
}
.left-message-menu .nav-messages ul{
    padding:25px 20px;
    display:inline-block
}
.left-message-menu .nav-messages ul li{
    padding:0 0 15px
}
.left-message-menu .nav-messages ul li:last-child{
    padding:0
}
.left-message-menu .nav-messages ul li a{
    font-size:15px;
    color:#323a45;
    -webkit-transition:all 0.30s ease-in-out;
    -moz-transition:all 0.30s ease-in-out;
    -ms-transition:all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out
}
.left-message-menu .nav-messages ul li a:hover{
    color:#009fee
}
.left-message-menu .nav-messages ul li a.active{
    color:#009fee;
    font-weight:700
}
.left-message-menu .nav-messages .intrested-tradesmen ul li a:hover{
    color:#333
}
.nav-messages .intrested-tradesmen{
    padding-top:0;
    padding-bottom:0
}
.title-active-container{
    background:#f2f7fa;
    border:1px solid #d5e5ed;
    padding:18px
}
.title-active-container h2{
    font-size:18px;
    color:#323a45;
    font-weight:700;
    font-family:'Roboto',sans-serif
}
.message-list-box{
    padding:20px;
    border-bottom:1px solid #d5e5ed;
    border-right:1px solid #d5e5ed;
    font-family:'Roboto',sans-serif
}
.single-profile-mini{
    border-radius:50%;
    width:47px;
    height:47px;
    overflow:hidden;
    background:#d3dafb;
    color:#333;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
    line-height:47px;
    font-family:'Roboto',sans-serif;
    font-weight:500
}
.single-profile-mini img{
    border-radius:50%;
    width:47px;
    height:47px
}
.single-profile-mini a:hover{
    color:#333
}
.profile-orange{
    background:#eccaa1!important
}
.profile-name{
    color:#323a45;
    font-size:14px;
    font-weight:700;
    margin-bottom:15px
}
.message-list-details h3{
    color:#323a45;
    font-size:16px;
    font-weight:700;
    margin:7px 0;
    line-height:20px
}
.message-list-container a{
    display:inline-block;
    float:left;
    width:100%;
    background:#eff8fd;
    -webkit-transition:all 0.30s ease-in-out;
    -moz-transition:all 0.30s ease-in-out;
    -ms-transition:all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out
}
.message-list-container a:hover{
    background:#fff
}
.message-list-container{
    display:inline-block;
    width:100%;
    border-left:1px solid #d5e5ed
}
.messege-list-content{
    color:#496471;
    font-size:14px;
    line-height:18px
}
.message-list-details{
    float:left
}
.message-list-box .single-profile-mini{
    float:left
}
.message-list-box{
    float:left;
    width:100%
}
.other-list-content{
    float:right
}
.other-list-content p{
    color:#496471;
    text-transform:uppercase;
    font-size:12px;
    margin-bottom:5px
}
.other-list-content .icon-attachment{
    font-size:22px;
    float:right;
    color:#323a45
}
.message-list-box .profile{
    float:left;
    text-align:center;
    margin-right:15px
}
.message-list-box .profile .icon-star::before{
    padding-top:5px;
    display:inline-block
}
.message-list-box .profile .icon-star{
    color:#d6dde1
}
.message-list-box .profile .icon-star:hover{
    color:#f0e248
}
.message-container{
    background:#fff;
    display:inline-block;
    width:100%;
    border-right:1px solid #d5e5ed;
    border-bottom:1px solid #d5e5ed;
    font-family:'Roboto',sans-serif;
    padding:20px 0 0
}
.message-job-title{
    color:#323a45;
    font-size:16px;
    font-weight:700;
    padding:0 20px 20px 20px;
    border-bottom:1px solid #d5e5ed;
    line-height:26px
}
.message-container .panel{
    margin-bottom:0;
    box-shadow:none;
    border-radius:inherit
}
.message-container .panel-default>.panel-heading{
    background:#f5fafc;
    border:none
}
.message-container .panel-heading{
    border-top-left-radius:0;
    border-top-right-radius:0;
    padding:10px 20px
}
.message-container .panel-default{
    border-bottom:1px solid #d5e5ed;
    border-top:0;
    border-right:0;
    border-left:0
}
.message-container .panel-default.active>.panel-heading{
    background:#fff
}
.message-container .panel-collapse .message-body{
    padding:20px 20px 0 20px
}
.message-container .panel-title .tradesmen-message-profile{
    display:inline-block
}
.message-container .panel-title .tradesmen-message-profile .single-profile-mini{
    float:left
}
.message-container .panel-title .tradesmen-message-profile p.profile-name{
    float:left;
    margin:0;
    padding:15px 0 0 10px;
    text-transform:capitalize;
    letter-spacing:0
}
.message-container .message-body p{
    color:#496471;
    font-size:16px;
    line-height:24px;
    margin-bottom:20px
}
.message-container .panel-title .other-list-content{
    padding-top:5px
}
.message-comment-container{
    background:#f6fbfe;
    padding:30px;
    display:inline-block;
    width:100%;
    float:left
}
.bg-send{
    font-size:30px;
    background:#009fee;
    color:#fff;
    padding:9px 33px;
    border-radius:3px;
    margin-left:10px;
    display:inline-block
}
.message-comment-container .bg-send{
    padding:11px 25px
}
.submit-message{
    display:inline-block;
    float:right;
    width:6%
}
.message-comment-container textarea{
    border:2px solid #cfdce3;
    min-height:52px
}
.message-comment-container .message-textarea{
    width:93%;
    float:left;
    position:relative
}
.submit-message .messege-send-button .icon{
    font-size:22px
}
.submit-message .messege-send-button .icon-send::before{
    padding:15px 23px
}
input.bg-send:hover,input.bg-send:focus{
    background:#007ebd
}
.message-textarea .attach{
    position:absolute;
    right:4px;
    top:4px
}
.icon-delete:before{
    content:"\53"
}
.icon-cscscard{
    font-size:35px;
    color:#057f44
}
.firm-aplication-container h1{
    color:#323a45;
    font-size:24px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    margin:0;
    padding:35px 0
}
.firm-left-body{
    display:inline-block;
    width:100%;
    background:#fff;
    border:1px solid #d5e5ed;
    position:relative;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    margin-bottom:40px;
    box-shadow:0 3px 0 #cad9e0;
    display:flex
}
.firm-left-body .col-md-5,.firm-left-body .col-md-4{
    border-right:1px solid #d5e5ed
}
.firm-pofile{
    text-align:center;
    display:inline-block;
    width:100%;
    padding-top:24px
}
.firm-pofile .rating span{
    font-size:16px
}
.firm-pofile .profile-left{
    width:50%;
    margin-right:0
}
.firm-left-body .firm-profile-link{
    text-align:center;
    padding-top:5em;
    padding-bottom:4em
}
.firm-pofile .profile-right{
    width:50%
}
.firm-pofile .profile-right h3{
    text-align:left;
    margin-bottom:10px;
    font-size:20px;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    color:#323a45
}
.firm-pofile .profile-right .icon-address{
    float:left;
    margin-right:0
}
.firm-pofile .profile-right .address{
    padding-left:6px;
    float:left;
    font-size:13px
}
.firm-skills{
    padding-top:35px;
    margin-left:40px;
    padding-bottom:30px
}
.firm-skills .job-mini-tag-categories ul li{
    padding:10px 13px
}
.firm-skills h4{
    text-align:left;
    margin-bottom:20px;
    font-size:14px;
    font-family:'Noto Sans',sans-serif;
    text-transform:uppercase;
    font-weight:700;
    color:#496471
}
.add-blc{
    width:100%
}
.firm-pofile .profile-left .profile-pic{
    float:none;
    display:inline-block
}
.firm-pofile .profile-right .redcard{
    color:#eb1b4c
}
.firm-pofile .profile-right .greencard{
    color:#057f44
}
.firm-pofile .profile-right span{
    color:#009fee;
    font-size:35px
}
.firm-pofile .rating{
    margin-bottom:10px;
    text-align:center
}
.firm-right-body{
    padding-left:50px
}
.firm-right-body h3{
    font-size:18px;
    font-family:'Roboto',sans-serif;
    font-weight:500;
    color:#323a45;
    margin-bottom:40px
}
.remove-shortlist{
    background:#fff;
    width:100%;
    border-radius:60px;
    display:inline-block;
    padding:6px 15px 3px 10px;
    margin-bottom:20px;
    border:1px solid #d5e5ed;
    box-shadow:0 3px 0 #cad9e0
}
.remove-shortlist .single-profile-mini{
    float:left
}
.remove-shortlist img{
    width:47px;
    height:47px;
    border-radius:50%
}
.remove-shortlist h4{
    font-size:16px;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    color:#323a45;
    line-height:50px;
    padding-left:10px;
    display:inline-block
}
.firm-right-body .icon-delete{
    color:#009fee;
    font-size:28px;
    float:right;
    margin-top:10px
}
.profile-right .add-blc a small{
    padding-left:0;
    width:auto
}
.shortlist-header .sort-combo select{
    min-width:140px
}
.dashboard-tradesman-shortlist{
    padding:50px 0;
    border-bottom:2px solid #d5e5ed
}
.shortlist-container .dashboard-tradesman-shortlist:first-child{
    padding-top:0
}
.dashboard-tradesman-shortlist h3{
    font-size:18px;
    margin-bottom:15px;
    font-weight:700;
    font-family:'Roboto',sans-serif;
    color:#496471;
    line-height:22px;
    color:#496471
}
.sub-menu ul li .active{
    color:#009fee
}
.dashboard-tradesman-shortlist .top-feature .form-group{
    padding:20px;
    float:left
}
.dashboard-tradesman-shortlist .top-feature .job-mini-bottom-box{
    padding:20px
}
.firm-job-container{
    padding-bottom:60px;
    display:inline-block;
    width:100%;
    float:left
}
.firm-dashboard-myjobs .job-posted-date{
    display:inline-block;
    margin:20px 0
}
.firm-dashboard-myjobs .share-container{
    margin:20px 0;
    float:right;
    font-size:12px;
    color:#009fee;
    text-transform:uppercase;
    font-weight:500;
    font-family:'Roboto',sans-serif;
    line-height:18px
}
.firm-dashboard-myjobs .share-container a{
    font-weight:900;
    line-height:20px;
    color:#009fee
}
.firm-dashboard-myjobs .share-container p{
    float:left;
    padding-right:6px;
    font-size:20px
}
.firm-dashboard-myjobs .job-mini-bottom-box div:last-child{
    padding:6px 0
}
.firm-dashboard-myjobs .job-mini-middle-box{
    display:inline-block;
    background:#f1f9ff;
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-bottomleft:3px;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    box-shadow:0 3px 0 #c8dbe5;
    border-bottom:1px solid #d5e5ed;
    border-left:1px solid #d5e5ed;
    border-right:1px solid #d5e5ed;
    width:100%;
    padding:17px 25px;
    font-size:16px;
    font-weight:700;
    font-family:'Roboto',sans-serif;
    color:#323a45
}
.firm-dashboard-myjobs .job-mini-bottom-box{
    border-top:1px solid #d5e5ed;
    padding:10px 25px
}
.firm-job-container div div:nth-child(3n+1) .firm-dashboard-myjobs{
    margin:0 15px 0 -15px
}
.firm-dashboard-myjobs .action-btn-container{
    float:none
}
.firm-job-container div div:nth-child(3n) .firm-dashboard-myjobs{
    margin:0 -15px 50px 15px
}
.firm-dashboard-myjobs .job-mini-bottom-box p{
    font-size:24px
}
.firm-dashboard-myjobs .job-mini-tag-categories ul li{
    font-family:'Roboto',sans-serif;
    font-size:12px;
    float:left;
    border:none;
    margin-right:10px;
    margin-bottom:10px;
    background:#fff;
    border:1px solid #d2dff2;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 14px
}
.firm-dashboard-myjobs .job-mini-middle-box p{
    color:#009fee;
    font-size:25px;
    font-weight:700;
    font-family:'Roboto',sans-serif;
    text-align:center
}
.firm-dashboard-myjobs .job-mini-middle-box div:last-child{
    float:right;
    padding-right:0;
    padding-top:2px
}
.firm-dashboard-myjobs .job-mini-middle-box div:first-child{
    padding-left:0;
    display:inline-block;
    text-align:center
}
.firm-dashboard-myjobs .job-mini-middle-box span{
    font-size:11px;
    font-weight:500;
    text-transform:uppercase;
    color:#009fee;
    font-family:'Roboto',sans-serif;
    text-align:center;
    padding-top:7px;
    display:inline-block
}
.firm-dashboard-myjobs .job-mini-bottom-box span{
    font-weight:500
}
.form-filter{
    border:3px solid #0ba1f1
}
#tabs{
    margin-left:15%
}
#tabs ul li{
    float:left;
    background:#cef;
    padding:10px;
    margin-left:1%
}
#tabs ul .active{
    background:#009df1
}
#tabs ul li a{
    color:#fff;
    font-weight:800;
    font-size:12px
}
#tabs ul{
    clear:both
}
.tabs-hide{
    display:none
}
.tabs-show{
    display:block
}
.content-tab{
    background:#009df1;
    padding:12px;
    width:70%;
    margin-left:15.9%
}
.text-width{
    width:100%
}
.search{
    background:#000;
    color:#f1a51e;
    padding:7px;
    width:84%;
    border-radius:6%;
    margin-left:-70%;
    height:30px
}
.marB-3P{
    margin-bottom:3%
}
h5{
    color:#fff;
    font-size:14px;
    font-weight:800;
    text-align:center
}
blockquote{
    font-size:1.05rem;
    margin:0 0 2rem;
    quotes:'\201C' '\201D' '\2018' '\2019'
}
.endorsements-description,.text-italic{
    font-style:italic;
    font-family:serif;
    width:67%;
    text-align:center
}
.grey-color{
    background-color:#45474d
}
.text-aling{
    color:#fff;
    text-align:center
}
.testimonial-name{
    margin:0;
    font-weight:500;
    font-family:National,Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif
}
.testimonial-position{
    margin:0;
    font-weight:300
}
.name{
    padding-top:131px;
    text-align:center;
    width:92%;
    font-size:18px;
    color:#fff
}
.title-name{
    font-weight:600
}
.margin-auto{
    width:73%;
    margin:auto;
    margin-top:20px
}
.pad-14{
    margin-left:3%;
    margin-top:10px
}
.bac-img{
    background-image:url(../images/testimonial-aj-kulatunga.jpg);
    width:100%;
    min-height:280px;
    background-position:48% 13%
}
.text_on_hover{
    position:absolute;
    z-index:9;
    width:437px;
    top:0;
    cursor:pointer
}
.bac-color{
    background-color:rgba(0,159,238,.3);
    position:absolute;
    z-index:99999;
    width:93%;
    min-height:280px
}
.regis_block{
    background-color:rgba(0,159,238,.3)
}
.font18{
    font-size:18px
}
.font13{
    font-size:13px!important
}
.margin-right-5{
    margin-right:5px
}
.modal-header .close span{
    font-size:20px
}
.sweet-alert h2{
    font-size:24px
}