@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900');
html, body {
	font-size: 14px;
	/*font-family: 'Montserrat', sans-serif!important;*/
    font-family: 'Poppins', sans-serif;
	font-weight: 400;
    position: relative;
    padding-top: 0px;
    height: 100%;
    
}
h1, h2, h3, h4, h5, h6{
    /*font-family: 'Montserrat', sans-serif!important;*/
    font-family: 'Poppins', sans-serif;
    margin: 0;
}
.alert{position: relative; display: block;}
.btn{padding: 10px 15px;}
.btn-sm{padding: 5px 10px;}
.btn-primary{background: #7c049a; border-color: #7c049a; transition: all 0.2s ease-in-out;}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:active:focus, 
.btn-primary:active:hover{background: #7c049a; border-color: #7c049a;}
.btn-primary.btn-bordered{ background-color: transparent; border-color: #7c049a; color: #7c049a;}
.btn-primary.btn-bordered:hover, 
.btn-primary.btn-bordered:focus,
.btn-primary.btn-bordered:active{ border-color: #229fd6; background-color: #7c049a; color: #ffffff;}
.btn-default{ transition: all 0.2s ease-in-out;}
.btn.btn-bar{position: relative; padding: 8px 8px;}
.btn.btn-bar .icon-bar{display: block; width: 22px; height: 2px; background-color: #888888; margin-top: 6px;}
.btn.btn-bar .icon-bar:first-child{margin-top: 0;}
.btn.btn-bar.btn-primary .icon-bar{background-color: #ffffff;}

/*start header*/
.homepage_class header .navbar-default.active{background-color: #fff; }
header .navbar-default .navbar-toggle:focus, 
header .navbar-default .navbar-toggle:hover, 
header .navbar-default .navbar-toggle:active{
    background: transparent !important;
}
/*end header*/

/*start login and signup page*/
.sign-form{ padding: 0; position: relative; display: block; }
.inner-section.signup-section{ background: linear-gradient( -45deg, rgb(23, 125, 170) 30%,rgb(62, 198, 201) 80%); }
.inner-section{ position: relative; }
.inner-section.login-section:after{ content: ""; position: absolute; background-image: url(../images-sd/login.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100%; width: 50%; right: 0; bottom: 0; top: 0; height: 100%; }

.inner-section.signup-section:after{ content: ""; position: absolute; background-image: url(../images-sd/signup1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100%; width: 50%; right: 0; bottom: 0; top: 0; height: 100%; }

.inner-section.signup-section .sign-form .theme-form{ box-shadow: 0 0 18px rgba(0, 0, 0, .12); background-color: rgba(255, 255, 255, 0.9); }
.login-section .sign-form .theme-form{ width: 90%; }
.sign-form .theme-form{ margin: 60px 0; border-radius: 6px; box-shadow: 0 0 18px rgba(0, 0, 0, .12); }
.sign-form .theme-form .signup-form-wrap{ padding: 80px 0; /*background: linear-gradient( -45deg, rgb(23, 125, 170) 30%,rgb(62, 198, 201) 80%);*/ }
.sign-form .sign_up_main h3{ text-align: center; margin-bottom: 0;}
.sign_up_main .sign_social{ display: block; position: relative; margin-bottom: 30px; text-align: center;}
.sign_up_main .sign_social a{ background-color: #ffffff; display: inline-block; text-align: center; color: #333; border-radius: 50px; font-size: 16px; position: relative; font-weight: 400; margin: 0 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); height: 40px; width: 40px; line-height: 40px; text-align: center; transition: all 0.5s; }
.sign_up_main .sign_social a.social-facebook:hover{background-color: #3C5A99; color: #ffffff; }
.sign_up_main .sign_social a.social-google:hover{background-color: #DB4437; color: #ffffff; }

.sign_up_main .sign_up_form{ margin-top: 0 ;}
.sign_up_main .sign_up_form form{ position: relative; display: block; width: 400px; margin: 0 auto; }
.sign_up_main .sign_up_form ul.nav-tabs{ margin-bottom:15px;}
.sign_up_main .sign_up_form ul.nav-tabs li{ width:50%; margin-bottom:0; }
.sign_up_main .sign_up_form ul.nav-tabs li:nth-child(1) a{border-right:none;}
.sign_up_main .sign_up_form ul.nav-tabs li a{ color:#888; font-weight:400; border-radius:0; border-bottom:0; font-size:16px; border:none;}
.sign_up_main .sign_up_form ul.nav-tabs li a:hover{ background:none; border-left:none; border-top:none; border-right:none; border-bottom:none; }
.sign_up_main .sign_up_form ul.nav-tabs li.active a{ color:#7c049a; border:none; border-bottom:1px solid #333; }
.sign_up_main .sign_up_form form .terms-condition ul{ text-align:left; list-style: none; padding:0; font-size:15px;}
.sign_up_main .sign_up_form form .terms-condition ul li label{font-size: 14px; color: #777; }
.sign_up_main .sign_up_form form .get_started a{ background-color: #7c049a; color: #fff; line-height: 37px; text-align: center; padding: 0 40px; display: inline-block; border-radius:3px; width:100%; font-size:14px;}
.sign_up_main .sign_up_form .btn-system{padding: 10px; height: 46px; background-color: #7c049a; }
.sign_up_main .sign_up_form .btn-system:hover{ border-color: #7c049a; }
.sign_up_main .sign_up_form .form-control{ height:46px;}
.sign_up_main .sign_up_form .terms-condition{ text-align: left; margin-bottom: 30px;}
.sign_up_main .sign_up_form .forgot-pwd{ display: block; position: relative; margin-top: 30px;}
.sign_up_main .sign_up_form .forgot-pwd a{ font-size: 13px;}
.sign_up_main .sign_up_form .forgot-pwd a.forget_pw{ float: left; color: #7c049a;}
.sign_up_main .sign_up_form .forgot-pwd a.register{float: right; color: #7c049a;}
.sign_up_main .sign_up_form.forget-pwd form{ margin-bottom: 15px; }
.sign_up_main .sign_up_form p a{ color: #7c049a; }
.sign_up_main .sign_up_form.forget-pwd p{ text-align: center; }
.sign_up_main .sign_up_form.forget-pwd input{margin-bottom: 3px; }
.sign_up_main .sign_up_form.forget-pwd p.info-line{ text-align:center; }
.sign_up_main .sign_up_form.forget-pwd button.btn-system{ padding: 10px 30px;}
.sign_up_main  .sign_up_form span.danger{ color: #ff0000 !important; font-weight: 500 !important; font-size: 13px; margin-top: 5px; display: block;}
.f_profile_badges img{max-width: 64px;margin-bottom: 5px;display: inline-block;}
.c_harvest_badges img{max-width: 40px;margin-bottom: 5px;display: inline-block;}
.badges_f{display:inline-block !important; vertical-align: top;}
.f_title_badges{ margin-bottom: 10px;display: block!important;}
.visible-freelancer-inline-block{ display:inline-block!important;}
#select2-project_skill_name-results li:first-child{background-color:#fff2b3;color: #333!important;text-align: left;}


.msg-settings a{color:#999999!important; margin-left:5px;}


@media (min-width: 1200px){
    .sign_up_form form .right{ padding-right: 5px; }
    .sign_up_form form .left{ padding-left: 5px;}
}

@media (max-width: 1199px){
    .sign_up_main .sign_up_form form{ width: auto; }

    .sign_up_main .sign_up_header { margin-bottom: 30px; }
}

@media (max-width: 991px){
    .inner-section.signup-section .sign-form .theme-form { width: 90%; background-color: rgba(255, 255, 255, 0.6); margin: 60px auto; z-index: 2; position: relative; }
    .inner-section.login-section:after{ z-index: -1; width: 70%; opacity: .6; }

    .inner-section.signup-section:after{ width: 70%; right: -40%; }
}

@media (max-width: 767px){
    .inner-section.login-section:after{ width: 90%; }

    .inner-section.signup-section .sign-form{ width: 80%; margin: 0 auto; }
    .inner-section.signup-section .sign-form .theme-form .sign_up_main{ width: 90%; margin: 0 auto; }
	.c_harvest_badges img{max-width:30px;}
}

@media (max-width: 480px){
    .inner-section.login-section:after{ width: 95%; }

    .inner-section.signup-section .sign-form{ width: 100%; margin: 0 auto; }
    .inner-section.signup-section .sign-form .theme-form .sign_up_main{ width: 100%; margin: 0 auto; }
    .inner-section.signup-section .sign-form .theme-form{ width: 100%; }

}

.sign_up_main h3{
    font-weight: 400;
    color:#464a4c;
    margin-bottom:15px;
    margin-top: 0;
}
.sign_up_main .sign_up_header{
    margin-bottom: 40px;
}
.sign-form .sign-option a{
    background-color: #fff;
    
    text-align: center;
    padding: 12px 40px;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    font-weight: 600;
}
.sign-form .signin-mockup{
    display: block;
    position: relative;
    /*width: 500px;*/
    height: auto;
    padding: 0 0 60px;
    /*padding: 40px;
    margin-left: 40px;*/
}
.sign-form .signin-mockup img{
    width: 100%;
    height: auto;
}
.sign-form .sign-option{
    display: block;
    position: relative;
    background: #fff;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);*/
}
.sign-form .sign-option:after{ content: ""; position: absolute; background-color: #7c049a; width: 50%; height: 100%; left: 0; top: 0; }
.sign-form .sign-option .pnone{
    padding: 0;
}
.sign-form .sign-option .common{
    display: block;
    position: relative;
    padding: 100px 50px;
    color: #fff;
}
.sign-form .sign-option .common h2{
    font-weight: 600;
    line-height: 50px;
    font-size: 36px;
}
.sign-form .sign-option .common p{
    color: #fff;
    margin-bottom: 0;
    padding: 30px 0;
    line-height: 26px;
    font-size: 16px;
}
.sign-form .sign-option .customer-right{
    text-align: right;
    /*background: #7c049a;*/
    overflow: hidden;
}
.sign-form .sign-option .customer-right .customer-text,
.sign-form .sign-option .freelancer-left .freelancer-text{
    position: relative;
    display: block;
    z-index: 9;
}

.sign-form .sign-option .customer-right .customer-text{
    max-width: 440px;
    float: right;
}
.sign-form .sign-option .freelancer-left .freelancer-text{
    max-width: 460px;
    float: left;
}
.sign-form .sign-option .customer-right a{
    color: #7c049a;
    transition: all 0.5s;
}
.sign-form .sign-option .customer-right a:hover{
    background-color: #7c049a;
    color: #ffffff;
}


.sign-form .sign-option .customer-right .freelancer-img{
    position: absolute;
    left: 40px;
    bottom: 2px;
    width: 220px;
    height: auto;
    z-index: 5;
}
.sign-form .sign-option .customer-right .freelancer-img img{
    width: 100%;
    height: auto;
}


.sign-form .sign-option .customer-right .freelancer-img span{
    width: 400px;
    height: 400px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    bottom: -67px;
    left: -110px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0 -5px 10px rgba(0,0,0,0.03);
}
.sign-form .sign-option .customer-right .freelancer-img .freelancer-img-wrap:before{
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    background-color: rgba(255,255,255,0.2);
    bottom: 10px;
    left: 10px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0 -5px 10px rgba(0,0,0,0.03);
}
.sign-form .sign-option .customer-right .freelancer-img .freelancer-img-wrap:after{
    content: "";
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    bottom: 15px;
    left: 20px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0 -5px 10px rgba(0,0,0,0.03);
}
.sign-form .sign-option .freelancer-left{
    text-align: left;
    background: #7c049a;
    overflow: hidden;
}
.sign-form .sign-option .freelancer-left a{
    color: #7c049a;
    transition: all 0.5s;
}
.sign-form .sign-option .freelancer-left a:hover{
    background-color: #7c049a;
    color: #ffffff;
}
.sign-form .sign-option .freelancer-left .online-work-img{
    position: absolute;
    right: 50px;
    bottom: 2px;
    width: 120px;
    height: auto;
    z-index: 5;
}
.sign-form .sign-option .freelancer-left .online-work-img span{
    width: 400px;
    height: 400px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    bottom: -67px;
    right: -120px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0 -5px 10px rgba(0,0,0,0.03);
}
.sign-form .sign-option .freelancer-left .online-work-img .freelancer-img-wrap:before{
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    background-color: rgba(255,255,255,0.2);
    bottom: 13px;
    right: 10px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0 -5px 10px rgba(0,0,0,0.03);
}
.sign-form .sign-option .freelancer-left .online-work-img .freelancer-img-wrap:after{
    content: "";
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    bottom: 30px;
    right: 20px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0 -5px 10px rgba(0,0,0,0.03);
}
.sign-form .sign-option .freelancer-left .online-work-img img{
    width: 100%;
    height: auto;
}

@media (max-width: 1200px){
    .sign-form .sign-option .freelancer-left .online-work-img{ width: 100px; }
}
@media (max-width: 991px){
    .sign-form .sign-option .customer-right .customer-text{ max-width: unset; }
    .sign-form .sign-option .freelancer-left .freelancer-text{ max-width: unset; }
    .sign-form .sign-option .customer-right .freelancer-img{ width: 170px; }

}
@media (max-width: 767px){
    .sign-form.sign-up-user{padding: 0;}

    .sign-form .sign-option .customer-right .freelancer-img{ width: 140px; }
    .sign-form .sign-option .customer-right .freelancer-img span{ width: 300px; height: 300px; }
    .sign-form .sign-option .customer-right .freelancer-img .freelancer-img-wrap:before{ width: 250px; height: 250px; }
    .sign-form .sign-option .customer-right .freelancer-img .freelancer-img-wrap:after{ width: 200px; height: 200px; }

    .sign-form .sign-option .freelancer-left .online-work-img{ width: 80px; }
    .sign-form .sign-option .freelancer-left .online-work-img span{ width: 300px; height: 300px; }
    .sign-form .sign-option .freelancer-left .online-work-img .freelancer-img-wrap:before{ width: 250px; height: 250px; }
    .sign-form .sign-option .freelancer-left .online-work-img .freelancer-img-wrap:after{ width: 200px; height: 200px; }

    .sign-form .sign-option .common{ padding: 100px 30px; }
}

@media (max-width: 650px){
    .sign-form .sign-option .customer-right p{ padding: 30px 0 30px 110px; }
    .sign-form .sign-option .freelancer-left p{ padding: 30px 90px 30px 0; }
    .sign-form .sign-option .common p br{ display: none; }
}

@media (max-width: 480px){
    .sign-form .sign-option .common{ padding: 30px }
    .sign-form .sign-option .common h2{ line-height: 36px; font-size: 28px; }
    .sign-form .sign-option .freelancer-left .freelancer-text h2{ padding-right: 110px; }
    .sign-form .sign-option .customer-right .customer-text h2{ padding-left: 110px; }

    .sign-form .sign-option .customer-right .freelancer-img{ width: 150px; }
    .sign-form .sign-option .customer-right .freelancer-img span{ width: 250px; height: 250px; }
    .sign-form .sign-option .customer-right .freelancer-img .freelancer-img-wrap:before{ width: 200px; height: 200px; }
    .sign-form .sign-option .customer-right .freelancer-img .freelancer-img-wrap:after{ width: 150px; height: 150px; }

    .sign-form .sign-option .freelancer-left .online-work-img{ width: 80px; }
    .sign-form .sign-option .freelancer-left .online-work-img span{ width: 250px; height: 250px; }
    .sign-form .sign-option .freelancer-left .online-work-img .freelancer-img-wrap:before{ width: 200px; height: 200px; }
    .sign-form .sign-option .freelancer-left .online-work-img .freelancer-img-wrap:after{ width: 150px; height: 150px; }
    .sign-form .sign-option .common p{ font-weight: 300; line-height: 24px;  }

    .forget-password-wrap .sign_up_main h3{ font-size: 20px; font-weight: 500; line-height: 30px; }
    .forget-password-wrap .sign-form .theme-form{ padding: 15px; }

}
@media (max-width: 359px){
    .sign-form .sign-option .customer-right .freelancer-img{ width: 100px; }
    .sign-form .sign-option .customer-right .freelancer-img span{ width: 200px; height: 200px; bottom: -87px; left: -80px; }
    .sign-form .sign-option .customer-right .freelancer-img .freelancer-img-wrap:before{ width: 150px; height: 150px; bottom: 20px;    left: 20px; }
    .sign-form .sign-option .customer-right .freelancer-img .freelancer-img-wrap:after{ width: 100px; height: 100px; bottom: 35px;    left: 30px; }

    .sign-form .sign-option .freelancer-left .online-work-img{ width: 50px; }
    .sign-form .sign-option .freelancer-left .online-work-img span{ width: 200px; height: 200px; bottom: -87px; right: -80px; }
    .sign-form .sign-option .freelancer-left .online-work-img .freelancer-img-wrap:before{ width: 150px; height: 150px; bottom: 20px;    right: 20px; }
    .sign-form .sign-option .freelancer-left .online-work-img .freelancer-img-wrap:after{ width: 100px; height: 100px; bottom: 35px;    right: 30px; }

    .sign-form .sign-option .customer-right .customer-text h2 { padding-left: 0; }
    .sign-form .sign-option .freelancer-left .freelancer-text h2 { padding-right: 0; }
}


/*new css*/
.new-signup-section .sign-option { position: relative; display: table; width: 100%;}
.new-signup-section .sign-option .common{display: table-cell; width: 50%; vertical-align: top; }

@media (max-width: 560px){
    .new-signup-section .sign-option{ display: block; }
    .new-signup-section .sign-option .common{ width: 100%; display: block; }
    .sign-form .sign-option:after{ width: 100%; height: 50%; }
}
/*new css end*/


/*end login and signup page*/

/*start mockup section*/

.above-fold-section{position: relative; display: block; height: auto; overflow: hidden;}
.above-fold-section:before{ content: ""; position: absolute; background-image: url(../images-sd/header-curve.png);
    width: 100%;
    height: 130px;
    bottom: -1px;
    left: 0;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; z-index: 5; 
    transform: rotateY(180deg);
}
.above-overlay{position: absolute; left: 0; bottom: 0; top: 0; right: 0; background: linear-gradient( -45deg, rgb(23, 125, 170) 30%,rgb(62, 198, 201) 80%); }
.above-overlay.left{
    left: -400px;
    right: inherit;
    top: -250px;
    display: none;
}
.above-overlay.right{
    right: -400px;
    left: inherit;
    top: -250px;
    display: none;
}
.above-fold-section .section-desc{
	display: table;
	position: relative;
	height: 600px;
	width: 100%;
    margin-top: 35px;
}
/*.above-fold-section .section-desc:before{ content: ""; position: absolute; background-color: #7c049a; height: 600px; width: 1100px; right: -80px; top: 40px; }*/

.above-fold-section .left-section{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}
.above-fold-section .left-section h1{
	line-height: 54px;
    font-weight: 500;
    font-size: 40px;
    margin-bottom: 0;
    color: #ffffff;
}
.above-fold-section .left-section h4{
	margin: 40px 0;
    line-height: 28px;
    font-weight: 400;
    color: #ffffff;
}
.above-fold-section .left-section form{
	position: relative;
}
.above-fold-section .left-section form input.form-control{
	height: 60px;
    box-shadow: 0px 0px 6px rgba(165, 165, 165, 0.38);
    padding-right: 60px;
}
.above-fold-section .left-section form .btn{
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px;
	height: auto;
	font-size: 20px;
    color: #aaaaaa;
    background-color: transparent;
    transition: all 0.5s;
}
.above-fold-section .mockup{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
	padding: 200px 20px 0;
	margin-left: 85px;
}
.above-fold-section .mockup img{
	width: 100%;
	height: auto;
}




@media (max-width: 1199px){
    
}

@media (max-width: 991px){
    .above-fold-section .above-overlay{ width: 100%; }
    .above-fold-section .mockup{ width: 370px; height: auto; }
    .above-fold-section .section-desc{ padding-top: 0 !important; margin-top: 0; }
}

@media (max-width: 991px) and (min-width: 768px){
    .homepage .above-fold-section { height: auto; padding: 0 0 30px; }
}

@media (max-width: 767px){
    .homepage .above-fold-section, .homepage .above-fold-section .section-desc{ height: auto; }
    .homepage .above-fold-section{ padding: 100px 0 100px; }
    .homepage .above-fold-section .above-overlay{ height: auto; }
    .above-fold-section:before{ height: 70px; }
}

@media (max-width: 640px){
    .above-fold-section:before{ height: 60px; }
    .homepage .above-fold-section{ padding-bottom: 90px; }
}

@media (max-width: 560px){
    .above-fold-section:before{ height: 50px; }
    .homepage .above-fold-section{ padding-bottom: 70px; }
}

@media (max-width: 480px){
    .above-fold-section:before{ height: 40px; }
    .homepage .above-fold-section{ padding-bottom: 40px; }
}

@media (max-width: 480px){
    .above-fold-section, .above-fold-section .section-desc { height: 500px; }
    .above-fold-section .left-section h1{font-size: 32px; line-height: 46px;}
    .above-fold-section .left-section h4{font-size: 16px;}
    .above-fold-section .left-section form input.form-control{font-size: 16px;}
}


/*end mockup section*/

/*start service section*/
.common-section{
	display: block;
	position: relative;
	padding: 70px 0;
}
.common-section h2.main-title{
	display: block;
	position: relative;
	font-weight: 400;
	padding-bottom: 20px;
	margin-bottom: 50px;
}
.common-section h2.main-title:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 150px;
	height: 1px;
	background: #3dc4c8;
}
.common-section h2.main-title:before{
	content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    background: #3dc4c8;
    width: 50px;
    height: 1px;
}

.service-section{
    padding-bottom: 30px;
}
.service-section .service-mcat-wrap{position: relative; display: block;}
.service-section .service-box{display: block;position: relative; transition: all 0.3s ease-in-out; background: #fff; text-align: center; }
.service-section .service-box:hover h3{ color: #353535; }
.service-section .service-box a{ display: block; position: relative; margin: 10px 20px 40px; color: #333;}
.service-section .service-box a:hover,
.service-section .service-box a:focus,
.service-section .service-box a:active{ color: #333;}
.service-section .service-box h3{ font-size: 12px; height: 66px; overflow: hidden; line-height: 18px; padding: 15px 0; font-weight: 400; color: #757575; } 
/*.service-section .service-box span.arrow{ position: absolute; width: 35px; height: 35px; text-align: center; line-height: 35px; left: 50%; margin-top: -23px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 50px; background: #fff; bottom: -23px; font-size: 20px; opacity: 0; transition: all 0.5s ease-in-out; top: 72%; display: none; }
.service-section .service-box:hover span.arrow{ opacity: 1; top: 74%; }*/
.service-section .service-box .service-img{ display: block; position: relative; width: 90px; height: 90px; margin: 0 auto; padding: 20px; border-radius: 50%; transition: all 0.5s; }
.service-section .service-box .service-img:before{ content: ""; position: absolute; display: inline-block; background-color: #1fa8e4; width: 90px; height: 1px; bottom: -10px; right: 0; opacity: 0; transition: all 0.5s; }
.service-section .service-box .service-img:after{ content: ""; position: absolute; display: inline-block; background-color: #7c049a; width: 40px; height: 1px; bottom: 10px; left: 50%; margin-left: -20px; opacity: 0; transition: all 0.5s; }
.service-section .service-box:hover .service-img:before{ opacity: 1; bottom: 0; }
.service-section .service-box:hover .service-img:after{ opacity: 1; bottom: 3px; }

.service-section .service-box .service-img img{ width: 100%; height: 100%; object-fit: contain; position: relative;z-index: 1; }
/*.service-section .service-box:hover .service-img img{ filter: hue-rotate(-315deg) contrast(10%); }*/
/*.service-section .service-box:hover{ background-color: rgba(61, 196, 200, 0.2); }*/
.service-section .service-box:hover .service-img { background-color: transparent; }






@media (max-width: 1199px){
    .service-section .service-box a{ padding: 0; }
    .service-section .service-box h3{  }
    .service-section .service-box .service-img{ width: 70px; height: 70px; padding: 10px; }

}
@media (min-width: 1024px) and (max-width: 1280px){
    /*.service-section .service-box a{ padding: 40px 15px;}*/
    .service-section .service-box{ margin-bottom: 30px; }
    .service-section.common-section{ padding-bottom: 10px;}
}
@media(min-width: 768px) and (max-width: 991px){
    .service-section.common-section{padding-bottom: 10px;}
    .service-section .service-box a{padding: 0;}
    .service-section .service-box h3{  }
    .service-section .service-box{ height: unset; margin-bottom: 30px;}
}
@media(max-width: 767px){
    .service-section .service-box h3{ font-size: 14px; line-height: 24px; padding: 0; height: 45px;}
    .service-section .service-box{ margin-bottom: 12px; }
    .service-section .service-box span.arrow{ display: none; }
}
@media (min-width: 561px) and (max-width: 767px){
    .service-mcat-wrap > .row {margin: 0 -6px;}
    .service-mcat-wrap > .row > [class*="col-"]{width: 33.33%; float: left; padding: 0 6px;}
    .service-section .service-box{ height: 205px;}
    .service-section .service-box a{padding: 30px 20px; }
}
@media (min-width:561px) and (max-width: 640px){
    .service-section .service-box{ height: 180px;}
    .service-section .service-box a{padding: 20px 15px; }
}
@media(max-width: 560px){
    .service-mcat-wrap > .row {margin: 0 -6px;}
    .service-mcat-wrap > .row > [class*="col-"]{width: 50%; float: left; padding: 0 6px;}
    .service-section .service-box a{padding: 20px 15px; }
    /*.service-mcat-wrap > .row > [class*="col-"]{ width: 50%; }*/
}
@media (max-width: 480px){
    .service-mcat-wrap > .row > [class*="col-"]{ width: 100%; }
}
@media(max-width: 391px){
    .service-section .service-box a{padding: 20px 10px; }
}

/*end service section*/



/*start job section*/

.workjob-section { /*background: linear-gradient( -45deg, rgb(23, 125, 170) 0%, rgba(18, 104, 141, 0.72) 60%), url(http://192.168.5.11/pickgeeks_v3/frames-sd/images-sd/wat-to-work.jpg); background-repeat: no-repeat; background-attachment: fixed;  background-position: center; width: 100%; background-size: cover; color: #fff;*/ }
.workjob-section .job-item{
    display: block;
    position: relative;
    text-align: center;
    padding: 50px 30px;
    height: 225px;
    margin: 0 0 30px;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.08);
    background-color: rgba(0, 0, 0, 0.2);
    transition: all .5s;
}
.workjob-section .job-item .job-item-wrap{
    position: relative;
    display: block;
    transition: transform .5s;
}
.workjob-section .job-item:hover{ background-color: rgba(0, 0, 0, 0.4); }
.workjob-section .job-item .job-icon{
    display: block;
    position: relative;
    width: 50px;
    height: auto;
    margin: 0 auto 15px;
}
.workjob-section .job-item .job-icon img{
    width: 100%;
    height: auto;
}
.workjob-section .job-item h2{
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}
.workjob-section .job-item p{
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 400;
}
.workjob-section .rb-border{
    /*border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;*/
}
.workjob-section .r-border{
    border-right: 1px solid #ededed;
}
.workjob-section .b-border{
    border-bottom: 1px solid #ededed;
}
.workjob-section .rb-border:nth-child(4n+0){border-right: none;}
.workjob-section .rb-border:nth-last-child(-n+4){border-bottom: none;}

@media (max-width: 1199px){
    .workjob-section .job-item{ padding: 50px 15px; height: 255px !important; }    
}

@media (max-width: 767px){
    .workjob-section .job-item{ border-bottom: 1px solid rgba(237, 237, 237, 0.5) !important; }
}

@media (max-width: 480px){
    .workjob-section .job-item { width: 100%; margin-left: 0; }
}


/*end job section*/

/*start service section*/
.workservice-section{
    padding: 70px 0 120px;
    background-color: #eaf2f6;
}
.workservice-section .service-mockup{
    display: block;
    position: relative;
    width: 500px;
    height: auto;
    margin: 100px 0 0 -105px;
}
.workservice-section .service-mockup img{
    width: 100%;
    height: auto;
}
.workservice-section ul{
    display: block;
    position: relative;
    list-style: none;
    margin: 0 0 0 60px;
    padding: 0;
}
.workservice-section ul li{
    width: 60%;
    margin-bottom: 15px;
    /*background-color: #7c049a;*/
    padding: 25px 30px;
    border-radius: 8px;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.08);
    font-size: 12px;
}
.workservice-section ul li:last-child{
    margin-bottom: 0;
}
.workservice-section ul li:nth-child(even){
    margin-left: 30%;
    /*background-color: #3dc4c8;*/
}
/*.workservice-section ul li:nth-child(even) span.count{ color: #3dc4c8; }*/
.workservice-section ul li .media-body{
    vertical-align: middle;
}
.workservice-section ul li span.count{
    width: 40px;
    height: 40px;
    color: #ffffff;
    border: none;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    background-color: #7c049a;
}


@media (max-width: 1199px){
    .workservice-section .service-mockup{ width: 360px; margin: 100px 0 0 -105px; }
    .workservice-section ul{ margin: 0; }
    .workservice-section ul li{ width: 100%; }
    .workservice-section ul li:nth-child(even){ margin-left: 0; }
}

/*new design*/
.workservice-section{ background-color: unset; }
.work-service-wrap{ position: relative; display: block; }
.work-service-wrap ul{ margin: 0 -15px; list-style: none; padding: 0; margin: 0; }
.work-service-wrap ul li{ width: 50%; float: left; box-shadow: unset;  border-radius: 0; position: relative; margin: 0 auto; padding: 0;  }
.work-service-wrap ul li:after{content: ''; position: absolute; height: 1px; width: 100%; left: 0; bottom: 0; background: #e5e5e5;}
.work-service-wrap ul li:before{content: ''; position: absolute; width: 1px; height: 100%; top: 0; right: 0; background: #e5e5e5;}
.work-service-wrap ul li .work-service-box{ position: relative; display: block; padding: 40px; transition: all .2s ease-in-out; z-index: 2; }
.work-service-wrap ul li .work-service-box:before{ content: ""; position: absolute; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08); top: 0; left: 0; right: 0; bottom: 0; transition: all .2s ease-in-out; opacity: 0; z-index: 0; background-color: #ffffff; }
.work-service-wrap ul li:hover .work-service-box:before{ opacity: 1; transform: scale(1.05); }

.work-service-wrap ul li:nth-child(5):after, .work-service-wrap ul li:nth-child(6):after { background: unset; }

.work-service-wrap ul li:nth-child(even){ margin-left: 0; margin: 0; }
.work-service-wrap ul li:nth-child(even):before{display: none;}

.work-service-wrap ul li .work-service-wrap-img{ position: relative; display: block; width: 50px; margin: 0 auto 15px auto; }
.work-service-wrap ul li .work-service-wrap-img img{ width: 100%; height: 100%; }
.work-service-wrap ul li .work-service-wrap-desc{ position: relative; display: block; text-align: center; font-size: 13px;  font-weight: 400; color: #545454; height: 50px; }

@media (max-width: 991px){
    .work-service-wrap ul li .work-service-box{ padding: 20px; }
}
@media (max-width: 767px){
    .workservice-section ul li{ width: 50%; }
    .work-service-wrap ul li:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; height: 100%; width: 1px;    background-color: #e5e5e5; }
    .work-service-wrap ul li .work-service-box:before{ content: unset; }
}

/*end service section*/




/*start select section*/
.select-section{
    display: block;
    position: relative;
    background: linear-gradient( -45deg, rgb(23, 125, 170) 30%,rgb(62, 198, 201) 80%);
}
.select-section .main-select-box{
    display: block;
    position: relative;
    overflow: hidden;
}
.select-section .main-select-box .select-box{
    display: block;
    position: relative;
    /*width: 50%;*/
}
.select-section .main-select-box .select-box .text{
    position: relative;
    display: block;
    z-index: 2;
    padding: 90px;
    width: 60%;
}
.select-section .main-select-box .select-box h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: 400;
    color: #fff;
}
.select-section .main-select-box .select-box p{
    color: #fff;
    line-height: 20px;
    padding: 30px 0;
    font-size: 12px;    
}
.select-section .main-select-box .select-box h3 span{
    font-weight: 600;
    display: block;
}
.select-section .main-select-box .left-box{
    text-align: left;
    /*background: #7c049a;*/
    background-image: url("../images-sd/hire-freelancer.png");
    background-repeat: no-repeat;
    background-position: right 3% center;
    width: 100%;
    background-size: 36%;
}

.select-section .main-select-box .right-box{
    text-align: left;
    /*background: #7c049a;*/
    background-image: url("../images-sd/search-job.png");
    background-repeat: no-repeat;
    background-position: left 5% center;
    width: 100%;
    background-size: 40%;
    text-align: right;
}
/*.select-section .main-select-box .left-box:after{
    background: url(../images-sd/signup.jpeg);
    background: -moz-linear-gradient(top, #7c049acf 100%, #7c049a47 100%, #7c049a7d 100%), url(../images-sd/signup.jpeg);
    background: -webkit-linear-gradient(top, #7c049acf 100%,#7c049a47 100%,#7c049a7d 100%), url(../images-sd/signup.jpeg);
    background: linear-gradient(to bottom, #7c049acf 100%,#7c049a47 100%,#7c049a7d 100%), url(../images-sd/signup.jpeg);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-size: cover;
}*/
.select-section .main-select-box .select-box .btn{
    background: #ffffff;
    border: none;
    padding: 14px 30px;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    color: #333333;
    transition: all 0.5s;
}
.select-section .main-select-box .left-box .btn:hover,
.select-section .main-select-box .left-box .btn:focus,
.select-section .main-select-box .left-box .btn:active{
    background-color: #7c049a;
    color: #ffffff;   
}
.select-section .main-select-box .right-box .btn:hover,
.select-section .main-select-box .right-box .btn:focus,
.select-section .main-select-box .right-box .btn:active{
    background-color: #7c049a;
    color: #ffffff;   
}
/*.select-section .main-select-box .right-box .btn,
.select-section .main-select-box .right-box .btn:hover,
.select-section .main-select-box .right-box .btn:focus,
.select-section .main-select-box .right-box .btn:active{
    color: #86c777 !important;
}*/
.select-section .main-select-box .right-box{
    /*text-align: right;
    background: #86c777;*/
}
.select-section .main-select-box .right-box .text{
    float: right;
}
/*end select section*/

/*start app section*/
.app-section{
    background: rgba(23, 125, 170, 0.12);
    padding: 120px 0;
    display: block;
    position: relative;
}
.app-section .app-mockup{
    display: block;
    position: relative;
    width: 400px;
    height: auto;
}
.app-section .app-mockup img{
    width: 100%;
    height: auto;
}
.app-section h4{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    color: #aaa;
    font-style: italic;
}
.app-section h2{
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
}
.app-section p{
    margin: 0;
    font-size: 12px;
    padding: 40px 0;
    width: 70%;
    line-height: 20px;
}
.app-section .app-button{
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 200px;
    height: auto;
   /* box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);*/
   /* border-radius: 10px;*/
}

.app-section .app-button a{
    display: block;
}
.app-section .app-button img{
    width: 100%;
    height: auto;
}

@media (max-width: 991px){
    .app-section .app-mockup{ margin-left: -100px; width: 300px; }
}

@media (max-width: 767px){
    .app-section .app-section-wrap{ position: relative; z-index: 1; }
    .app-section .app-mockup{ position: absolute; bottom: -65px; right: 0; opacity: .4; z-index: 0; width: 300px !important; }
}
/*end app section*/

/*start skills section*/
.top-skills-section ul{
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.top-skills-section ul li{
    display: inline-block;
    width: 25%;
    float: left;
    position: relative;
}
.top-skills-section ul li a{
    display: block;
    padding: 4px 18px 4px 20px;
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    margin: 3px 25px 3px 0;
    font-size: 12px;    
}
.top-skills-section ul li:before{
    content: "\f0da";
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    transition: all 0.7s;
    font-size: 15px;
    display: inline-block;
    top: 6px;
    color: #7c049a;
}
.top-skills-section ul li a:hover{color: #7c049a;}
/*.top-skills-section ul li:hover:before{
    left: 2%;
    opacity: 1;
}*/
/*end skills section*/

/*start post job and post service*/
.tip-section{
    display: block;
    position: relative;
}
.tip-section h3{
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
    padding-left: 7px;
}
.tip-section .tip-box{
    display: block;
    position: relative;
    background: #fff2b3;
    padding: 30px 20px;
    border-radius: 0 56px 0 0;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .08);
    color: #333;
}
.tip-section .tip-box:after{
	content: "";
	top: 0;
	right: 0;
	position: absolute;
	border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #fafafa transparent transparent;
}
.tip-section{
  position: relative;
  z-index: 1;
}
.tip-section:before, .tip-section:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #888;
  -webkit-box-shadow: 0 15px 10px #888;
  -moz-box-shadow: 0 15px 10px #888;
  box-shadow: 0 15px 10px #888;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.tip-section:after{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.tip-box .box-corner{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #e4d89f;
}
.tip-section .tip-box ol{
    padding: 0 20px;
    margin-bottom: 0;
}
.tip-section .tip-box ol li{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
}
.tip-section .tip-box ol li:last-child{
    margin-bottom: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
	line-height: 35px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 1px solid #7c049a;
}
.theme-form .form-group .bootstrap-select.btn-group{
	height: 46px;
}
.avatar-form .avatar-upload label{
    display: block;
    float: inherit;
    font-weight: 500 !important;
}
.avatar-form .avatar-upload input{
    margin-left: 0;
    width: 200px;
    height: 40px;
    margin-top: -47px;
    opacity: 0;
    cursor: pointer;
}
.avatar-form .avatar-upload .choose-img{
    color: #8c8c8c;
    border: 1px dashed #8c8c8c;
    background: #fff;
    box-sizing: border-box;
    width: 200px;
    height: 40px;
    display: inline-block;
    font-size: 15px;
    margin-top: 5px;
    padding-top: 9px;
    text-align: center;
    transition: color 500ms, background-color 500ms;
    cursor: pointer;
}


@media (max-width: 767px){
    .select-section .main-select-box .left-box{ background: none; }
    .select-section .main-select-box .left-box:before{ content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images-sd/hire-freelancer.png);
    background-repeat: no-repeat;
    background-position: right top 50%;
    width: 100%;
    background-size: 70%;
    bottom: 0;
    opacity: .4; }
    .select-section .main-select-box .select-box .text{ width: 100%; float: none; }

    .select-section .main-select-box .right-box{ background: none; }
    .select-section .main-select-box .right-box:before{ content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images-sd/search-job.png);
    background-repeat: no-repeat;
    background-position: left top 30px;
    width: 100%;
    background-size: 60%;
    bottom: 0;
    opacity: .4; }

}

@media(max-width: 420px){
     .tip-section .tip-box{padding: 30px 15px}
}
/*end post job and post service*/



/* === start review === */
.review-box{
    display: block;
    position: relative;
    background-color:#fff;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .08);
}

/*.review-box ul.review_data .btn-primary{
    padding: 16px 12px;
}*/
.review-box ul.review_data .stars{
    margin-bottom:10px;
    margin-top: 10px;
    text-align: center;
}
.review-box ul.review_data .stars label{display: block;}
.full-review .stars{
    margin-bottom: 10px;
}
.full-review .stars:last-child{
    margin-bottom: 0;
}
.full-review .star-rating{
    margin-top: 0;
}
.full-review .star-rating p{
    display: inline-block;
    margin-bottom: 0;
}
.full-review .star-ratings-sprite{
    float: right;
}
@media(max-width: 560px){
    .main-dashboard .review_rating ul li{padding: 15px; border-color: #c5c5c5;}
}
/* === end review === */


ul.theme-tabs{
    border-bottom: none;
}
ul.theme-tabs > li{
    outline: none;
}
ul.theme-tabs > li.active > a,
ul.theme-tabs > li.active > a:hover, 
ul.theme-tabs > li.active > a:focus,
ul.theme-tabs > li.active > a:active{
    color: #7c049a;
    border: 1px solid #fff;
    box-shadow: -1px -9px 12px rgba(0, 0, 0, .03);
    cursor: pointer;
}
ul.theme-tabs > li > a{
    color: #333;
    font-size: 16px;
    padding: 15px 25px;
    background: #eaeaea;
    border-bottom: none;
    margin-right: 5px;
}
ul.theme-tabs > li > a:hover{
    border-bottom: none;
    border-color: transparent;
}
/*== end tab design ==*/

/*==start filter section==*/
.left-filter .theme-form{
    padding: 20px;
}
.filter-title{
    display: block;
    position: relative;
    border-bottom: 1px solid #c5c5c5;
}
.filter-fields{
    display: block;
    position: relative;
    padding-top: 20px;
}
.main-dashboard .filter-fields .search_sidebar h3{
    margin-bottom: 10px;
    padding-bottom: 0;
}
.filter-fields .search_sidebar ul{
    padding-left: 15px;
}
.filter-fields .search_sidebar ul li a{
    color: #888;
}
.filter-fields .search_sidebar .form-group{
    margin-bottom: 0;
}
.filter-fields .search_sidebar .range_slider{
    margin-bottom: 10px;
}
/*==end filter section==*/

/*==start service listing==*/
.search-page .item-box{
    display: block;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 0px 12px rgba(0,0,0,0.08);
    border: none;
    border-radius: 4px;
    margin-bottom: 30px;
}
.search-page .item-box .item-img{
    display: block;
    position: relative;
    width: 100%;
    height: 160px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}
.search-page .item-box .item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.search-page .item-box .item-desc{
    display: block;
    position: relative;
    padding: 15px;
}
.search-page .item-box .item-desc h4{
    font-size: 15px;
    color: #555;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}
.search-page .item-box .item-desc .price-sales{
    display: block;
    position: relative;
    margin: 10px 0 15px;
    border-bottom: 1px solid #eee;
}
.search-page .item-box .item-desc .price-sales p{
    display: inline-block;
    font-size: 13px;
}
.search-page .item-box .item-desc .price-sales p.sales{
    float: right;
}
.search-page .item-box .item-desc .price-sales p span{
    font-weight: 600;
    font-size: 14px;
    color: #333;
}
.search-page .item-box .freelancer-details{
    display: block;
    position: relative;
}
.search-page .item-box .freelancer-details .freelancer-img{
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50px;
}
.search-page .item-box .freelancer-details .freelancer-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.search-page .item-box .freelancer-details p{
    font-size: 12px;
    color: #a1a1a1;
    margin-bottom: 0;
}
.search-page .item-box .freelancer-details .media-body{
    vertical-align: middle;
}
.search-page .item-box .freelancer-details h5{
    margin-bottom: 3px;
}
.search-page .item-box .freelancer-details h5 a{
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    color: #333;
}
.search-page .item-box .freelancer-details p.rating{
    color: #fac917;
    position: absolute;
    top: 9px;
    right: 0px;
    font-size: 15px;
}
/*==end service listing==*/

/*==start sub category==*/
.sub-category-section{display: block;position: relative;}
.sub-category-section .box-header .box-title{font-size: 18px;}
.sub-category-section .box.no-padding .box-body{padding: 5px 10px;}
.sub-category-section ul.category-listing{display: block;position: relative;margin: 0;padding: 0;list-style: none;}
.sub-category-section ul.category-listing > li{margin: 17px 0;}
.sub-category-section .sub-category-icon{display: inline-block;position: relative;width: 30px;height: auto;margin-right: 7px;}
.sub-category-section .sub-category-icon img{width: 100%;height: auto; filter: grayscale(1); }
.sub-category-section ul.category-listing h4{font-size: 16px;display: inline-block;vertical-align: middle;font-weight: 400;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub-category-section ul.category-listing h4 a{color: #555; font-weight: 500; line-height: 1.4;}
.sub-category-section ul.category-listing > li.active h4{font-weight: 700; color: #7c049a; }
.sub-category-section .box.no-padding .category-body{padding: 20px 0;}
.sub-category-section .category-item{display: block;position: relative;margin-bottom: 35px; box-shadow: 0 0 12px rgba(0,0,0,0.16); border-radius: 5px;}
.sub-category-section .category-item .category-img{display: block;position: relative;width: 100%;height: 164px;border-radius: 5px 5px 0 0;overflow: hidden; margin: auto; }
.sub-category-section .category-item .category-img img{width: 100%;height: 100%;object-fit: contain;}
.sub-category-section .category-item a{color: #555;text-align: center;}
.sub-category-section .category-item h4{font-size: 16px; margin: 0 auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 20px; padding: 20px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
/*==end sub category==*/

/*start freelancer search*/
.flu-list-wrap{display: block;position: relative;}
.flu-list-wrap .flu-lists{display: block;position: relative;padding: 0;margin: 0;list-style: none;}
.flu-lists .flu-search-item{display: block;position: relative;}
.flu-lists .flu-search-item.pbox{margin-bottom: 20px;}
.flu-lists .flu-search-item .pbox-body{display: table; width: 100%;}
.flu-lists .flu-search-item .pbox-body .flu-media{border-right: 1px solid #ddd;padding-right: 20px;}
.flu-lists .flu-search-item .pbox-body .flu-media,
.flu-lists .flu-search-item .pbox-body .flu-earning{display: table-cell;vertical-align: top;position: relative;}
.flu-lists .flu-search-item .pbox-body .flu-earning{width: 250px;padding-left: 20px;}
.flu-lists .flu-search-item .flu-img, .cm-job-item .flu-img{display: block;position: relative;width: 135px;height: 135px;overflow: hidden;border-radius: 5px;/*background: #f9f9f9*/;border: 1px solid #e5e5e5;}
.flu-lists .flu-search-item .flu-img img, .cm-job-item .flu-img img{width: 100%;height: 100%;object-fit: cover;object-position: top;}
.flu-lists .flu-search-item .flu-title-wrap{display: block;position: relative;margin-bottom: 10px;margin-right: 25px;}
.flu-lists .flu-search-item .flu-title-wrap h4{vertical-align: middle;display: inline-block;}
.flu-lists .flu-search-item .flu-title-wrap h4 a{color: #333;}
.flu-lists .flu-search-item .flu-title-wrap .flu-level{font-size: 13px;}
.flu-lists .flu-search-item .star-ratings-sprite{margin-bottom: 7px;}
.flu-lists .flu-search-item .flu-skills{position: relative;padding: 0;list-style: none;}
.flu-lists .flu-search-item .flu-skills li{position: relative;display: inline-block;color: #ffffff;margin-right: 15px;background-color: #7c049a; padding: 1px 8px; border-radius: 20px; margin: 0 5px 5px 0;}
.flu-lists .flu-search-item .flu-details{margin-bottom: 10px;}
.flu-lists .flu-earning .extra-info{display: block;position: relative;padding: 0;margin: 0;list-style: none;}
.flu-lists .flu-earning .extra-info li{display: block;margin: 3px 0;}
.flu-lists .flu-earning .extra-info li span{float: right;}
.flu-lists .flu-search-item .pbox-body span.like{position: absolute;top: 0;right: 15px;}
.flu-lists .flu-search-item .pbox-body span.like a{font-size: 18px;color: #7c049a; }
.flu-skills_new li{
	position: relative;
    display: inline-block!important;
    color: #7c049a;
    padding-right: 4px;
    margin: 0 5px 5px 0!important;
    font-size: 13px;
    line-height: 1;}
.flu-skills_new li:after {
    content: ',';
    position: absolute;
    bottom: 0;
    right: 0;
}	
/*end freelancer search*/



/*customer-favourite-services*/
.remove_saved {display: inline-block;float: right; color: #53fc53;}
.remove_saved .remove a{color:#53fc53;font-size: 18px;}
.remove_saved .signin-check{font-weight: 500;margin-top: 8px;}


.cust-fav-service-lists{ position: relative; display: block; }
  .cust-fav-service-lists .ctfs-item{ position: relative; display: block; }
  .ctfs-item .ctfs-like-btn{ position: absolute; display: inline-block; vertical-align: unset; right: 0; z-index: 1; }
  .ctfs-item .ctfs-like-btn a i{ font-size: 20px; }
  .ctfs-item .pbox-body{ position: relative; display: block; }
  .ctfs-item .ctfs-thumb{ position: relative; width: 350px; }
  .ctfs-item .ctfs-thumb img{ width: 100%; height: auto; object-fit: cover; }
  .ctfs-item .ctfs-wrap{ position: relative; display: table; width: 100%; vertical-align: middle; }
  .ctfs-item .ctfs-wrap-left-block{ position: relative; display: table-cell; vertical-align: top; padding: 0 15px; }
  .ctfs-item .ctfs-wrap-right-block{ position: relative; display: table-cell; vertical-align: top; width: 250px; text-align: center; padding: 0 0 0 15px;  }
  .ctfs-item .ctfs-wrap-right-block:before{ content: ""; background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(175,175,175,0.3) 50%, rgba(172,172,172,0.30196) 50%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(175,175,175,0.3) 50%, rgba(172,172,172,0.30196) 50%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(175,175,175,0.3) 50%, rgba(172,172,172,0.30196) 50%, rgba(0,0,0,0) 100%); position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; z-index: 1; }
  .ctfs-item .ctfs-title{position: relative; display: block; margin: 0 0 5px;}
  .ctfs-item .ctfs-details-list{position: relative; padding: 0; margin: 0 0 10px; list-style: none;}
  .ctfs-item .ctfs-details-list li{position: relative; display: inline-block; padding-right: 12px; margin-right: 5px; color: #858585;}
  .ctfs-item .ctfs-details-list li span{color: #353535;}
  .ctfs-item .ctfs-details-list li span.amount-wrap{font-size: 14px; display: inline-block; font-weight: 600;}
  .ctfs-item .ctfs-details-list li span.amount-wrap span{font-size: 80%;}
  .ctfs-item .ctfs-details-list li:after{content: '|'; position: absolute; right: 0;}
  .ctfs-item .ctfs-details-list li:last-child{padding-right: 0; margin-right: 0;}
  .ctfs-item .ctfs-details-list li:last-child:after{display: none;}
  .ctfs-item .author-details{ padding: 15px 0 0; }
  .ctfs-item .author-details .media-body{ padding: 0; vertical-align: middle; }
  .ctfs-item .ctfs-author{ position: relative; height: 70px; width: 70px; overflow: hidden; border-radius: 50px; }
  .ctfs-item .ctfs-author img{ width: 100%; height: 100%; object-fit: cover; }
  .ctfs-item .ctfs-bgdt-wrap{position: relative; display: block; padding-top: 20px;}
  .ctfs-item .ctfs-bgdt{font-size: 26px; color: #353535;}
  .ctfs-item .ctfs-sales{position: relative; display: block; padding-top: 5px;}
  .ctfs-item .view-more-btn{ display: block; position: absolute; right: 0; bottom: 0px; left: 20px; }
  
  @media (max-width: 1199px){
    .ctfs-item .desktop-view{ display: none; }    
    .ctfs-item .mobile-view{ display: block!important; } 
    .ctfs-item .ctfs-wrap-left-block{padding-right: 0;}
    .ctfs-item .ctfs-like-btn { position: relative; display: block; vertical-align: unset; right: 0; }
    .ctfs-item .ctfs-like-btn a{ z-index: 1; position: absolute; left: 10px; top: 10px; font-size: 16px; display: block; line-height: 35px; background-color: rgb(223, 223, 223, 0.6); width: 30px; height: 30px; border-radius: 50%; text-align: center; }
  }

  @media (max-width: 767px){
    .ctfs-item .ctfs-thumb-wrap{ position: relative; display: block; padding: 0; }
    .ctfs-item .ctfs-thumb{ width: 100%; }
    .ctfs-item .ctfs-wrap-left-block{ padding: 20px 0px 0; }
    .ctfs-item .author-details{padding: 0;}
    .remove_saved{float: inherit; position: relative; display: block; text-align: right; margin-top: -30px;}
  }
  @media (max-width: 420px){
    .cust-fav-service-lists .ctfs-item{padding: 0; overflow: hidden;}
    .ctfs-item .ctfs-wrap-left-block{padding: 15px;}
    .ctfs-item .ctfs-title{font-size: 16px;}
  }
/* === */

/*start sidenav mobile view*/
.sidenav{height: 100%;position: fixed;top: 0;left: -360px;background-color: #353535;overflow-x: hidden;transition: 0.5s;padding: 65px 10px;width: 250px;z-index: 11;}
.sidenav a{padding: 8px 16px;text-decoration: none;font-size: 14px;color: #fff;display: block;transition: 0.3s;}
.sidenav .closebtn{position: absolute;top: 10px;right: 10px;font-size: 26px; color: #ffffff;}
.sidenav .closebtn:hover, .sidenav .closebtn:focus{color: #ffffff}
.dashboard-btn{display: block;padding: 10px 0;color: #fff;}
.dashboard-btn h4{display: inline-block;margin-left: 7px;vertical-align: middle;}
.sidenav ul.dashboard-navbar > li:first-child{margin-left: 20px;}
.sidenav ul.dashboard-navbar > li{display: block;}
.sidenav ul.dashboard-navbar > li > a{padding: 15px 0;cursor: pointer;display: block;}
.sidenav ul.dashboard-navbar > li.active > a:after{content: none;}
@media screen and (max-height: 450px) {
    .sidenav{overflow: visible;}
    .sidenav .closebtn{top: 15px; right: 0px; background-color: #353535; padding: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; }
    .sidenav {padding-top: 15px;}
    

}
/*end sidenav mobile view*/
.user-feedback .rating{
    display: block;
    position: relative;
    margin-bottom: 15px;
}
.user-feedback .rating label{
    margin-bottom: 0;
}
.user-feedback .rating label.msg{
    margin-bottom: 5px;
}

/* ======================================================== */
#main-content {
    min-height: calc(100% - 316px);
    /* 
    Intercom widget issue
    margin-top: 70px; */
    background: transparent;
    overflow: hidden;
}
.homepage_class #main-content, 
.customer_home #main-content, 
.freelancer_home #main-content{margin-top: 0;}

.homepage_class section .container, 
.customer_home section .container,
.freelancer_home section .container{position: relative; z-index:4;}
/*start header*/
header .navbar-default{padding: 0; box-shadow: 0px 0px 15px rgba(0,0,0,.10);}
header .navbar-default .navbar-nav > li > a{padding: 25px 20px 25px; font-size: 15px; transition: all 0.5s; color: #232323;}
header .navbar-brand{ height: 70px; width: auto; padding: 12px 0 12px 0px; transition: all 0.5s;}
header .navbar-brand .logo-header{width: auto; height: 100%; margin: 0;}
header .navbar-brand .logo-header img{height: 100%; width:auto; margin: 0;}
header .navbar-default .navbar-nav li .dropdown-menu{border:none; border-radius: 4px; min-width: 220px; box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.15);}
header .navbar-right .dropdown-menu > li > a{font-weight: 500; padding: 12px 20px;}
header .navbar-default .navbar-nav li .dropdown-menu:before{border:none; box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.10);} 

/*header .navbar-default .navbar-collapse ul.navbar-right > li > a{ padding: 29px 20px 27px; }*/

@media(max-width: 767px){
    header .navbar-brand{padding-left: 15px;}
}
/*end header*/

/* ==== Start home header ==== */
.homepage_class header .navbar-default, 
.customer_home header .navbar-default, 
.freelancer_home header .navbar-default{background-color: transparent; box-shadow: none; padding: 0;    }
.homepage_class header .navbar-default .navbar-nav > li > a, 
.customer_home header .navbar-default .navbar-nav > li > a, 
.freelancer_home header .navbar-default .navbar-nav > li > a{padding: 28px 20px 27px; }
.homepage_class header .navbar-brand, 
.customer_home header .navbar-brand, 
.freelancer_home header .navbar-brand{ height: 75px; padding: 17px 0 16px 15px;}
.homepage_class header .navbar-default.affix, 
.customer_home header .navbar-default.affix, 
.freelancer_home header .navbar-default.affix{width: 100%; background-color: #ffffff; box-shadow: 0px 5px 10px rgba(0,0,0,.16);}
.homepage_class header .navbar-default.affix .navbar-nav > li > a, 
.customer_home header .navbar-default.affix .navbar-nav > li > a, 
.freelancer_home header .navbar-default.affix .navbar-nav > li > a{padding: 28px 20px 27px;}
.homepage_class header .navbar-default.affix .navbar-brand, 
.customer_home header .navbar-default.affix .navbar-brand, 
.freelancer_home header .navbar-default.affix .navbar-brand{ height: 70px;  padding: 16px 0 16px 15px;}

.homepage_class header .navbar-default .navbar-nav > li:last-child > a,
.customer_home header .navbar-default .navbar-nav > li:last-child > a,
.freelancer_home header .navbar-default .navbar-nav > li:last-child > a {padding-right: 0;}

.homepage_class header .navbar-default .navbar-nav > li.login-img > a, 
.customer_home header .navbar-default .navbar-nav > li.login-img > a, 
.freelancer_home header .navbar-default .navbar-nav > li.login-img > a{padding: 18px 20px 12.5px;}
.homepage_class header .navbar-default.affix .navbar-nav > li.login-img > a, 
.customer_home header .navbar-default.affix .navbar-nav > li.login-img > a, 
.freelancer_home header .navbar-default.affix .navbar-nav > li.login-img > a{padding: 18px 20px 12.5px;}
.navbar-default .navbar-nav > li.login-img > a{padding: 17px 20px 13px;}

.homepage_class .navbar-default .notification .number,
.customer_home .navbar-default .notification .number,
.freelancer_home .navbar-default .notification .number{top: 24px; transition: all 0.5s;}
.homepage_class .navbar-default.afterfix .notification .number,
.customer_home .navbar-default.affix .notification .number,
.freelancer_home .navbar-default.affix .notification .number{top: 21px; transition: all 0.5s;}
.notification .number{ transition: all 0.5s;}

.navbar-default .navbar-nav > li .language-selection, 
.homepage_class .navbar-default.affix .navbar-nav > li .language-selection,
.customer_home .navbar-default.affix .navbar-nav > li .language-selection,
.freelancer_home .navbar-default.affix .navbar-nav > li .language-selection{padding: 15px 0 15px 15px; transition: all 0.4s ease-out;}
.homepage_class .navbar-default .navbar-nav > li .language-selection,
.customer_home .navbar-default .navbar-nav > li .language-selection,
.freelancer_home .navbar-default .navbar-nav > li .language-selection{padding: 20px 0 15px 15px;}
.navbar-default .navbar-nav > li .language-selection select.form-control{height: 40px; width: 120px; }

.navbar .pmb-menu .message-icon{position: relative; display: block; width: 21px;  height: 20px; font-size: 20px;}
.navbar .pmb-menu .msg-item{padding: 10px 15px;}
.navbar .pmb-menu .msg-item:hover{background-color: rgba(41, 167, 223, 0.07);}
.navbar .pmb-menu .msg-item .cancel-noti{position: absolute; width: 13px; height: 13px; z-index: 2; right: 15px;}
.navbar .pmb-menu .msg-item .cancel-noti:before{content: ''; position: absolute; width: 13px; height: 1px; background: #555555; top: 6px; transform: rotate(45deg);}
.navbar .pmb-menu .msg-item .cancel-noti:after{content: ''; position: absolute; width: 13px; height: 1px; background: #555555; top: 6px;  transform: rotate(-45deg);}
.navbar .pmb-menu .msg-item .msg-user{font-weight: 600; margin:0 0 3px; font-size: 13px; color: #7c049a;}
.navbar .pmb-menu .msg-item p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 215px;}
.navbar .pmb-menu .msg-item .media .media-body .date-time{color: #757575; margin-top:2px; display: block; }
.navbar .pmb-menu .msg-item .media .media-body .date-time span{display: inline-block; color: #757575; margin-top: 0px; font-size:11px; position: relative;}
.navbar .pmb-menu .msg-item .media .media-body .msgdate{padding-right: 8px;}
.navbar .pmb-menu .msg-item .media .media-body .msgdate:after{ content: '\f111'; font-family: 'fontAwesome'; position: absolute; right: 0px; font-size: 4px; top: 5px; }
 

@media(max-width: 991px) and (min-width: 768px){
    .homepage_class header .navbar-default .navbar-nav > li > a, 
    .customer_home header .navbar-default .navbar-nav > li > a, 
    .freelancer_home header .navbar-default .navbar-nav > li > a, 
    .homepage_class header .navbar-default.affix .navbar-nav > li > a, 
    .customer_home header .navbar-default.affix .navbar-nav > li > a, 
    .freelancer_home header .navbar-default.affix .navbar-nav > li > a,
    header .navbar-default .navbar-nav > li > a{padding-right: 12px; padding-left: 12px; font-size: 14px;}
    .navbar-default .navbar-nav > li .language-selection select.form-control{ width: auto; }
}
@media(max-width: 767px){
    header .navbar-default .navbar-collapse{border-top: 1px solid #e5e5e5;}
    .homepage_class .navbar-default .navbar-nav > li .language-selection, 
    .customer_home .navbar-default .navbar-nav > li .language-selection, 
    .freelancer_home .navbar-default .navbar-nav > li .language-selection,
    .navbar-default .navbar-nav > li .language-selection, 
    .homepage_class .navbar-default.affix .navbar-nav > li .language-selection, 
    .customer_home .navbar-default.affix .navbar-nav > li .language-selection, 
    .freelancer_home .navbar-default.affix .navbar-nav > li .language-selection{padding: 15px;}

    .homepage_class header .navbar-default.affix-top, 
    .customer_home header .navbar-default.affix-top, 
    .freelancer_home header .navbar-default.affix-top{width: 100%; background-color: #ffffff; box-shadow: 0px 0px 15px rgba(0,0,0,.10); }
    header .navbar-default .navbar-nav>li>a {
        padding: 15px;
        display: block;
    }
    header .navbar-default .navbar-nav > li > a i{position: absolute; right: 15px; top: 15px; transform: rotate(-90deg); font-size: 16px; padding-top: 3px; transition: all 0.3s; }
    header .navbar-default .navbar-nav > li.open > a i{transform: rotate(0deg);}
    header .navbar .pmb-menu .message-icon i{transform: none; position: relative; top: unset; right: unset; padding: inherit; font-size: 20px;}
    header .navbar-default .navbar-nav > li{border-bottom: 1px solid #eee;}
    header .navbar-default .navbar-nav li.open ul.dropdown-menu{border-top: 1px solid #eeeeee !important; margin-left: 0; padding: 0;}
    header .navbar-default .navbar-nav li.open .dropdown-menu > li{border-bottom: 1px solid #eeeeee;}
    header .navbar-default .navbar-nav li.open .dropdown-menu > li:last-child{border-bottom: none;}

    .homepage_class header .navbar-brand, 
    .customer_home header .navbar-brand, 
    .freelancer_home header .navbar-brand,
    .homepage_class header .navbar-default.affix .navbar-brand, 
    .customer_home header .navbar-default.affix .navbar-brand, 
    .freelancer_home header .navbar-default.affix .navbar-brand{height: 70px; padding: 10px 15px;}
    .homepage_class header .navbar-default .navbar-nav > li > a, 
    .customer_home header .navbar-default .navbar-nav > li > a, 
    .freelancer_home header .navbar-default .navbar-nav > li > a, 
    .homepage_class header .navbar-default.affix .navbar-nav > li > a, 
    .customer_home header .navbar-default.affix .navbar-nav > li > a, 
    .freelancer_home header .navbar-default.affix .navbar-nav > li > a{padding: 15px; padding-right: 30px;}
}

/*affix-top css*/
.homepage_class header .navbar-default.affix-top, 
.customer_home header .navbar-default.affix-top, 
.freelancer_home header .navbar-default.affix-top{ background-color: rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); transition: all 0.5s; }
header .navbar-default.affix-top .navbar-brand .logo-header img{ transition: all 0.5s; }
header .navbar-default.affix-top .navbar-nav > li > a{ color: #ffffff; transition: all 0.5s; cursor: pointer; }
header .navbar-default.affix-top .navbar-nav>.open>a, 
header .navbar-default.affix-top .navbar-nav>.open>a:focus, 
header .navbar-default.affix-top .navbar-nav>.open>a:hover,
header .navbar-default.affix-top .navbar-nav> li > a:hover,
header .navbar-default.affix-top .navbar-nav> li > a:focus{
    color: #353535;
    background-color: transparent;
}
/*===*/

/* ==== End home header ==== */

/* ==== Common Title  ==== */
.page-title{position: relative; display: block; margin-bottom: 25px; padding: 0 0 12px;}
.page-title .main-title{position: relative; display: block; margin: 0; font-size: 28px; font-weight: 600;}
.page-title .title-info{margin: 0; font-size: 16px; color: #353535; font-weight: 500; margin-top: 10px;}
.page-title:after{content: ''; position: absolute; width: 50px; height: 1px; bottom: 0; left: 0; background-color: #7c049a;}
/* ==== End Common Title ==== */

/* ===== Email Newsletter Section ===== */
.homepage_class .email-subscribe-section, 
.customer_home .email-subscribe-section, 
.freelancer_home .email-subscribe-section{display: block;}
.email-subscribe-section{position: relative; display: none; z-index: 5; padding: 130px 0 60px; background: linear-gradient( -45deg, rgb(23, 125, 170) 30%,rgb(62, 198, 201) 60%); }
.email-subscribe-section:before{ content: ""; position: absolute; background-image: url(../images-sd/header-curve.png); width: 100%; height: 130px; top: -1px; left: 0; background-position: bottom; background-size: 100% 100%; background-repeat: no-repeat; opacity: 1; transform: rotateZ(180deg); }
.newsletter-wrap{position: relative; display: block; height: auto;}

/*.newsletter-wrap .newsletter-bg svg g{box-shadow:0px 2px 20px rgba(0, 0, 0, 0.18);}*/
.newsletter-content{position: relative; display: block; height: auto; color: #ffffff; z-index: 6; }
.newsletter-content .main-title{font-weight: 400; font-size: 30px; margin: 0 0 15px;}
.newsletter-content .title-info{font-size: 12px; font-weight: 400; margin: 0 0 25px;}
.newsletter-wrap .newsletter-form .form-group{position: relative; display: block; margin-bottom: 0;}
.newsletter-wrap .newsletter-form input.form-control{height: 50px; font-size: 16px; padding: 6px 15px; border:none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); padding-right: 150px; }
.newsletter-wrap .newsletter-form .form-group .btn{position: absolute; right: 2px; top: 2px; padding: 12px 35px 12px 15px; font-weight: 500; background-color: #7c049a;}
.newsletter-wrap .newsletter-form .form-group .btn span{ background-color: #7c049a; position: relative; z-index: 3; }
.newsletter-wrap .newsletter-form .form-group .btn:before{ content: "\f1d8"; position: absolute; font-family: FontAwesome; left: 50%; opacity: 0; transition: all 0.5s; z-index: 2;}
.newsletter-wrap .newsletter-form .form-group .btn:after{ content: "\f1d8"; position: absolute; font-family: FontAwesome; left: 77%; opacity: 1; color: rgba(0, 0, 0, 0.2); z-index: 1;}
.newsletter-wrap .newsletter-form .form-group .btn:hover:before{ left: 77%; opacity: 1; }
.newsletter-wrap .newsletter-object{position: absolute; display: block; height: 300px; width: 100%; bottom: -80px; right: 0; z-index: 5; background-image: url('../images-sd/subscribe.png'); background-size: contain; background-position: center center; max-width: 350px; background-repeat: no-repeat; }

@media (min-width: 1200px){
    .newsletter-wrap .newsletter-bg{width: 1080px; height: 260px; display: none;}
}
@media (max-width: 1199px){
    .newsletter-wrap .newsletter-object{ right: 0; }
    .newsletter-wrap .newsletter-content{ margin: inherit; left: 0; padding: 30px 15px 40px; width: 480px; }
    .newsletter-wrap .newsletter-bg{ display: none; }
    .homepage_class .email-subscribe-section{ margin-bottom: 0; }


    .email-subscribe-section:before{ top: -1px; }
    /*.email-subscribe-section{ margin-bottom: -40px; }*/

}
@media (max-width: 991px){
    /*.newsletter-wrap .newsletter-object{z-index: 1; left: -19%; width: 225px; height: 327px;}*/
    .newsletter-wrap .newsletter-bg{z-index: 2;}
    /*.newsletter-wrap .newsletter-content{left: 50%; margin-left: -280px; padding:20px 15px 30px;}*/
    .newsletter-wrap .newsletter-form .form-group{margin-bottom: 0;}
    .newsletter-content .main-title{font-size: 25px; margin-bottom: 15px;line-height: 30px;}
    .newsletter-content .title-info{font-size: 14px; margin-bottom: 15px;}
    
    .newsletter-wrap .newsletter-object { height: 200px; max-width: 250px; }
    .email-subscribe-section:before{ height: 90px; top: -1px; background-position: bottom; }



}
@media (max-width: 767px){
    .email-subscribe-section{padding-top: 00px;}
    .newsletter-wrap .newsletter-bg svg{display: none;}
    .newsletter-wrap .newsletter-content{position: relative;display: block; /*width: 100%; background: #28a8e0; border-radius: 6px; left: inherit;*/ margin: inherit; padding: 100px 20px 30px; /*box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);*/ width: 100%;}
    .newsletter-wrap .newsletter-object{left: 0; width: 103px; height: 150px; display: none;}
    .newsletter-content .title-info{ margin-bottom: 20px; }

    .newsletter-wrap .newsletter-content form{ position: relative; display: block; }
    .homepage_class .email-subscribe-section{ padding-bottom: 0; }

    .email-subscribe-section:before{ height: 70px; top: -1px; background-position: bottom; }
}   
@media (max-width: 560px){
    /*.newsletter-wrap .newsletter-content{ padding: 35px 15px 40px; }*/
}
@media (max-width: 420px){
    .newsletter-wrap .newsletter-form .form-group .btn{text-indent: 0; font-size: 0; padding: 8px 22px; height: 46px;}
    .newsletter-wrap .newsletter-form .form-group .btn:after{content: '\f1d8'; font-family: fontAwesome; font-size: 16px; top: 10px; left: 34%; color: #fff; }
    .newsletter-wrap .newsletter-form input.form-control{ padding-right: 50px; }
}
/* == */

/* ===== Footer Re-Design ===== */
footer.sawlii-footer{position: relative; display: block; padding: 10px 0 0px; background-color: #f7f7f7; color: #353535;}
.homepage_class footer.sawlii-footer, 
.customer_home footer.sawlii-footer, 
.freelancer_home footer.sawlii-footer{padding-top: 170px; z-index: 5;}
footer.sawlii-footer .footer-widget{position: relative; display: block; margin-bottom: 30px;}
.footer-widget .widget-title{font-size: 18px; font-weight: 700; margin: 0 0 36px; color: #353535;}
.footer-widget .widget-title:before{ content: ""; position: absolute;
    bottom: 2px;
    left: 0;
    background: #3dc4c8;
    width: 40px;
    height: 1px;
    top: 30px;
}
.footer-widget .widget-title:after{ content: "";
    position: absolute;
    bottom: 0;
    left: 0; top: 32px;
    width: 100px;
    height: 1px;
    background: #3dc4c8; }
.footer-widget .widget-content{position: relative; display: block;}
.footer-widget .widget-content ul.widget-menu li{margin-bottom: 10px; position: relative; display: block;}
.footer-widget .widget-content ul.widget-menu li:last-child{margin-bottom: 0;}
.footer-widget .widget-content ul.widget-menu li a{color: #353535; font-size: 12px;}
.footer-widget .widget-content ul.widget-menu li a:hover, 
.footer-widget .widget-content ul.widget-menu li a:focus{color: #7c049a;}
.footer-widget .widget-content p{color: #353535; font-size: 12px; }
.footer-widget .widget-logo{position: relative; display: block; height: 40px; width: auto; margin-top: -22px; margin-bottom: 17px;}
.footer-widget .widget-logo img{height: 100%; width: auto;}

.footer-widget .social-widget{list-style: none; padding: 0; margin: 20px 0 0 0;}
.footer-widget .social-widget li{ margin-right: 10px; padding: 0;}
.footer-widget .social-widget li a{position: relative; display: inline-block; font-size: 16px; width: 36px; height: 36px; color: #7c049a; background-color: #ffffff; border-radius: 50%; text-align: center; line-height: 36px; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.12); transition: all 0.5s;}
.footer-widget .social-widget li a:hover { background-color: #7c049a; color: #ffffff; }
.sawlii-footer-strip{position: relative; display: block; margin-top: 5px;}
.sawlii-footer-strip .footer-strip-content{position: relative; display: block; padding: 6px 0; border-top:1px solid #c5c5c5; color: #757575; text-align: left; font-size: 12px; }
@media (max-width: 1199px){
    .footer-widget .social-widget li{margin-right: 10px;}
}
@media (max-width: 991px){
    .homepage_class footer.sawlii-footer{ padding-top: 90px; }
}
@media (min-width: 768px) and (max-width: 991px){
    .footer-widget .widget-content{min-height: 160px;}
}
@media (max-width: 768px){
    .footer-widget .widget-logo{margin-top: 0; }
    /*.footer-widget .widget-title{margin-bottom: 15px;}*/
}
@media (min-width: 640px) and (max-width: 768px){
    .sawlii-footer > .container .row div[class*='col-']{
        width: 50%;
        float: left;
    }
    .footer-widget .widget-content{min-height: 160px;}
}

/* ----- */

.howitwork-wrap{position: relative; display: block;}
.howitwork-wrap .howitwork-items{position: relative; padding: 0; margin:0; list-style: none;}
.howitwork-items .howitwork-item {position: relative; display: block; width: 25%; height: auto; float: left; padding: 15px;}
.howitwork-item .hiw-item-wrap{position: relative; display: block; height: 100%; width: 100%;  z-index: 5;}
.howitwork-item .hiw-item-wrap .hiw-icon{position: relative; display: block; margin: 0px auto 0px; width: 150px; height: 150px; border-radius: 50%; background: #fff; border: 2px solid #7c049a; padding: 35px; z-index: 1;}
.howitwork-item .hiw-item-wrap .hiw-icon img{width: 100%; height: 100%;}
.howitwork-item .hiw-item-wrap .hiw-content{position: relative; display: block; text-align: center;}
.howitwork-item .hiw-item-wrap .hiw-content .hiw-title{font-size: 20px; font-weight: 500; margin-bottom: 15px; }
.howitwork-item .hiw-item-wrap .hiw-content p{margin-bottom: 0;}
.howitwork-item:nth-child(odd) .hiw-item-wrap .hiw-icon{margin-bottom: 35px;}
.howitwork-item:nth-child(even) .hiw-item-wrap .hiw-icon{margin-top: 35px;}

.howitwork-items .howitwork-item:after{content: ''; position: absolute; height: 54%; width: 3px; border-right: 2px dashed #7c049a; right: 0; bottom: 0; top: 23%; }

.howitwork-item .hiw-item-wrap:before { content: ""; position: absolute; height: 2px; width: 30%; background-color: #7c049a; right: -15px; top: 20%; }
.howitwork-item .hiw-item-wrap:after{ content: ""; position: absolute; height: 2px; width: 30%; background-color: #7c049a; left: -15px; bottom: 20%; }


.howitwork-items .howitwork-item:first-child .hiw-item-wrap:after{ display: none; }
.howitwork-items .howitwork-item:last-child .hiw-item-wrap:before{ display: none; }
.howitwork-items .howitwork-item:nth-child(3) .hiw-item-wrap:after{ bottom: unset; top: 20%; }
.howitwork-items .howitwork-item:nth-child(2) .hiw-item-wrap:before{ top: unset; bottom: 20%; }

.howitwork-items .howitwork-item:last-child:after{display: none;}

@media(min-width: 641px){
    .howitwork-item .hiw-item-wrap .media .media-left{display: block; float: inherit; width: 100%; margin: 0; padding: 0;}
    .howitwork-item .hiw-item-wrap .media .media-right{display: block; float: inherit; width: 100%; margin: 0; padding: 0;}
}
@media(max-width: 991px){
    .howitwork-items .howitwork-item {padding: 10px;}
    .howitwork-item .hiw-item-wrap .hiw-icon{width: 120px; height: 120px; padding: 30px;}
    .howitwork-item:nth-child(odd) .hiw-item-wrap .hiw-icon{margin-bottom: 25px;}
    .howitwork-item:nth-child(even) .hiw-item-wrap .hiw-icon{margin-top: 25px;}

    .howitwork-item .hiw-item-wrap:before{ right: -10px; }
    .howitwork-item .hiw-item-wrap:after{ left: -10px; }
}
@media(max-width: 767px){
    .howitwork-items .howitwork-item {padding: 0px;}
    .howitwork-item .hiw-item-wrap .hiw-icon{width: 100px; height: 100px; padding:20px;}

    .howitwork-items .howitwork-item { width: 100%; float: none; }
    .howitwork-item .hiw-item-wrap .hiw-icon{ display: inline-block; }
    .howitwork-item .hiw-item-wrap .hiw-content{ display: inline-block; text-align: left; padding: 0 0 0 10px; }
    /*.howitwork-item .hiw-item-wrap .media .media-left{ display: inline-block; float: none; }*/

    .howitwork-items .howitwork-item{float: inherit; width: 100%;}
    .howitwork-items .howitwork-item .hiw-item-wrap .hiw-icon{margin: 0;}
    .howitwork-item .hiw-item-wrap .media{overflow: visible;}
    .howitwork-items .howitwork-item .hiw-item-wrap .hiw-icon:after{
        content:'\f105';
        font-family: fontAwesome;
        position: absolute;
        top: 31px;
        font-size: 20px;
        color: #7c049a;
        left: -10px;
    }

    .howitwork-items .howitwork-item:nth-child(even) .hiw-item-wrap .hiw-icon:after{left: -9px;}
    .howitwork-items .howitwork-item .hiw-item-wrap .hiw-icon:before{content: ''; position: absolute; bottom: -14px; width: 12px; height: 12px; background-color: #80c8e8; display: block; border-radius: 50%; left: 45px;}
    .howitwork-items .howitwork-item:nth-child(even) .hiw-item-wrap .hiw-icon:before{left: 40px;}
    .howitwork-items .howitwork-item:last-child .hiw-item-wrap .hiw-icon:before{content: none;}
    /*.howitwork-items .howitwork-item:first-child .hiw-item-wrap .hiw-icon:after{content: none;}*/
    .howitwork-item:nth-child(odd) .hiw-item-wrap .hiw-content{text-align: left;}
    /*.howitwork-item:nth-child(even) .hiw-item-wrap .hiw-content{text-align: right;}*/
    .howitwork-item .hiw-item-wrap .media .media-body{vertical-align: middle;}
    .howitwork-items .howitwork-item {padding:15px 0; margin: 15px 10px 15px 60px; width: auto; }
    .howitwork-items .howitwork-item:nth-child(odd):after{transform: none;}
    .howitwork-items .howitwork-item:nth-child(even):after{transform: none;}
    .howitwork-items .howitwork-item:after{content: ' '; height: 55%; background: transparent; position: absolute; display: block; border-radius: 0px 35px; bottom: -16px; border-width: 0px 0px 2px 2px; border-style: dashed; border-color: #80c8e8; z-index: 0; left: 50px; width: 45%;}
    .howitwork-items .howitwork-item:nth-child(even):after{left: inherit; right: 50px; border-radius: 25px 0px; border-width: 0px 2px 2px 0px;}
    .howitwork-items .howitwork-item:before{ content: ' '; width: 45%; height: 55%; background: transparent; position: absolute; display: block; border-radius: 35px 0px; left: 50px; top: -16px; border-width: 2px 0px 0px 2px; border-style: dashed; border-color: #80c8e8; z-index: 0;}
    .howitwork-items .howitwork-item:nth-child(even):before{left: inherit; right: 50px; border-radius: 0px 25px; border-width: 2px 2px 0px 0px;}
    .howitwork-items .howitwork-item:first-child:before{display: none;}


    /*.howitwork-item .hiw-item-wrap:after{ display: none; }*/
    /*.howitwork-item .hiw-item-wrap:before{ display: none; }*/
    .howitwork-item .hiw-item-wrap .media{ display: block; }
    .howitwork-item .hiw-item-wrap .media-right{ float: left; display: inline-block; padding: 0; }
    /*.howitwork-item .hiw-item-wrap .media .media-body{ display: inline-block; width: auto; }*/
    .howitwork-item:nth-child(even) .hiw-item-wrap .hiw-content{ text-align: left; }
    /*.howitwork-item .hiw-item-wrap{ display: table; width: auto; }*/
    .howitwork-item .hiw-item-wrap .media .media-left{ padding: 0; width: auto; vertical-align: middle; display: table-cell; }
    .howitwork-items .howitwork-item:after{ display: none; }
    .howitwork-items .howitwork-item:before{ display: none; }
    .howitwork-item .hiw-item-wrap .media .media-right{ display: inline-block; float: none; width: auto; }
    .howitwork-items .howitwork-item .hiw-item-wrap .hiw-icon:before{ display: none; }

    .howitwork-wrap .howitwork-items:before{ content: ""; position: absolute; display: inline-block; left: 10px; border: 1px dashed #7c049a; height: 77%; top: 60px; }
    .howitwork-wrap .howitwork-items .howitwork-item .hiw-item-wrap:before{ content: ""; position: absolute; display: inline-block; bottom: 52px; border: 1px dashed #7c049a; height: 1px; width: 44px; left: -50px; background: none; border-radius: 0; right: unset; top: unset; }
    .howitwork-item .hiw-item-wrap:after{ content: ""; position: absolute; display: inline-block; background-color: #7c049a; height: 15px; width: 15px; border-radius: 50%; left: -56px; bottom: 47px; right: unset; top: unset; }
    .howitwork-items .howitwork-item:nth-child(3) .hiw-item-wrap:after{ bottom: 47px; top: unset; }
    .howitwork-items .howitwork-item:first-child .hiw-item-wrap:after{ display: inline-block; }

    .homepage_class footer.sawlii-footer{ padding: 60px 0 0px; }

}
@media(max-width: 640px){
    
    /*.howitwork-items .howitwork-item{float: inherit; width: 100%;}
    .howitwork-items .howitwork-item .hiw-item-wrap .hiw-icon{margin: 0;}
    .howitwork-item .hiw-item-wrap .media{overflow: visible;}
    .howitwork-items .howitwork-item .hiw-item-wrap .hiw-icon:after{
        content:'\f107';
        font-family: fontAwesome;
        position: absolute;
        top: -19px;
        font-size: 20px;
        color: #80c8e8;
        left: 43px;
    }
    .howitwork-items .howitwork-item:nth-child(even) .hiw-item-wrap .hiw-icon:after{left: 41px;}
    .howitwork-items .howitwork-item .hiw-item-wrap .hiw-icon:before{content: ''; position: absolute; bottom: -14px; width: 12px; height: 12px; background-color: #80c8e8; display: block; border-radius: 50%; left: 45px;}
    .howitwork-items .howitwork-item:nth-child(even) .hiw-item-wrap .hiw-icon:before{left: 40px;}
    .howitwork-items .howitwork-item:last-child .hiw-item-wrap .hiw-icon:before{content: none;}
    .howitwork-items .howitwork-item:first-child .hiw-item-wrap .hiw-icon:after{content: none;}
    .howitwork-item:nth-child(odd) .hiw-item-wrap .hiw-content{text-align: left;}
    .howitwork-item:nth-child(even) .hiw-item-wrap .hiw-content{text-align: right;}
    .howitwork-item .hiw-item-wrap .media .media-body{vertical-align: middle;}
    .howitwork-items .howitwork-item {padding:15px 0; margin-bottom: 30px;}
    .howitwork-items .howitwork-item:nth-child(odd):after{transform: none;}
    .howitwork-items .howitwork-item:nth-child(even):after{transform: none;}
    .howitwork-items .howitwork-item:after{content: ' '; height: 55%; background: transparent; position: absolute; display: block; border-radius: 0px 35px; bottom: -16px; border-width: 0px 0px 2px 2px; border-style: dashed; border-color: #80c8e8; z-index: 0; left: 50px; width: 45%;}
    .howitwork-items .howitwork-item:nth-child(even):after{left: inherit; right: 50px; border-radius: 25px 0px; border-width: 0px 2px 2px 0px;}
    .howitwork-items .howitwork-item:before{ content: ' '; width: 45%; height: 55%; background: transparent; position: absolute; display: block; border-radius: 35px 0px; left: 50px; top: -16px; border-width: 2px 0px 0px 2px; border-style: dashed; border-color: #80c8e8; z-index: 0;}
    .howitwork-items .howitwork-item:nth-child(even):before{left: inherit; right: 50px; border-radius: 0px 25px; border-width: 2px 2px 0px 0px;}
    .howitwork-items .howitwork-item:first-child:before{display: none;}*/
}
@media(max-width: 560px){
    .howitwork-items .howitwork-item:before,
    .howitwork-items .howitwork-item:after{width: 41%;}
}
@media(max-width: 480px){
    .howitwork-items .howitwork-item:before,
    .howitwork-items .howitwork-item:after{width: 39%;}

    .howitwork-item .hiw-item-wrap .hiw-icon{ padding: 10px; width: 60px; height: 60px; }
    .howitwork-item .hiw-item-wrap:before{ display: none; }
    .howitwork-items .howitwork-item .hiw-item-wrap .hiw-icon:after { content: '\f107'; top: -19px; left: 18px;  }
    .howitwork-items .howitwork-item:first-child .hiw-item-wrap .hiw-icon:after{display: none;} 
    .howitwork-item:last-child .hiw-item-wrap:after{ display: none; }
    .howitwork-wrap .howitwork-items .howitwork-item .hiw-item-wrap:before{ display: none; }
    .howitwork-wrap .howitwork-items:before { left: 30px; }
    .howitwork-item .hiw-item-wrap:after { left: 23px; z-index: 1; bottom: 5px; }
    .howitwork-items .howitwork-item{ margin: 15px 0; }
    .howitwork-items .howitwork-item:nth-child(even) .hiw-item-wrap .hiw-icon:after { left: 22px; }
    .howitwork-items .howitwork-item:nth-child(odd) .hiw-item-wrap .hiw-icon:after { left: 22px; }
    .howitwork-items .howitwork-item:nth-child(3) .hiw-item-wrap:after{ bottom: 5px; }

}
@media(max-width: 390px){
    .howitwork-items .howitwork-item:before,
    .howitwork-items .howitwork-item:after{width: 36%;}
}

.theme-box{
    background-color: #ffffff;
    box-shadow: 0 0px 12px rgba(0,0,0,0.08);
    border:none;
}


/* ========================================================== */
/* ====================== Common CSS ======================== */

.liststyle-none{list-style: none; padding: 0; margin: 0;}
a{color: #7c049a;}
a:hover, a:focus{color: #40c1f9;}

a.btn{color: #ffffff;}
.btn-md{padding: 10px 15px;}
.btn-lg{font-size: 20px; padding: 13px 15px; font-weight: 500;}

/* Main Heading */
h1.main-heading {
    font-size: 28px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 0;
    position: relative;
}
.main-heading-wrap{ position: relative; display: block; width: 100%; margin-bottom: 25px; padding-right: 90px;}
.main-heading-wrap .main-heading{position: relative; display: block; font-size: 28px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    position: relative;
    padding-bottom: 15px;}
.main-heading-wrap .main-heading-tool{position: absolute; bottom: 10px; right: 0;}
@media(max-width: 767px){
    h1.main-heading, .main-heading-wrap .main-heading{font-size: 24px;}
}
/* Main Heading End */

/* ==== Box Design ==== */

.box{position: relative; border-radius: 4px; background: #ffffff; margin-bottom: 30px; width: 100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);}
.box .box-header { color: #444; display: block; padding: 20px 20px 0px; position: relative;}
.box .box-header.with-border { border-bottom: 1px solid #f4f4f4; padding: 20px;}
.box-header .box-title { display: inline-block; font-size: 16px; margin: 0; padding-bottom: 14px; text-transform: uppercase; color: #353535; }
.box-header .box-title:after{content: ''; position: absolute; display: block; width: 50px; height: 1px; background: #7c049a; left: 20px; bottom: 0;}
.box .box-body { position: relative; display: block; padding: 20px; border-radius: 0px 0px 4px 4px; color: #656565;}
.box-header .box-tools a{position: relative; display: block; width: 14px; height: 14px;}
.box-header .box-tools a:after{content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #555555; top: 6px; left: 0;}
.box-header .box-tools a:before{content: ''; position: absolute; display: block; width: 2px; height: 100%; background: #555555; left: 6px; top: 0; opacity: 0; transition: all 0.5s;}
.box-header .box-tools a.collapsed:before{opacity: 1;}
@media(max-width: 991px){
    .box .box-body{padding: 15px;}
    .box .box-header{padding: 15px 15px 0;}
}
.box.no-padding,
.box.no-padding .box-header,
.box.no-padding .box-body{ padding: 0;  text-transform: capitalize;}
.box.no-padding .box-header .box-title{ text-transform: capitalize;}
.box.no-padding .box-header .box-title:after{left: 0;}
.box.no-bg{background-color: transparent; box-shadow: none;}

.tab-content .box{box-shadow: none; margin-bottom: 40px;}
.tab-content .tab-pane .box:last-child{margin-bottom: 0;}
.tab-content .box .box-header{padding: 0 0 0px; margin-bottom: 10px;}
.tab-content .box-header .box-title:after{left: 0;}
.tab-content .box .box-body{padding: 0px 0 0 0;}
/* ==== End Box ==== */

/* ==== Panel Design ==== */
.panel {padding: 0 20px;}
.panel .panel-heading{background-color: #ffffff; padding: 20px 0 15px;  border-bottom-color: #c5c5c5;}
.panel .panel-body{padding: 20px 0;}
.panel .panel-heading .panel-title { display: inline-block; font-size: 18px; margin: 0; line-height: 1; }
.panel.no-bg, 
.panel.no-bg .panel-heading, 
.panel.no-bg .panel-body{background-color: transparent; box-shadow: none;}
.panel.no-padding{padding: 0}
.panel .panel-heading .form-control{height: 40px; margin-top: -12px; max-width: 250px;}
.panel .panel-heading .btn{height: 40px; margin-top: -12px;}
@media(max-width: 991px){
    .panel{padding: 0 15px;}
    .panel .panel-heading, .panel .panel-body{padding: 15px 0;}
    .panel .panel-heading .form-control{height: 36px; margin-top: -8px; width: 180px;}
    .panel .panel-heading .btn{height: 36px; margin-top: -8px; padding: 6px 15px;}
}
/* ==== End panel ==== */

/* ==== Tabs Design ==== */
.sawlii-tabs-wrap{position: relative; display: block; margin-bottom: 30px;}
.sawlii-tabs-wrap .nav-tabs{border: none;}
.sawlii-tabs-wrap .nav-tabs > li {margin-right: 5px;}
.sawlii-tabs-wrap .nav-tabs > li > a{background-color: #7c049a; font-size: 16px; border-radius: 4px 4px 0 0; color: #ffffff; padding: 12px 16px; font-weight: 500; text-transform: capitalize; margin: 0;}
.sawlii-tabs-wrap .nav-tabs > li > a:hover{background-color: #3396c2;}
.sawlii-tabs-wrap .nav-tabs > li.active{z-index: 5;}
.sawlii-tabs-wrap .nav-tabs > li.active > a{border: none; background-color: #ffffff; color: #7c049a; box-shadow: -0px -9px 12px rgba(0, 0, 0, .03);}
.sawlii-tabs-wrap .nav-tabs > li{outline: none;}
.sawlii-tabs-wrap .nav-tabs > li > a, .sawlii-tabs-wrap .nav-tabs > li > a:hover{border: none;border-color: transparent;}
.sawlii-tabs-wrap .tab-content{background-color: #ffffff; position: relative; display: block; padding: 20px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08); border-radius: 0 0 4px 4px; z-index: 2;}
/* ==== End Tabs ==== */

/* ==== post-box ==== */
.pbox{position: relative; display: block; border-radius: 4px; padding: 20px; background: #ffffff; margin-bottom: 30px; width: 100%; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08); }
.pbox.no-padding{padding: 0;}
.pbox .pbox-header{color: #444; display: block; padding: 20px; position: relative; border-bottom: 1px solid #d5d5d5; margin-bottom: 20px;}
.pbox .pbox-header.no-padding{padding: 0 0 20px;}
.pbox .pbox-header.no-margin{margin: 0px;}
.pbox .service-featured + .pbox-header{padding-right: 50px;}
.pbox .pbox-header .pbox-title{position: relative; display: block; font-size: 24px; line-height: 1.3; font-weight: 600; color: #333333; margin: 0 0 12px; }
.pbox .pbox-header .pbox-breadcrumb{position: relative; display: block; color: #7c049a; }
.pbox .pbox-header .pbox-breadcrumb span{padding: 0 6px; color: #adadad;}
.pbox .pbox-body{position: relative; display: block; padding: 20px; color: #656565;}
.pbox .pbox-body.no-padding{padding:0px 0 0;}
.pbox-body .pbox-body-panel{position: relative; display: block; margin-bottom: 30px;}
.pbox-body .pbox-body-panel:last-child{margin-bottom: 0;}
.pbox-body .pbox-body-panel .pbox-body-title{position: relative; display: block; font-size: 18px; color: #333333; font-weight: 600; margin-bottom: 10px;}
.pbox-body .pbox-body-panel .pbox-body-info{position: relative; display: block; color: #666666; line-height: 1.7;}
.pbox-body .pbox-body-panel .pbox-body-info p:last-child{margin-bottom: 0;}
@media(max-width: 991px){
    .pbox, .pbox .pbox-body, .pbox .pbox-header{padding: 15px;}
}
/* ==== End post-box ==== */

.detail-section{position: relative; display: block; padding: 50px 0;}

/* ==== Searchbar Section ==== */
.main-dashboard.add-searchbar{padding-top: 0;}
.serchbar-section{position: relative; display: block; padding: 12px 0; background-color: #ffffff;}
.serchbar-section input{height: 42px; border-radius: 3px; border-color: #e1e1e1;}
/* ==== */

/* ==== Left Sidebar ==== */
.left-sidebar{position: relative; display: block; width: 100%;}

/* ---- Filter Box ---- */
.filter-box{position: relative; display: block; margin-bottom: 30px;}
.left-sidebar .panel .panel-body .filter-box:last-child{margin-bottom: 0;}
.filter-box .filter-title{position: relative; font-size: 16px; font-weight: 500; border:none; margin-bottom: 15px;}
.filter-box .filter-body{position: relative; display: block;}
.filter-body .filter-lists{position: relative; display: block; list-style: none; margin: 0; padding: 0;}
.filter-body .filter-lists li{position: relative; display: block; margin-bottom: 15px;}
.filter-body .filter-lists li:last-child{margin-bottom: 0;}
.filter-body .filter-lists li label{color: #555555; margin-bottom: 0px;}
/* ---- */

/* ==== Left Sidebar End ==== */

/* ==== post-breadcrumbs ==== */
.post-breadcrumbs{position: relative; display: block; padding: 0; margin: 0 0 10px; list-style: none;}
.post-breadcrumbs li{position: relative; display: inline-block; color: #858585; padding-right: 12px; margin-right: 4px;}
.post-breadcrumbs li:after{content: '\f105'; position: absolute; font-family:FontAwesome; right: 0;}
.post-breadcrumbs li:last-child{padding: 0; margin: 0;}
.post-breadcrumbs li:last-child:after{display: none;}
@media(max-width: 480px){
    .post-breadcrumbs li{font-size: 13px;}
}
/* ==== post-breadcrumbs End ==== */

/* ==== sawlii Checkbox ==== */
.sawlii-check {display: block;position: relative;padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 7px;}
.sawlii-check .checkmark { position: absolute; top: 1px; left: 0;height: 18px; width: 18px; background-color: #ddd; border-radius: 3px;}
.sawlii-check .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 11px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.sawlii-check input:checked ~ .checkmark:after { display: block; }
.sawlii-check input:checked ~ .checkmark{background-color: #7c049a;}
.sawlii-check input[type="checkbox"]:not(:checked), 
.sawlii-check input[type="checkbox"]:checked{ position: absolute; opacity: 0; visibility: hidden}
/* ==== sawlii Checkbox End ==== */

/* ==== Badge ==== */
.badge{background-color: transparent; border:1px solid #e5e5e5;font-weight: 600; color: #e5e5e5; vertical-align: middle;font-size: 12px;}
.badge.badge-success{color: #28a745; border-color:#28a745;}
.badge.badge-danger{color: #dc3545; border-color: #dc3545;}
.badge.badge-warning{color: #e4952f; border-color: #e4952f;}
.badge.badge-primary{color: #7c049a; border-color: #7c049a;}
.badge.badge-secondary{color: #6c757d; border-color: #6c757d;}
/* ==== Badge End==== */

.main-dashboard .after-login-wrap ul{list-style: none; padding: 0; margin: 0; font-size: 14px;}

.featured-label{position: relative; display: inline-block; }
.featured-label label{background-color: #7c049a; font-size: 12px; font-weight: 400; border-radius: 50px; padding: 2px 10px; margin-bottom: 0;}
/* ====================== Common CSS End ==================== */
/* ========================================================== */

/* ==== Main Dashboard ==== */
.main-dashboard{position: relative; display: block; padding: 30px 0; }
.main-dashboard p{margin-bottom: 15px; color: #656565; }
.main-dashboard p:last-child{margin-bottom: 0;}

/* ---- Dashboard Navigation ---- */
.dashboard-navigation{position: relative; display: block; background-color: #7c049a;}
.dashboard-navigation ul.dashboard-navbar{position: relative; display: block; margin: 0; padding: 0; list-style: none; }
ul.dashboard-navbar > li {position: relative; display: inline-block; margin:0 10px;}
ul.dashboard-navbar > li > a{position: relative; display: block; padding: 20px 0px;color: #ffffff!important; font-weight: 400; }
ul.dashboard-navbar > li.active > a{font-weight: 600;}
ul.dashboard-navbar > li:first-child{margin-left: 0;}
ul.dashboard-navbar > li.active > a:after{content: ''; position: absolute; width: 12px; height: 12px; background-color: #7c049a; bottom: -6px; transform: rotate(45deg); left: 50%; margin-left: -6px; z-index: 1; }
@media(max-width: 1199px) and (min-width: 992px){
    ul.dashboard-navbar > li{margin: 0 15px;}
}
/* ---- */

/* ---- personal-dashboard ---- */
.personal-dashboard-wrap{position: relative; display: block; }
.personal-dashboard-wrap .user-switch-wrap{position: relative; display: block; text-align: center; width: 234px; height: auto; padding: 10px 0 5px;}
.user-switch-wrap .user-avatar-wrap{position: relative; display: inline-block; margin-bottom: 24px;}
.user-avatar-wrap .user-avatar{position: relative; display: block; width: 160px; height: 160px; border-radius: 50%; overflow: hidden; margin: 0 auto; box-shadow: 0px 0px 0px 5px #f0f0f0; z-index: 2;}
.user-avatar-wrap .user-avatar img{width: 100%; height: 100%; object-fit: cover;}
.user-avatar-wrap .update-camera{position: absolute; bottom: 0px; right: 0px; z-index: 2;}
.user-avatar-wrap .update-camera a{display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: #7c049a; color: #ffffff; border-radius: 50%;}
.user-switch-wrap .user-avatar-wrap:after{content:''; display: block; width: 36px; height: 36px; position: absolute; background: #ffffff; border-radius: 50%; z-index: 1; bottom: 0; right: 0; box-shadow: 0px 0px 0px 5px #f0f0f0;}
.user-switch-wrap .switch-wrap {position: relative; display: table; margin: 0 auto}
.user-switch-wrap .switch-wrap .switch-btn{position: relative; display: table-cell; border-radius: 50px; border: 1px solid #e5e5e5; padding: 3px 10px; min-width: 100px; text-align: center;}
.switch-wrap .switch-btn.btn-flr{border-color:#7c049a; border-radius: 50px 0 0 50px; }
.switch-wrap .switch-btn.btn-flr.active{background-color:#7c049a; color: #ffffff; }
.switch-wrap .switch-btn.btn-ctm{border-color:#7c049a; color:#7c049a; border-radius: 0px 50px 50px 0px; }
.switch-wrap .switch-btn.btn-ctm.active{color: #ffffff;}
.personal-dashboard-wrap .user-details-wrap{ position: relative; display: table; width: 100%; height: auto; }
.user-details-wrap .personal-details-wrap, .user-details-wrap .work-detail-wrap{position: relative; display: table-cell; padding: 10px 0;}
.user-details-wrap .personal-details-wrap {padding-right: 15px; border-right: 1px solid #e5e5e5;}
.personal-details-wrap .user-title-wrap{position: relative; display: block; padding-right: 0px; margin-bottom: 20px;}
.personal-details-wrap .user-title-wrap .user-name{font-size: 22px; font-weight: 600; margin: 0 0 10px; color: #252525; padding-right: 30px;}
.personal-details-wrap .user-title-wrap .user-profile-edit{position: absolute; right: 0; top:0px;}
.user-title-wrap .star-ratings-sprite{margin-bottom: 5px;}
.user-title-wrap .user-since-detail li{display: inline-block; position: relative; color: #666666; font-size: 14px; padding: 0 10px;}
.user-title-wrap .user-since-detail li:after{content: ''; position: absolute; height: 3px; width: 3px; background-color: #666666; right: -3px; border-radius: 50%; bottom: 9px;}
.user-title-wrap .user-since-detail li:first-child{padding-left: 0;}
.user-title-wrap .user-since-detail li:last-child{padding-right: 0;}
.user-title-wrap .user-since-detail li:last-child:after{display: none;}
.personal-details-wrap .user-location-detail li{position: relative; display: block; color: #666666; margin-bottom: 5px; font-size: 14px; padding-right: 25px;}
.personal-details-wrap .user-location-detail li span{display: inline-block; width: 20px; text-align: center; margin-right: 10px; font-size: 18px; color: #7c049a; vertical-align: middle;}
.user-details-wrap .work-detail-wrap{width: 290px; padding-left: 15px;  padding-right: 15px;}
.work-detail-wrap .work-detail-total li{position: relative; display: block; margin-bottom: 10px; font-size: 15px; color: #666666;}
.work-detail-wrap .work-detail-total li span{float: right; color: #353535;}
.kwdamount{display: inline-block; vertical-align: bottom; font-weight: 600; font-size: 16px;}
.kwdamount sub{font-size: 10px; display: inline-block; bottom: 0px; padding-left: 1px;}

.customer-user .user-title-wrap{margin-bottom: 15px;}
.personal-details-wrap .cust-user-desc{position: relative; display: block; margin: 5px 0 0; color: #353535;}
.personal-details-wrap .cust-user-location{position: relative; display: block; margin: 5px 0 0; }
.personal-details-wrap .cust-user-location span{display: inline-block; padding-left: 2px;  margin-right: 10px; font-size: 18px; color: #7c049a;}
.personal-details-wrap .cust-user-rating-lists{position: relative; display: block;}
.personal-details-wrap .cust-user-rating-lists li{position: relative; display: block; color: #666666; margin-bottom: 10px; font-size: 14px;}
.personal-details-wrap .cust-user-rating-lists li:last-child{margin-bottom: 0;}
.personal-details-wrap .cust-user-rating-lists li .star-ratings-sprite{margin-right: 10px;}
.profile-edit-wrap{position: relative; padding: 20px 0 0;}
.avatar-form .avatar-upload label{ color: #ffffff; width: auto; float: left;}

.freelancer-details-profile .user-switch-wrap .user-avatar-wrap:after{display: none;}
.freelancer-details-profile .user-switch-wrap .invite-wrap {position: relative; display: block; }
.freelancer-details-profile .user-switch-wrap .invite-wrap .btn{font-size: 16px; padding: 8px 15px; font-weight: 500;}
.freelancer-details-profile .personal-details-wrap .user-title-wrap .user-profile-action{position: absolute; right: 0; top: 0;}

/* ---- */

/* ---- Dashboard Sidebar ---- */
.dashboard-sidebar .myskills-box:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 0;}
.myskills-box{position: relative; display: block; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.myskills-box .skills-title{position: relative; display: block; margin-bottom: 15px; padding-bottom: 14px; text-transform: uppercase; color: #353535; font-weight: 500; font-size: 16px;}
.myskills-box .skills-title:after{content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #7c049a;}
.myskills-box .skills-list{padding: 0; margin: 0; list-style: none;}
.skills-list li{position: relative; display: block; margin-bottom: 10px; color: #656565; font-weight: 500; padding-right: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.skills-list li:last-child{margin-bottom: 0;}
.skills-list li a.remove-skill{position: absolute; display: block; float: right; height: 13px; width: 13px; background: transparent; right: 0; top: 3.5px;}
.skills-list li a.remove-skill:before{content: ''; position: absolute; width: 100%; height: 1px; background-color: #757575; top:6px; left: 0; transform: rotate(-45deg);}
.skills-list li a.remove-skill:after{content: ''; position: absolute; width: 100%; height: 1px; background-color: #757575; top:6px; left: 0; transform: rotate(45deg);}
.skills-list li a.remove-skill:hover:before ,
.skills-list li a.remove-skill:hover:after{background-color: #ea4746}


.skills-list li a.remove-project-type{position: absolute; display: block; float: right; height: 13px; width: 13px; background: transparent; right: 0; top: 3.5px;}
.skills-list li a.remove-project-type:before{content: ''; position: absolute; width: 100%; height: 1px; background-color: #757575; top:6px; left: 0; transform: rotate(-45deg);}
.skills-list li a.remove-project-type:after{content: ''; position: absolute; width: 100%; height: 1px; background-color: #757575; top:6px; left: 0; transform: rotate(45deg);}
.skills-list li a.remove-project-type:hover:before ,
.skills-list li a.remove-project-type:hover:after{background-color: #ea4746}



.skills-list li a.add-skill{font-size: 14px;}
.skills-list li a.add-skill span{font-size: 17px; padding-right: 5px;}
/* ---- */

/* ---- Dashboard Tabs ---- */
.sawlii-tabs-wrap .panel{margin-bottom: 0; padding: 20px;}
.sawlii-tabs-wrap .panel.theme-box{ box-shadow: unset; }
.sawlii-tabs-wrap .panel .panel-heading{ padding-top: 0; }
.sawlii-tabs-wrap .panel .panel-heading .panel-title{text-transform: uppercase; font-size: 14px;}
.fl-services {position: relative; display: block;}
.fl-services .fl-services-item{position: relative; display: block; background: #ffffff; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.fl-services .fl-services-item .media{margin: 0;}
.fl-services .fl-services-item .like{position: absolute; top: 3px; right: 3px;  z-index: 2; }
.fl-services .fl-services-item .like a.save_service{position: relative; font-size: 14px; display: block; width: 30px; height: 30px; border-radius: 50%; background-color: #7c049a; line-height: 30px; text-align: center; color: #ffffff;}
.fl-services-item .media-left{padding:0; position: relative;}
.fl-services-item .fl-service-thumb{position: relative; display: block; width: 190px; height: 150px; overflow: hidden; margin-right: 20px;}
.fl-services-item .fl-service-thumb img{width: 100%; height: 100%; object-fit: cover;}
.fl-services-item .fl-service-heading{position: relative; display: block; margin-bottom: 10px;}
.fl-services-item .fl-service-heading .main-title, 
.fl-services-item .fl-service-heading span{display: inline-block; margin:0 5px 0 0; font-size: 16px; }
.fl-services-item .fl-service-heading span{font-size: 12px; font-weight: 600; color: #757575;}
.fl-services-item .fl-service-price{position: relative; display: block; font-size: 16px; color: #353535; font-weight: 700; margin-bottom: 5px;}
.fl-services-item .fl-service-price label{color: #656565; font-weight: 400;}
.fl-services-item .fl-service-price sub{bottom: 0;}
.fl-services-item .fl-service-sort-info{font-size: 14px; }
.fl-services-item .fl-service-info{position: relative; padding-bottom: 45px;}
.fl-services-item .fls-status-wrap{position: absolute; width: 100%; left: 0; bottom: 0; border-top: 1px dashed #e5e5e5; padding-top: 10px; font-size: 14px;}
.fls-status-wrap .fls-status-box{position: relative; display: inline-block; }
.fls-status-wrap .fls-status-box .fls-status{padding: 2px 10px; border-radius: 50px; margin-right: 15px;}
.fls-status-wrap .fls-status-box .fls-post-date{color: #757575;  margin-right: 15px;}
.fls-status-wrap .fls-featured-edit{position: relative; display: inline-block; padding: 0; margin: 0; list-style: none; float: right;}
.fls-status-wrap .fls-featured-edit > li{position: relative; display: inline-block; padding: 2px 10px; text-align: center; border-right: 1px solid #e5e5e5;}
.fls-status-wrap .fls-featured-edit > li:last-child{border: none;}
.fls-status-wrap .fls-featured-edit .fls-edit{font-size: 16px;}
.fls-status-wrap .fls-featured-edit .fls-edit a{color: #757575;}
.fls-status-wrap .fls-featured-edit .fls-edit a:hover{color: #7c049a;}
.fls-status-wrap .mark-ftr .signin-check{margin-bottom: 0!important;}
.fls-status-wrap .mark-ftr .signin-check input[type="checkbox"]:not(:checked), 
.fls-status-wrap .mark-ftr .signin-check input[type="checkbox"]:checked{position: absolute; left: inherit; top: -5px; opacity: 0;}

.fl-portfolio{position: relative; display: block;}
.fl-portfolio .fl-portfolio-item{position: relative; display: block; background: #ffffff; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.fl-portfolio .fl-portfolio-item:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.fl-portfolio-item .media-left{padding:0; }
.fl-portfolio-item .fl-portfolio-thumb{position: relative; display: block; width: 242px; height: 150px; overflow: hidden; margin-right: 20px;}
.fl-portfolio-item .fl-portfolio-thumb img{width: 100%; height: 100%; object-fit: cover;}
.fl-portfolio-item .fl-portfolio-heading{position: relative; display: block; margin-bottom: 10px; padding-right: 60px;}
.fl-portfolio-item .fl-portfolio-heading .main-title{font-weight: 700;}
.fl-portfolio-item .fl-portfolio-heading .main-title, 
.fl-portfolio-item .fl-portfolio-heading span{display: inline-block; margin:0 5px 0 0; font-size: 16px; }
.fl-portfolio-item .fl-portfolio-heading span{font-size: 12px; font-weight: 600; color: #757575;}
.fl-portfolio-item .fl-portfolio-sort-info{font-size: 14px; color: #656565;}
.fl-portfolio-item .fl-portfolio-skils{position: relative; margin: 10px 0 0 0; list-style: none; padding: 0;}
.fl-portfolio-item .fl-portfolio-skils li.flp-skil{position: relative; display: inline-block;  padding: 3px 10px; margin-right: 5px; font-weight: 600; background-color: #eaeaea; color: #5d5d5d; font-size: 12px; vertical-align: middle;border-radius: 30px; line-height:16px; margin-top: 5px;}

.fl-edu{position: relative; display: block;}
.fl-edu .fl-edu-item{position: relative; display: block; background: #ffffff; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.fl-edu .fl-edu-item:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.fl-edu-item .media-left{padding:0; }
.fl-edu-item .fl-edu-icon{position: relative; display: block; width: 60px; height: 60px; overflow: hidden; margin-right: 10px; font-size: 40px; text-align: center;}
.fl-edu-item .fl-edu-heading{position: relative; display: block; margin-bottom: 10px;}
.fl-edu-item .fl-edu-heading .main-title{font-weight: 700; position: relative; display: block; margin-bottom: 5px; padding-right: 60px;}
.fl-edu-item .fl-edu-heading .main-title span{position: relative; display: inline-block; padding-left: 15px;}
.fl-edu-item .fl-edu-heading .main-title span:after{content: ''; position: absolute; height: 100%; width: 1px; background-color: #353535; left: 5px; top: 0;}
.fl-edu-item .fl-edu-heading .edu-years{color: #a5a5a5; margin-bottom: 5px; position: relative; display: block;}
.fl-edu-item .fl-edu-heading .edu-department{position: relative; display: block; color: #757575; font-weight: 500; font-style: italic;}
.fl-edu-item .fl-edu-sort-info{font-size: 14px; }

.fl-certi{position: relative; display: block; padding: 0; margin: 0; list-style: none;}
.fl-certi .fl-certi-item{position: relative; display: block;}
.fl-certi-item .fl-certi-icon{font-size: 32px;}
.fl-certi-item .fl-certi-thumb{position: relative; display: block; width: 60px; height: auto; overflow: hidden; margin-right:}
.fl-certi-item .fl-certi-thumb img{width: 100%; height: 100%; object-fit: cover;}
.fl-certi-item .fl-certi-heading .main-title{font-weight: 700; position: relative; display: block; margin: 0px; color: #565656; padding-right: 60px; line-height: 26px;}

.fl-experience{position: relative; display: block;}
.fl-experience .fl-experience-item{position: relative; display: block; background: #ffffff; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.fl-experience .fl-experience-item:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.fl-experience-item .media-left{padding:0; }
.fl-experience-item .fl-experience-icon{position: relative; display: block; width: 60px; height: 60px; overflow: hidden; margin-right: 10px; font-size: 40px; text-align: center;}
.fl-experience-item .fl-experience-heading{position: relative; display: block; margin-bottom: 10px;}
.fl-experience-item .fl-experience-heading .main-title{font-weight: 700; position: relative; display: block; margin-bottom: 5px; padding-right: 60px;}
.fl-experience-item .fl-experience-heading .main-title span{position: relative; display: inline-block; padding-left: 15px;}
.fl-experience-item .fl-experience-heading .main-title span:after{content: ''; position: absolute; height: 100%; width: 1px; background-color: #353535; left: 5px; top: 0;}
.fl-experience-item .fl-experience-heading .experience-years{color: #a5a5a5; margin-bottom: 5px; position: relative; display: block;}
.fl-experience-item .fl-experience-heading .experience-location{position: relative; display: block; color: #757575; font-weight: 500; }
.fl-experience-item .fl-experience-heading .experience-location span{padding-right: 5px;}
.fl-experience-item .fl-experience-sort-info{font-size: 14px; line-height: 24px; }

.fl-avg-review{position: relative; display: block; list-style: none; margin: 0; padding: 0;}
.fl-avg-review .fl-avg-review-item{position: relative; display: block; width: 33.33%; float: left; margin: 15px 0; text-align: center;}
.fl-avg-review-item label{position: relative; display: block; font-weight: 600!important; margin-bottom: 7px!important;}

.data_edit{position: absolute; right: 0; top: 2px; font-size: 16px;}
.data_edit a{color: #656565;}
#overview_div .data_edit{right: 15px;}
.userdetail-itemaction{position: absolute; float: none; right: 0; top: 0; font-size: 16px;}
.userdetail-itemaction a{color: #656565; padding: 3px 3px; margin-left: 5px;}
.userdetail-itemaction a.delete{font-size: 18px;}
.fl-certi-heading .userdetail-itemaction{top: 50%; margin-top: -12px;}
/* ---- */
@media (max-width: 1199px){
    
    .user-details-wrap .work-detail-wrap{padding-right: 0;}
    .fl-services .fl-services-item{margin-bottom: 15px; padding-bottom: 10px;}
    .fl-services .fl-services-item:last-child{margin-bottom: 0;}
    .sawlii-tabs-wrap .tab-content .panel .panel-body{padding-bottom: 0;}
    
    .fl-services-item .fl-service-sort-info{ margin: 0 0 5px; }
    .fl-services-item .fl-service-thumb{ width: 150px; height: 120px; }
    .dashboard-wrap .fl-portfolio-item .fl-portfolio-thumb{ width: 200px; height: auto; }
    .fl-edu-item .fl-edu-heading .main-title span, 
    .fl-experience-item .fl-experience-heading .main-title span{display: block; padding: 5px 0 0 0; font-size: 14px;}
    .fl-edu-item .fl-edu-heading .main-title span:after, 
    .fl-experience-item .fl-experience-heading .main-title span:after{display: none;}

}
@media (max-width: 1199px) and (min-width: 992px){
    .fl-services .fl-services-item .like{right: inherit; left: 3px;}
    .personal-details-wrap .user-location-detail li.profile-share span{display: none;}
    .dashboard-wrap .personal-details-wrap{ padding-left: 15px; }
    .dashboard-wrap .user-switch-wrap{ width: 200px; }
    .sawlii-tabs-wrap .nav-tabs > li:last-child{ margin-right: 0; }
    .sawlii-tabs-wrap .nav-tabs > li a{ padding: 10px 8px;  font-size: 14px;}
    .sawlii-tabs-wrap .nav-tabs > li{margin-right: 2px;}
    
}
@media (max-width: 1199px) and (min-width: 768px){
    .fl-services-item .fl-service-info{ padding-bottom: 70px; }
    .fls-status-wrap .fls-status-box{display: block; margin-bottom: 10px;}
    .fls-status-wrap .fls-featured-edit{display: block; float: none;}
    .fls-status-wrap .fls-featured-edit > li:first-child{padding-left: 0;}   
}
@media (max-width: 991px){
    .profile-before-edit.media, .fl-profile-wrap.media, .personal-dashboard-wrap .media-left, .personal-dashboard-wrap .media-body{position: relative; display: block; width: 100%;}
    .profile-before-edit .media-left, .personal-dashboard-wrap .media-left{position: absolute; z-index: 2; left: 0; top: 0; display: inline-block; width: auto;}
    .dashboard-wrap .user-details-wrap,
    .user-details-wrap .personal-details-wrap, 
    .user-details-wrap .work-detail-wrap{ display: block; padding-right: 0; padding-left: 0;}
    .user-details-wrap .work-detail-wrap{padding-bottom: 0;}
    .work-detail-wrap .work-detail-total li:last-child{margin-bottom: 0;}
    .personal-dashboard-wrap .user-switch-wrap{width: 200px;}
    .user-avatar-wrap .user-avatar{width: 130px; height: 130px;}
    .personal-details-wrap .user-title-wrap{ display: block; padding-left: 230px; padding-top: 20px; min-height: 190px;}
    .user-details-wrap .personal-details-wrap{border-right: none; border-bottom: 1px solid #eeeeee;}
    .user-title-wrap .user-since-detail li{ padding: 0px 0 7px; display: block; }
    .user-title-wrap .user-since-detail li:after{display: none;}
    .dashboard-wrap .user-details-wrap .work-detail-wrap{ display: block; width: 100%; }
    .profile-before-edit .personal-details-wrap .user-title-wrap{padding-top: 0;}
    .personal-details-wrap .cust-user-rating-lists li .star-ratings-sprite{margin-right: 20px;}
    .personal-details-wrap .cust-user-rating-lists li.cur-more{position: absolute; display: inline-block; right: 0; bottom: 0;}
    .sawlii-tabs-wrap > .panel-group > .panel.panel-default > .panel-heading{padding: 15px 0;}
    .sawlii-tabs-wrap .panel .panel-body > .panel .panel-body{padding: 0;}
    .fl-services .fl-services-item .media{margin: 0; position: relative;}
    .fl-services .fl-services-item .media .media-left{position: absolute; display: block; top: 0; left: 0;}
    .fl-services-item .fl-service-heading, 
    .fl-services-item .fl-service-price{padding-left: 110px;}
    .fl-services-item .fl-service-heading .main-title,
    .fl-services-item .fl-service-heading span{display: block; margin-right: 0;}
    .fl-services-item .fl-service-thumb{margin-right: 10px; width: 100px; height:70px; }
    .fl-services-item .fl-service-price label{margin: 0;}
    .fl-services .fl-services-item:last-child{margin-bottom: 0;}
    .fl-services-item .fl-service-heading .main-title{padding-right: 40px;}

    /*.fl-portfolio-item .media-left{position: absolute; left: 0; top: 0;}*/
    .dashboard-wrap .fl-portfolio-item .fl-portfolio-thumb{width: 120px; height: auto; margin-right: 10px;}
    
    .dashboard-wrap .fl-avg-review .fl-avg-review-item{ text-align: unset; }
    .sawlii-tabs-wrap > .panel-group > .panel.panel-default > .panel-heading .panel-title a[aria-expanded="true"]{color: #7c049a;}
    
}

@media (max-width: 991px) and (min-width: 768px){
    /*.fls-status-wrap .fls-status-box .fls-post-date{ display: block; padding: 8px 0 0; }*/
    
}

@media (max-width: 767px){
    .work-detail-wrap .work-detail-total li span{float: none; padding-left: 10px;}
    .dashboard-wrap .personal-details-wrap .user-location-detail li{ width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .personal-details-wrap .user-title-wrap{padding-left: 215px;}
    .fl-services .fl-services-item{padding-bottom: 10px; }
    .fls-status-wrap .fls-featured-edit > li{padding: 0 10px;}
    .skills-list li{width: 50%; float: left; padding-left: 20px;}
    .skills-list li a.remove-skill{position: absolute; left: 0;}
    .skills-list li:last-child{width: 100%; display: block; padding-left: 0;}
    .workservice-section .service-mockup{ /*width: 100% !important; margin: 0 auto 60px auto !important; max-width: 450px;*/ display: none; }
    .workservice-section ul{ margin: 0; }
}


@media (max-width: 640px){
    .dashboard-wrap .fl-services-item .fl-service-info{ padding-bottom: 0; }
    .dashboard-wrap .fl-services-item .fls-status-wrap{ position: relative; display: block; }
    .dashboard-wrap .fls-status-wrap .fls-status-box{ display: block; }
    .dashboard-wrap .fls-status-wrap .fls-featured-edit{ float: none;  display: block; margin-top: 10px;}
    .dashboard-wrap .fls-status-wrap .fls-featured-edit > li:first-child{ padding-left: 0; }
    .dashboard-wrap .fl-edu .fl-edu-item .media-left { position: absolute; display: block; }
    .dashboard-wrap .fl-edu-item .fl-edu-heading .main-title{ line-height: 20px; margin-left: 70px; } 
    .fl-edu-item .fl-edu-heading .edu-years{margin-left: 70px;}
    .dashboard-wrap .fl-edu-item .fl-edu-icon { margin-right: 0;  }
    .fl-experience-item .media-left{position: absolute; display: block; }
    .dashboard-wrap .fl-experience-item .fl-experience-icon{ margin-right: 0; text-align: unset; height: 50px; width: 50px; line-height: 1.1; }
    .fl-experience-item .fl-experience-heading .main-title{padding-left: 50px;}
}
@media (max-width: 991px) and (min-width: 561px){
    .user-title-wrap .data_edit{top: 20px;}
    .user-location-detail .data_edit{position: relative; display: inline-block; padding-left:15px; top: unset;}
    .personal-details-wrap .user-location-detail li{padding-right: 0;}
}
@media (max-width: 560px){
    .work-detail-wrap .work-detail-total li span{float: right;}
    .profile-before-edit .media-left, 
    .personal-dashboard-wrap .media-left{position: relative; display: block; width: 100%; margin: 0; padding: 0; z-index: 0;}
    .personal-dashboard-wrap .media-body{overflow: visible;}
    .personal-dashboard-wrap .user-switch-wrap{margin: 0 auto 15px;}
    .personal-details-wrap .user-title-wrap{padding-left: 0; padding-top: 0px; min-height: inherit; margin: 0;}
    .personal-details-wrap .cust-user-desc{margin-bottom: 15px;}
    .personal-details-wrap .user-title-wrap .user-profile-edit{top: -220px; z-index: 2; width: auto;}
    .fl-portfolio-item .fl-portfolio-skils{margin-top: 5px;}
    .fl-edu-item .fl-edu-heading .main-title, 
    .fl-certi-item .fl-certi-heading .main-title{font-size: 16px;}
    .dashboard-wrap .fl-avg-review .fl-avg-review-item{ width: 50%; }
}
@media (max-width: 480px){
    .fl-services-item .fl-service-heading{margin-bottom: 5px;}
    .fl-services-item .fl-service-heading span{margin-top: 5px;}
    .fl-services-item .fl-service-price{margin-bottom: 10px;}
    .fl-services .fl-services-item .like{top: 0;}
    .dashboard-wrap .fl-portfolio-item .fl-portfolio-thumb{width: 120px; height: 80px;}
    .dashboard-wrap .fl-portfolio-item .fl-portfolio-thumb img{height: 100%; width: 100%; object-fit: cover;}
    .dashboard-wrap .fl-portfolio-item .media-left{ display:block; position: absolute; top: 0; left: 0; }
    .dashboard-wrap .fl-portfolio-info{ display: block; width: 100%;}
    .fl-portfolio-item .fl-portfolio-heading .main-title{font-size: 16px; line-height:24px;}
    .dashboard-wrap .fl-portfolio-info .fl-portfolio-heading{ padding-left: 130px; min-height: 80px; }
    .dashboard-wrap .fl-portfolio-info .fl-portfolio-heading span{display: block;}
    .skills-list li{width: 100%; float: none; padding-right: 0;}
    .personal-details-wrap .user-location-detail li.profile-share{padding-right: 0;}

}
@media (max-width: 420px){
    .personal-details-wrap .cust-user-rating-lists li.cur-more{position: relative; display: block; right: inherit; bottom: inherit;}
    .personal-details-wrap .cust-user-rating-lists li .star-ratings-sprite{margin-right: 10px;}
    .fl-services-item .fl-service-heading .main-title{padding-right: 0;}
    .fl-services .fl-services-item .like{top: unset; bottom: 40px;  }
    .fl-services .fl-services-item .like a.save_service{background-color: transparent; color: #7c049a; width: 20px; height: 20px; line-height: 20px; font-size: 18px;}
    .fls-status-wrap .fls-status-box .fls-post-date{font-size: 0; }
    .fls-status-wrap .fls-status-box .fls-post-date span{font-size: 14px;}
    .fls-status-wrap .fls-status-box .fls-status{margin-right: 10px;}
    .dashboard-wrap .fls-status-wrap .fls-status-box{padding-right: 25px;}
    .dashboard-wrap .fl-portfolio-info .fl-portfolio-heading{padding-right: 25px;}
    .userdetail-itemaction a{display: block; margin: 0 0 5px; padding: 1px 2px;}
    .userdetail-itemaction a:last-child{margin: 0;}
    .fl-edu-item .fl-edu-heading .main-title,
    .fl-experience-item .fl-experience-heading .main-title,
    .fl-certi-item .fl-certi-heading .main-title,
    .fl-experience-item .fl-experience-heading .experience-years{padding-right: 25px;}
    .fl-certi-heading .userdetail-itemaction{top: 0; margin-top: inherit;}
    .fl-portfolio-item .fl-portfolio-heading .main-title, .fl-portfolio-item .fl-portfolio-heading span{margin-right: 0;}
}   

@media (max-width: 359px){
    .personal-details-wrap .user-title-wrap .user-name{font-size: 20px;}
    .personal-details-wrap .cust-user-rating-lists li span{font-size:12px; display: block; }
    .dashboard-wrap .box-header .box-title { font-size: 14px; }
    .dashboard-wrap .fl-avg-review .fl-avg-review-item{ width: 100%; }
    .fl-services .fl-services-item .media .media-left, 
    .dashboard-wrap .fl-portfolio-item .media-left{position: relative; display: block;}
    .fl-services-item .fl-service-thumb, 
    .dashboard-wrap .fl-portfolio-item .fl-portfolio-thumb{width: 100%; height: auto; margin-bottom: 10px; border:1px solid #eeeeee;}
    .dashboard-wrap .fl-portfolio-item .media{overflow: visible;}
    .fl-services-item .fl-service-heading, 
    .fl-services-item .fl-service-price,
    .dashboard-wrap .fl-portfolio-info .fl-portfolio-heading{padding: 0; min-height: inherit;}
    .fls-status-wrap .fls-status-box .fls-post-date span{font-size: 12px;}
    .fls-status-wrap .fls-status-box .fls-status{font-size: 12px;}
    .fl-services .fl-services-item{border-bottom-color:#c5c5c5; }
    .userdetail-itemaction{background: #e1e1e1; border-radius: 50px; padding: 4px; border: 1px solid #c5c5c5;}
    .userdetail-itemaction a{color: #454545;}
    .dashboard-wrap .fl-portfolio-info .userdetail-itemaction{top: -5px; right:-5px; }
    .dashboard-wrap .fl-edu-item .fl-edu-icon{font-size: 16px; height: 24px; width: 24px;}
    .dashboard-wrap .fl-edu-item .fl-edu-heading .main-title {margin-left: 25px; padding-right: 30px;}
    .fl-edu-item .fl-edu-heading .edu-years{margin-left: 0;}
    .fl-certi .fl-certi-item{min-height: 70px;}
    .fl-certi-item .fl-certi-thumb{width: 40px; height: auto;}
    .fl-certi-item .media-middle{padding-right: 5px;}
    .dashboard-wrap .fl-experience-item .fl-experience-icon{width: 24px; height:24px; font-size: 18px;}
    .fl-experience-item .fl-experience-heading .main-title, .fl-experience-item .fl-experience-heading .experience-years{padding-right: 30px; margin-left: 0; padding-left: 0;}
    .fl-experience-item .fl-experience-heading .main-title{padding-left: 25px;}
} 
/* ----- User Customer ----- */
/*.user_customer .personal-details-wrap .user-title-wrap .user-name{padding-right: 80px;}*/
.user_customer .personal-details-wrap .user-location-detail li{padding-right: 0;}
.user_customer .user-details-wrap .work-detail-wrap{padding-right: 0;}
.user_customer .skills-list li{padding-right: 0;}
.user_customer .fl-portfolio-item .fl-portfolio-heading,
.user_customer .fl-edu-item .fl-edu-heading .main-title,
.user_customer .fl-certi-item .fl-certi-heading .main-title, 
.user_customer .fl-experience-item .fl-experience-heading .main-title{padding-right: 0;}
.user_customer .fl-services-item .fl-service-info{padding-bottom: 44px;}

@media(max-width: 991px){
    .user_customer .user-switch-wrap .user-avatar-wrap{margin-bottom: 15px;}
    .user_customer .personal-details-wrap .user-title-wrap{min-height: 180px; }
    .user_customer .profile-before-edit .personal-details-wrap .user-title-wrap{padding-top: 20px;}
}
@media(max-width: 767px){
    .user_customer .skills-list li{padding-left: 0;}
}
@media(max-width: 640px){
    .user_customer .fl-services-item .fl-service-info{padding-bottom: 0;}
}
@media(min-width: 561px){
    .save_PickGeeks,
    .Report_PickGeeks{
        display: inline-block ;
    }
}
@media(max-width: 560px){
    .user_customer .profile-before-edit .personal-details-wrap .user-title-wrap{padding-top: 0}
    .user_customer .personal-dashboard-wrap .media-left{border-bottom: 1px solid #e5e5e5;}
    .user_customer .personal-dashboard-wrap .user-switch-wrap{margin-bottom: 0px; padding-bottom: 0;}
    .user_customer .personal-details-wrap .user-title-wrap{min-height: unset; padding-right: 40px;}
    .user_customer .personal-details-wrap .user-title-wrap .user-name{padding-right: 0;}
    .user_customer .freelancer-details-profile .personal-details-wrap .user-title-wrap .user-profile-action .save_PickGeeks{margin-bottom: 5px;}
}
@media(max-width: 420px){
    .user_customer .fl-services .fl-services-item .like a.save_service{background-color: transparent!important;}
    .user_customer .fl-services .fl-services-item .like{bottom: 20px;}
}
/* ----- User Customer End ----- */

/* ==== Main Dashboard End */

/* ===== Financial Dashboard ===== */
.financial-dashboard-wrap{position: relative; display: block;}
.amount-wrap{position: relative; display: block; font-size: 24px; font-weight: 700; color: #454545;}
.amount-wrap span{font-size: 60%; padding-left:3px; font-weight: 600; text-transform: uppercase;}

/* ---- Financial Statistics ---- */
.financial-statistics-wrap{position: relative; display: block; margin-bottom: 30px;}
.financial-statistics{list-style: none; padding: 0; margin: 0 -15px;}
.financial-statistics li.sts-item{position: relative; display: block; padding: 0 15px; width: 20%; float: left;}
.financial-statistics li.sts-item.sts-red .sts-item-wrap{ background-color: #ed9da2; }
.financial-statistics li.sts-item.sts-green .sts-item-wrap{ background-color: #5ad0cf; }
.financial-statistics li.sts-item.sts-pink .sts-item-wrap{ background-color: #ae8bc4; }
.financial-statistics li.sts-item.sts-purple .sts-item-wrap{ background-color: #758cca; }
.financial-statistics li.sts-item.sts-yellow .sts-item-wrap{ background-color: #ebbb68; }
.financial-statistics li.sts-item .sts-item-wrap{position: relative; display: block; background-color: #ffffff; padding: 12px 15px; border-radius: 4px; box-shadow:0px 0px 12px rgba(0, 0, 0, 0.08); }
.sts-item-wrap .amount-wrap{position: relative; display: block; font-size: 24px; font-weight: 700; color: #ffffff; margin-bottom: 3px;}
.sts-item-wrap .sts-label{font-weight: 500; color: #ffffff; margin: 0!important;}
/* ---- */

/* ---- Financial Income Chart ---- */
.financial-statistics-chart{position: relative; display: block;}
.financial-chart-wrap{position: relative; display: block; margin-top: -30px;}
/* ---- */

/* ---- Financial Wallet ---- */
.financial-wallet, .wallet-wrap{position: relative; display: block;}
.wallet-amount-wrap, .wallet-btn-wrap{position: relative; display: block; margin-bottom: 40px;}
.wallet-amount-wrap .wallet-amount-label{position: relative; display: block; font-size: 15px; color: #959595; font-weight: 500; margin-bottom: 5px;}
.wallet-amount-wrap .amount-wrap{font-size: 28px; font-weight: 700; color: #353535;}
.wallet-btn-wrap .wallet-btn{font-size: 16px; padding: 14px 15px; margin-bottom: 20px;}
.wallet-btn-wrap .wallet-btn:last-child{margin-bottom: 0;}
.wallet-wrap .secure-payment-wrap{position: relative; display: block;}
.secure-payment-wrap .secure-payment-text{position: relative; display: block; font-size: 12px; color: #666666; text-transform: uppercase; margin-bottom: 10px;}
.secure-payment-wrap .secure-payment-text span{color: #1EBD3C; font-weight: 600;}
.secure-payment-wrap .payment-cards{margin: 0; padding: 0; list-style: none;}
.secure-payment-wrap .payment-cards li{display: inline-block; margin: 0px 5px; font-size: 22px; color: #aaaaaa; line-height: 22px;}
/* ---- */

/* ---- Financial Transactions ---- */
.financial-transactions-wrap .tab-content .box-header .box-title{font-size: 16px; font-weight: 700; text-transform: capitalize;}
.transaction-table{position: relative; display: block;}
.transaction-table .transaction-total-wrap{position: relative; display: table; width: 100%; margin-bottom: 3px;}
.transaction-total-wrap .trans-total-item{position: relative; display: table-cell; text-align: right;}
.transaction-total-wrap .trans-total-item:first-child{text-align: left;}
.transaction-total-wrap .trans-total-item .amount-wrap{display: inline-block; font-size: 18px; font-weight: 600;}

.transaction-table table{width: 100%;}
.transaction-table table thead tr{background-color: #fafafa; color: #454545; font-weight: 600;}
.transaction-table table thead tr th{ height: 56px; text-align: left; border:1px solid #e5e5e5; padding: 10px 8px; font-weight: 600; vertical-align: middle;}
.transaction-table table thead tr th.ft-title{min-width: 150px;}
.transaction-table table thead tr th.ft-date{min-width: 140px;}
/*.transaction-table table thead tr th.ft-total{text-align: right;}*/
.transaction-table table thead tr th.ft-action{width: 75px;}
.transaction-table table tbody tr td{font-size: 14px;}
.transaction-table table tbody tr td{ height: 50px; padding: 7px 10px; border:1px solid #e5e5e5; vertical-align: middle;}
.transaction-table table tbody tr td:first-child{min-width: 150px;}
.transaction-table table tbody tr td.t-milestone,
.transaction-table table thead tr th.ft-action, 
.transaction-table table tbody tr td:last-child{text-align: center;}
/*.transaction-table table tbody tr td.t-amount{text-align: right; }*/
.transaction-table .amount-wrap{font-size: 16px; font-weight: 500; color: #353535;}
.transaction-table table tbody tr td .btn-reminder{font-weight: 500; padding: 3px 6px; line-height: 1; font-size: 11px;}
/* ---- */

@media(max-width: 1199px) and (min-width: 992px){
    
    
}

@media(max-width: 1199px) and (min-width: 768px){
    .main-dashboard.financial-dashboard .container{width: 100%;}
    .secure-payment-wrap .payment-cards li{margin: 0 2px;}
    .financial-statistics{margin: 0 -7px;}
    .financial-statistics li.sts-item{padding: 0 7px;}
}
@media(max-width: 991px) and (min-width: 768px){
    .wallet-amount-wrap, .wallet-btn-wrap{margin-bottom: 15px; }
    .financial-statistics li.sts-item .sts-item-wrap{padding: 12px;}
    .sts-item-wrap .amount-wrap{font-size: 22px;}
    .wallet-amount-wrap .wallet-amount-label, .wallet-amount-wrap .amount-wrap{text-align: center;}
    .wallet-amount-wrap .amount-wrap{font-size: 26px;}
    .wallet-btn-wrap .wallet-btn{padding: 12px 10px;}
}
@media(max-width: 991px){
    .sawlii-tabs-wrap .tab-content{padding: 15px;}
}
@media(max-width: 767px){
    .financial-statistics-wallet{position: relative; display: block; margin: 0 -15px;}
    .financial-statistics-wallet .financial-statistics-wrap,
    .financial-statistics-wallet .financial-wallet{position: relative; width: 50%; float: left; padding: 0 15px;}
    .financial-statistics{position: relative; display: block; margin: 0;}
    .financial-statistics li.sts-item{width: 100%; padding: 0; margin: 0 0 15px;}
    .financial-statistics li.sts-item:last-child{margin-bottom: 0;}
    .financial-statistics li.sts-item .sts-item-wrap{padding: 12px 15px;}
    .sts-item-wrap .amount-wrap{margin: 0;}
    .wallet-amount-wrap, .wallet-btn-wrap{margin-bottom: 16px; }
    .secure-payment-wrap .payment-cards li{margin: 0 2px;}
}
@media(max-width: 640px){
    .chartjs-render-monitor{height: auto!important;}
    .wallet-btn-wrap .wallet-btn{margin-bottom: 15px;}
    .financial-statistics-wallet{margin: 0 -7px;}
    .financial-statistics-wallet .financial-statistics-wrap, .financial-statistics-wallet .financial-wallet{padding: 0 7px;}
}
@media(max-width: 767px) and (min-width: 561px){
    .sts-item-wrap .amount-wrap{display: inline-block;}
    .sts-item-wrap .sts-label{float: right; margin-top: 7px!important;}
}
@media(max-width: 560px){
    .financial-statistics-wallet .financial-statistics-wrap {width: 45%;}
    .financial-statistics-wallet .financial-wallet{width: 55%;}
    .sts-item-wrap .amount-wrap{font-size: 20px;}
    .financial-statistics li.sts-item{margin: 0 0 12px;}
    .financial-statistics li.sts-item .sts-item-wrap{padding: 8px 15px;}
    .sts-item-wrap .sts-label{font-size: 13px;}
}
@media(max-width: 480px){
    .financial-statistics-wallet{margin: 0;}
    .financial-statistics-wallet .financial-statistics-wrap, .financial-statistics-wallet .financial-wallet{width: 100%; padding: 0;}
    .financial-dashboard-wrap .financial-statistics{text-align: center; margin: 0 -7px;}
    .financial-statistics li.sts-item{margin: 0 0 15px; width: 49.5%; text-align: left; display: inline-block; float: unset; padding: 0 7px;}
    .sawlii-tabs-wrap.financial-transactions-wrap .nav-tabs > li > a{padding: 10px 12px; font-size: 14px;}
}   
@media(max-width: 420px){
    .sawlii-tabs-wrap.financial-transactions-wrap .nav-tabs{display: block; width: 100%;}
    .sawlii-tabs-wrap.financial-transactions-wrap .nav-tabs > li{display: table-cell; width: 1%; float: none; vertical-align: middle; background-color: #eaeaea; border-radius: 4px 4px 0 0; position: relative; border-left: 1px solid #ffffff;}
    .sawlii-tabs-wrap.financial-transactions-wrap .nav-tabs > li >a {text-align: center; padding: 8px 10px;}
    .sawlii-tabs-wrap.financial-transactions-wrap .nav-tabs > li.active{background-color: #ffffff; color: #7c049a; box-shadow: 0px -12px 10px rgba(0, 0, 0, .03);}
    .sawlii-tabs-wrap.financial-transactions-wrap .nav-tabs > li >a,
    .sawlii-tabs-wrap.financial-transactions-wrap .nav-tabs > li.active > a{box-shadow: none; background-color: transparent;}
}
@media(max-width: 391px){
    .financial-dashboard-wrap .financial-statistics{text-align: center; margin: 0 -7px;}
    .financial-statistics li.sts-item{margin: 0 0 15px; width: 50%; text-align: left; display: block; float: left; padding: 0 7px;} 
}

@media(max-width: 359px){
    .financial-dashboard-wrap .financial-statistics{text-align: left; margin: 0px;}
    .financial-statistics li.sts-item{margin: 0 0 15px; width: 100%; text-align: left; display: block; float: unset; padding: 0px; }
    .financial-statistics li.sts-item .sts-item-wrap{padding: 10px 15px;}
    .sts-item-wrap .amount-wrap{padding-right: 110px; font-size: 18px;}
    .sts-item-wrap .sts-label{position: absolute; right: 15px; top: 12px; font-size: 14px;}
    .financial-statistics-chart .box-header .box-title{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 70%;}
}
/* ==== Financial Dashboard End ==== */


/* ==== Job Details Wrap ==== */
/* ---- Job detail Section ---- */
.job-detail-wrap{position: relative; display: block;}
.job-detail-wrap .service-featured{left: inherit; right: 15px;}
.job-detail-wrap .pbox-body-info{word-break: break-word;}
.job-details-list{position: relative; display: block; list-style: none; padding: 0; margin: 0;}
.job-details-list li{position: relative; display: block; margin-bottom: 7px;}
.job-details-list li label{font-weight: 500; color: #353535; min-width: 180px; margin: 0;}
.job-details-list li span{padding-left: 8px;}
.job-detail-wrap .job-details-button{display: inline-block; position: relative;}
.job-attachment-list{position: relative; display: block; list-style: none; padding: 0; margin: 0;}
.job-attachment-list li{position: relative; border-bottom: 1px dashed #dddddd; padding-bottom: 10px; margin-bottom: 10px; margin-top: 0;}
.job-attachment-list li:last-child{margin-bottom: 0; border:none; }
.job-attachment-list li .job-attachment-file{position: relative; display: block; width: auto; height: 50px;}
.job-attachment-list li .job-attachment-file img{height: 100%; width: auto; object-fit: cover;}
.job-attachment-list li .job-attachment-download {/*position: absolute; right: 0; top: 50%; margin-top: -15px;*/ float: right;}
.job-attachment-list li .media-body div{display: inline-block; position: relative; word-break: break-word;}

.list-style-none{list-style: none; padding: 0; margin: 0;}
.milestone-list{position: relative; display: block; }
.milestone-list .milestone-list-item{position: relative; display: block; margin: 0 0 15px; padding-bottom: 6px; border-bottom: 1px dashed #cacaca;}
.milestone-list .milestone-list-item .milestone-details{position: relative; display: block;}
.milestone-list .milestone-list-item .milestone-details > li{position: relative; display: block; margin-bottom: 5px;}
.milestone-list .milestone-list-item .milestone-details > li label{font-weight: 500; width: 150px; padding-right: 10px; color: #353535; font-weight: 500; float: left; margin-bottom: 0;}
.milestone-list .milestone-list-item .milestone-details > li .mst-data{position: relative; margin-left: 150px; color: #656565; font-weight: 400;}
.job-detail-wrap .ctrp-expand-que .expande_div .question ul{list-style: none; padding: 0 0 0 10px; margin: 0;}
.job-detail-wrap .ctrp-expand-que .expande_div .question ul > li{position: relative; display: block; margin-bottom: 12px;}
.job-detail-wrap .ctrp-expand-que .expande_div .question ul > li .question_f{color: #353535; font-weight: 500;}
.job-detail-wrap .ctrp-expand-que .expande_div .question ul > li .answer_f{margin: 0;}
.job-detail-wrap .ctrp-expand-que .expande_div .question ul > li .answer_f .pull-left{width: 24px; text-align: center;}
/* ---- Job detail Section End ---- */

/* ---- Job bid wrap ---- */
.bid-details-wrap{position: relative; display: block; text-align: center;padding-top: 15px; }
.bid-details-wrap .amount-wrap{font-size: 32px;}
.bid-details-wrap .amount-wrap span{color: #666666; font-size: 50%;}
.bid-details-wrap .service-quantity-wrap{position: relative; display: block; padding-top: 15px;}
.service-quantity-wrap .sp-quantity{margin: 0 auto; height: 36px;}
.service-quantity-wrap .sp-quantity .sp-minus,
.service-quantity-wrap .sp-quantity .sp-plus{width: 36px; height: 36px; margin: 0; border: none; line-height: 36px; font-size: 16px; font-weight: 600; border-radius: 4px; background: #7c049a; padding: 0;}
.service-quantity-wrap .sp-quantity .sp-minus a,
.service-quantity-wrap .sp-quantity .sp-plus a{color: #ffffff; font-size: 22px;}
.service-quantity-wrap .sp-quantity .sp-input, 
.service-quantity-wrap .sp-quantity .sp-input input{border: none; background-color: #eaeaea; height: 36px; margin: 0; width: 50px; font-weight: 500; font-size: 16px;}
.service-quantity-wrap .sp-quantity .sp-minus{border-radius: 4px 0px 0px 4px;}
.service-quantity-wrap .sp-quantity .sp-plus{border-radius: 0px 4px 4px 0px;}

.bid-details-wrap .job-action-wrap{position: relative; display: block; margin: 20px 0 10px 0; text-align: left;}
.bid-details-wrap .job-action-wrap .job-action-item{position: relative; display: inline-block;}
.bid-details-wrap .job-action-wrap .job-action-item a{font-size: 18px; display: inline-block; vertical-align: middle;}
.bid-details-wrap .job-action-wrap .job-action-item span{display: inline-block;  padding-left: 5px; font-weight: 500;}
.bid-details-wrap .job-action-wrap .job-report-wrap{float: right;}
.bid-details-wrap .bid-details-list{position: relative; display: block; padding: 0; margin:0px 0 0 0; list-style: none; text-align: left;}
.bid-details-wrap .bid-details-list li{position: relative; display: block; margin-bottom: 10px;}
.bid-details-wrap .bid-details-list label{font-weight: 600; color: #353535; margin: 0;}
.bid-details-wrap .bid-details-list span{float: right; }
.bid-details-wrap .place-bid-wrap{position: relative; display: block; padding-top: 10px;}
/* ---- Job bid wrap End ---- */

/* ---- Job user wrap ---- */
.user-details-card .user-details-wrap{position: relative; display: block; text-align: center; padding-top: 15px;}
.user-details-wrap .user-avatar-wrap {position: relative; display: inline-block; margin-bottom: 15px;}
.user-details-wrap .user-avatar-wrap .user-avatar{position: relative; display: inline-block; width: 130px; height: 130px; border-radius: 50%; background-color: #ffffff; padding: 3px; border: 1px solid #dcdcdc; overflow: hidden; box-shadow: none;}
.user-avatar-wrap .user-avatar img{height: 100%; width: 100%; object-fit: cover; border-radius: 50%;}
.user-avatar-wrap .user-label{position: absolute; height: 20px; width: 20px; bottom: 10px; right:20px; background-color: #aaaaaa; border-radius: 50%; box-shadow: 0 0 0px 4px #ffffff; z-index: 4;}
.user-label.user-online{background-color: #f2b611;}
.user-label.user-away{background-color: #ffa800;}
.user-details-wrap .user-info-wrap{position: relative; display: block; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px;}
.user-info-wrap .user-title{position: relative; display: block; margin: 0 0 10px; font-size: 20px; color: #333333; font-weight: 700;}
.user-info-wrap .star-ratings-sprite{margin-bottom: 5px;}
.user-info-wrap .user-location-wrap{position: relative; display:  block; color: #757575; margin-bottom: 10px;}
.user-info-wrap .user-location-wrap i {font-size: 16px; padding-right: 5px;}
.user-details-wrap .user-chat-btn-wrap{position: relative; display: block; padding-bottom: 5px;}
.user-details-wrap .user-chat-btn-wrap .btn{padding: 8px 30px; font-weight:500;}
.user-details-wrap .user-work-wrap{position: relative; display: block; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 10px;}
.user-work-wrap .user-work-lists{position: relative; margin: 0; list-style: none; padding: 0;}
.user-work-wrap .user-work-lists > li{position: relative; display: block; width: 100%; margin-bottom: 3px; color: #656565; text-align: left;}
.user-work-lists > li label{color: #333333; font-weight: 600;}
.user-work-lists > li span{float: right;}
.user-details-wrap .user-desc-wrap{position: relative; display: block; text-align: left;}
/* ---- Job user wrap End ---- */

/* ==== Job Details Wrap End ==== */



/* ==== Service Details Wrap ==== */
/* ---- Service detail Section ---- */
.job-detail-wrap .pbox-slider-body{position: relative; display: block; width: 100%;}
/* ---- Service user wrap End ---- */

/* ---- Service Add-Ons ---- */
.service-detail-addons .addons-panel{padding: 10px 0 0;}
.addons-panel .addons-items{ position: relative; display: block; padding: 0; list-style: none; margin:0;}
.addons-items .addons-item-wrap{position: relative; display: block; margin-bottom: 10px;}
.addons-items .addons-item-wrap:last-child{margin-bottom: 0;}
.addons-item-wrap .checkbox-container { display: block; position: relative; width: 100%; padding:10px 0; margin-bottom: 0;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.addons-item-wrap .addons-label{display: table; position: relative; width: 100%;}
.addons-icon-wrap input[type="checkbox"] { position: absolute; opacity: 0; visibility: hidden; }
.addons-label .addons-icon-wrap{position: relative; display: table-cell; vertical-align: top; width: 35px;}
.addons-item-wrap .checkbox-container .check-icon { position: relative; height: 20px; width: 20px; display: block; background-color: #eee; border-radius: 50%; transition: all 0.5s; }
.addons-item-wrap .checkbox-container:hover input ~ .addons-label .check-icon { background-color: #8ee7e9; }
.addons-item-wrap .checkbox-container input:checked ~ .addons-label .check-icon { background-color: #7c049a; }
.addons-label .check-icon:after { content: ""; position: absolute; left: 7px; top: 5px; width: 6px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(37deg); -ms-transform: rotate(37deg); transform: rotate(37deg);}
.addons-item-wrap .checkbox-container input:checked ~ .addons-label .addons-detail-wrap .addons-title{font-weight: 600;}
.addons-item-wrap .addons-detail-wrap{position: relative; display: table-cell; vertical-align: top;}
.addons-detail-wrap .addons-title-wrap{position: relative; display: block; padding-right: 50px;}
.addons-detail-wrap .addons-title{position: relative; display: block; font-size: 16px; color: #333333; margin: 0 0 5px;}
.addons-detail-wrap .addons-title span{font-size: 14px; font-weight: 500; color: #656565;}
.addons-title-wrap .price-tag-wrap{position: absolute; right: 0; text-align: right; top: 0;}
.addons-title-wrap .price-tag-wrap.amount-wrap{font-size: 16px; line-height: 22px;}
/* ---- Service Add-Ons End---- */

/* ---- Service FAQ ---- */
.faq-panel .panel-group{margin-bottom: 0;}
.faq-panel .panel{padding: 0; border:none; box-shadow: none; position: relative; background-color: transparent;border-bottom: 1px solid #eee;}
.faq-panel .panel .panel-heading .panel-title{font-size: 16px; padding-right: 30px; line-height: 1.2;}
.faq-panel .panel-heading{position: relative;  padding: 15px 0 15px; background-color: transparent; border: none;}
.faq-panel .panel-heading a{color: #333333;}
.faq-panel .panel-heading a:after { position: absolute; right: 0; top: 50%; margin-top: -8px; font-family: 'fontAwesome'; content: "\f078"; float: right; color: grey; font-size: 12px; color: #151515; }
.faq-panel .panel-group .panel:last-child{ border-bottom: none; }
.faq-panel .panel-heading a[aria-expanded="true"]::after { content: "\f077"; font-size: 12px; }
.faq-panel .panel-default > .panel-heading + .panel-collapse > .panel-body{ border-top: none; }
.faq-panel .panel-body{ padding: 0px 0 15px; color: #757575;}
.faq-panel .panel-title{ font-size: 14px; }

/* ---- Service FAQ End ---- */

/* ---- Service Related ---- */
.related-service-section{position: relative; display:  block; padding: 0 0 60px;}
.related-service-title{position: relative; display: block; font-size: 22px; font-weight: 600; margin: 0 0 15px;}
.related-service-section .related-service-wrap{position: relative; display: block;}
.related-service-slider .item{padding-top: 15px;}
.related-service-slider.owl-theme .owl-nav{position: absolute; top: -30px; margin-top: 0; right: 0; }
.related-service-slider.owl-theme .owl-nav [class*="owl-"]{padding: 0; height: 26px; width: 26px; margin: 0 5px; border-radius: 50%; line-height: 26px; text-align: center; background-color: #cbcbcb; font-size: 20px; }
.related-service-slider.owl-theme .owl-nav [class*="owl-"]:hover{background-color: #7c049a;}
/* ---- Service Related End ---- */


@media (min-width: 768px){
    .service-detail-wrap .pbox:last-child{margin-bottom: 0;}
}
@media (max-width: 767px){
    .job-attachment-list li .job-attachment-download{float: inherit; display: block;}
    .job-detail-wrap .service-featured{right: 15px;}
}
@media (max-width: 480px){
    .job-details-list li label{color: #151515; font-weight: 600;}
    .job-detail-wrap .pbox .pbox-header .pbox-title{font-size: 20px; margin: 0 0 10px;}
    .job-detail-wrap .pbox .pbox-header.no-padding{padding-bottom: 10px; padding-right: 34px;}
    .pbox .pbox-header .pbox-breadcrumb{font-size: 12px;}
    .job-detail-wrap .pbox-body .pbox-body-panel .pbox-body-info p{line-height: 1.6;}
    .job-details-list li:nth-child(n+3) span{display: block; padding: 0;}
    .job-details-list li:nth-child(n+3) label{min-width: inherit;}
    .pbox-body .pbox-body-panel{margin-bottom: 20px;}
    .job-details-list li span{color: #777777;}
}
@media (max-width: 420px){
    .related-service-title{font-size: 18px; padding-right: 70px;}
    .related-service-slider .item{padding-top: 8px;}
    .related-service-slider.owl-theme .owl-nav{top: -36px;}
    .related-service-slider.owl-theme .owl-nav [class*="owl-"]:last-child{margin-right: 0;}
}
@media (max-width: 391px){
    .job-detail-wrap .pbox .pbox-header .pbox-title{font-size: 18px;}
    .pbox-body .pbox-body-panel .pbox-body-title{font-size: 16px;}
}
@media (max-width: 359px){
    .job-details-list li label{min-width: inherit; padding-right: 5px;}
}


/* ==== Service Details Wrap End ==== */

/* ==== Service Order ==== */
.pay-order-summary-wrap{position: relative; display: block;}
.order-summery-item-wrap{position: relative; display: block;}
.order-summery-item-wrap .osi-lists{list-style: none; margin: 0; padding: 0;}
.osi-lists .osi-item{position: relative; display: block; background-color: #ffffff; border-bottom: 4px solid #d1d1d1; padding-bottom: 10px; margin-bottom: 15px;}
.osi-lists .osi-item:last-child{margin-bottom: 0; border-bottom: none;}
.osi-lists .osi-item .osi-remove{ position: absolute; display: block;font-family: 'Nunito', sans-serif; font-weight: 600; text-align: center; width: 26px; height: 26px; border: 1px solid #aaaaaa; border-radius: 50%; right: 0; top: 0; cursor: pointer; z-index: 1; font-size: 18px; line-height: 22px; color: #aaaaaa;}
.osi-lists .osi-item .osi-remove:hover{border-color: #d9534f; color: #d9534f;}
.osi-lists .osi-item .media{margin-bottom: 5px;}
.osi-lists .osi-item .media-left{padding-right: 0;}
.osi-item .osi-img-wrap{position: relative; display: block; height: 150px; width: 250px; margin-right: 15px;}
.osi-item .osi-img-wrap img{width: 100%; height: 100%; object-fit: cover;}
.osi-item .osi-title{font-size: 18px; position: relative; display: block; margin:0 0 5px; line-height: 1.3; padding-right: 32px; max-height: 47px; overflow: hidden;}
.osi-item .osi-title a{color:#6db85c;}
.osi-item .osi-ddate{position: relative; display: block; margin:5px 0 10px; font-size: 14px; color: #858585;}
.osi-item .osi-amount-wrap{position: relative; display: block; width: 100%; }
.osi-item .osi-amount-wrap .amount-wrap{font-size: 20px; display: inline-block; }
.osi-item .osi-amount-wrap .sp-quantity{height: 30px; float: right; width: auto;}
.osi-item .sp-quantity .sp-minus,
.osi-item .sp-quantity .sp-plus{width: 30px; height: 30px; margin: 0; border: none; line-height: 30px; font-size: 16px; font-weight: 600; border-radius: 4px; background: #7c049a; padding: 0;}
.osi-item .sp-quantity .sp-minus a,
.osi-item .sp-quantity .sp-plus a{color: #ffffff; font-size: 22px;}
.osi-item .sp-quantity .sp-input, 
.osi-item .sp-quantity .sp-input input{border: none; background-color: #eaeaea; height: 30px; margin: 0; width: 50px; font-weight: 500; font-size: 16px;}
.osi-item .sp-quantity .sp-minus{border-radius: 4px 0px 0px 4px;}
.osi-item .sp-quantity .sp-plus{border-radius: 0px 4px 4px 0px;}
.osi-item .osi-addons-lists{}
.osi-item .osi-addons-lists .osi-addons-item{position: relative; display: table; width: 100%; border: 1px solid #eeeeee; border-radius: 4px; margin-top: 10px; padding-right: 30px; background-color: #fafafa;}
.osi-addons-item .osia-col{position: relative; display: table-cell; padding: 5px 10px; height: 42px; vertical-align: middle;}
.osi-addons-item .osia-col .amount-wrap{font-size: 14px;}
.osi-addons-item .osia-col.osia-price{text-align: right; width: 75px;}
.osi-addons-item .osia-col.osia-day{width: 75px;}
.osi-lists .osi-item .osi-remove.addons-remove{ font-size: 12px; height: 16px; width: 16px; text-align: center; line-height: 12px; top: 50%; margin-top: -8px; right: 10px;  font-weight:700;}
.pay-order-summary-wrap .ospay-wrap{position: relative; display: block; text-align: center; }
.pay-order-summary-wrap .ospay-wrap label{margin-bottom: 20px; }
.pay-order-summary-wrap .ospay-wrap .amount-wrap{font-size: 26px; margin-bottom: 20px;}
@media (max-width: 1199px){
    .pay-order-summary-wrap .ospay-wrap label, .pay-order-summary-wrap .ospay-wrap .amount-wrap{margin-bottom: 10px;}
    .osi-item .osi-img-wrap{width: 200px;}  
    .osi-item .osi-title{max-height: inherit;}
}
@media(min-width:768px) and (max-width: 991px){
    .osi-item .osi-img-wrap{width: 220px;}
}
@media(min-width:481px) and (max-width: 560px){
    .osi-item .osi-img-wrap{width: 160px; height: 130px}
    .osi-item .osi-title{font-size: 16px; font-weight: 500; line-height: 1.2;}
}
@media(max-width:480px) {
    .osi-item .osi-img-wrap{width: 100px; height: 80px; margin-right: 10px;}
    .osi-item .osi-title{font-size: 16px; font-weight: 500; line-height: 1.2;}
    .osi-item .osi-ddate{font-size: 12px;}
    .osi-item .osi-addons-lists .osi-addons-item{padding-right: 0;}
    .osi-lists .osi-item .osi-remove.addons-remove{background-color: #ffffff; width: 15px; height: 15px; top: -13px; left: inherit; margin-top: inherit; right: -3px; line-height: 12px;}
    .osi-addons-item .osia-col.osia-price, .osi-addons-item .osia-col.osia-day{padding: 5px; width: 60px;}
    .osi-addons-item .osia-col.osia-day{width: 65px;}
}   
@media(max-width:420px) {
    .osi-item .osi-img-wrap{width: 80px; height: 60px; margin-right: 10px;}
    .osi-item .osi-title{padding-right: 28px; font-size: 14px; font-weight: 500;}
    .osi-lists .osi-item .osi-remove{width: 21px; height: 21px; font-size: 16px; line-height: 18px;}
    .osi-item .sp-quantity .sp-minus, .osi-item .sp-quantity .sp-plus{width: 25px; height: 25px; line-height: 25px;}
    .osi-item .sp-quantity .sp-input, .osi-item .sp-quantity .sp-input input{height: 25px; width: 30px;}
    .osi-lists .osi-item .osi-remove{ background-color: #ffffff;}
    .osi-item .osi-title{padding-right: 25px;}
    .osi-lists .osi-item:last-child{padding-bottom: 0;}
    .osi-addons-item .osia-col{font-size: 12px;}
}
@media(max-width:359px) {
    .osi-lists .osi-item .osi-remove{ background-color: #ffffff; right: inherit; left: -7px; top: -7px;}
    .osi-item .osi-title{padding-right: 0px;}
}
/* ==== Service Order End ==== */


/* ==== Customer My Jobs List ==== */
.cm-job-item-lists{position: relative; display: block; padding: 0; margin: 0; list-style: none;}
.cm-job-item{position: relative; display: block; padding: 15px; border-bottom: 1px solid #e1e1e1; color: #656565;}
.cm-job-item:last-child{border-bottom: none; }
.cm-job-item:hover{background-color: #fcfcfc;}
.cm-job-item .cmj-title-wrap{position: relative; display: block; margin-bottom: 10px;margin-right: 20px;}
.cm-job-item .cmj-title-wrap .cmj-title, .cm-job-item .cmj-title-wrap .cmj-deadline{display: inline-block; vertical-align: middle;}
.cm-job-item .cmj-title-wrap .cmj-title{font-size: 20px; padding-right: 10px; margin: 0;}
.cm-job-item .cmj-title-wrap .cmj-deadline{color: #757575;}
.cm-job-item .cmj-breadcrumb{position: relative; padding: 0; margin: 0 0 10px; list-style: none;}
.cm-job-item .cmj-breadcrumb li{position: relative; display: inline-block; color: #858585; padding-right: 12px; margin-right: 4px;}
.cm-job-item .cmj-breadcrumb li:after{content: '\f105'; position: absolute; font-family:FontAwesome; right: 0;}
.cm-job-item .cmj-breadcrumb li:last-child{padding: 0; margin: 0;}
.cm-job-item .cmj-breadcrumb li:last-child:after{display: none;}
.cm-job-item .cmj-budget{position: relative; display: block; margin-bottom: 10px; }
.cm-job-item .cmj-budget .amount-wrap{display: inline-block; font-size: 16px;}
.cm-job-item .cmj-details{ position: relative; display: block; line-height: 1.6; margin-bottom: 10px; border-bottom: 1px dashed #e5e5e5; padding: 0 0 10px; }
.cm-job-item .cmj-skills{position: relative; padding: 0; margin: 0 0 10px; list-style: none;}
.cm-job-item .cmj-skills li{position: relative; display: inline-block; color: #7c049a; margin-right: 15px; }
.cm-job-item .cmj-status{position: relative; padding: 0; margin: 0 0 10px; list-style: none;}
.cm-job-item .cmj-status li{position: relative; display: inline-block; padding-right: 12px; margin-right: 5px; color: #858585;}
.cm-job-item .cmj-status li span{color: #353535;}
.cm-job-item .cmj-status li:after{content: '|'; position: absolute; right: 0;}
.cm-job-item .cmj-status li:last-child{padding-right: 0; margin-right: 0;}
.cm-job-item .cmj-status li:last-child:after{display: none;}
.cm-job-item .cmj-status li .amount-wrap{font-size: 14px; display: inline-block;}
.cm-job-item .cmj-status li .amount-wrap span{font-size: 80%;}
.cm-job-item .cmj-footer{position: relative; display: block; border-top: 1px dashed #e5e5e5; padding-top: 10px;}
.cmj-footer .cmj-action-wrap{position: relative; display: block;}
.cmj-footer .cmj-action-wrap .cmj-post-status, 
.cmj-footer .cmj-action-wrap .cmj-post-action{position: relative; padding: 0; margin: 0 0 0px; list-style: none; display: inline-block;}
.cmj-action-wrap .cmj-post-status li{display: inline-block; position: relative; color: #858585; vertical-align: middle; padding-right: 12px;}
.cmj-action-wrap .cmj-post-status li span.badge{font-weight: 500; vertical-align: middle; font-size: 12px; color: #28a745; border:1px solid #28a745; background-color: transparent;}
.cmj-action-wrap .cmj-post-status li span{color: #353535;}
.cmj-action-wrap .cmj-post-action li{display: inline-block; position: relative; color: #858585; vertical-align: middle; padding-right: 14px; vertical-align: middle; margin-right: 5px;}
.cmj-action-wrap .cmj-post-action li:after{content: '|'; position: absolute; right: 0; font-size: 16px;}
.cmj-action-wrap .cmj-post-action li:last-child{padding-right: 0; margin-right: 0;}
.cmj-action-wrap .cmj-post-action li:last-child:after{display: none;}
.cmj-action-wrap .cmj-post-action li span{font-size: 18px; vertical-align: middle; padding-left: 5px; color: #7c049a;}
.cmj-action-wrap .cmj-post-action li a{font-size: 18px; color: #656565;}
.cmj-action-wrap .cmj-post-action li a:hover{cursor: pointer;}
.cmj-footer .cmj-button-wrap .cmj-button{position: relative; display: inline-block; margin: 10px 5px 0px 0;}
@media (max-width: 1199px){
    .cm-job-item .cmj-budget{ position: relative; bottom: 0; right: 0; }
}

@media(min-width: 768px) and (max-width: 991px){
    .cm-job-item .cmj-title-wrap .cmj-title{margin: 0 0 5px;}
}
@media(max-width: 767px){
    .cm-job-item .cmj-title-wrap .cmj-title{margin: 0 0 5px; padding-right: 0;}
    .cm-job-item{padding: 15px 0;  margin-bottom: 5px;}
    .cm-job-item:hover{background-color: transparent;}
    .main-dashboard .cm-job-item .like{right: 0;}
    .cmj-footer .cmj-action-wrap .cmj-post-status li{margin-bottom: 5px;}
    .cmj-footer .cmj-action-wrap .cmj-post-status li:last-child{display: block; margin-bottom: 0;}
    .cm-job-item .cmj-title-wrap .cmj-deadline{display: block;}
}
@media(max-width: 420px){
    .cm-job-item .cmj-title-wrap .cmj-title{font-size: 18px; font-weight: 600; line-height: 22px;}
    .cm-job-item .cmj-breadcrumb{font-size: 12px;}
    .cm-job-item .cmj-skills{margin-bottom: 5px;}
    .cm-job-item .cmj-status li{display: block; margin-top: 3px;}
    .cm-job-item .cmj-status li:after{display: none;}
}
@media(max-width: 391px){
    .cmj-footer .cmj-action-wrap .cmj-post-action{position: absolute; float: inherit!important; right: 0; top: -42px;}
}
/* ==== Customer My Jobs List End ==== */

/* ==== Freelancer My Service List ==== */
.fl-service-item-lists{position: relative; display: block; padding: 0; margin: 0; list-style: none;}
.fl-service-item-lists .fl-posted-service{position: relative; display: block; padding: 15px; border-bottom: 1px solid #e1e1e1; color: #565656;}
.fl-service-item-lists .fl-posted-service .flps-image{padding-right: 0;}
.fl-service-item-lists .fl-posted-service:last-child{border-bottom: none; }
.fl-posted-service:hover{background-color: #fcfcfc;}
.fl-posted-service .flps-image{ display: block; position: relative; width: 190px; height: 160px; margin-right: 5px;}
.fl-posted-service .flps-image a{width: 100%; height: 100%; position: relative; display: block;}
.fl-posted-service .flps-image img{ width: 100%; height: 100%; object-fit: cover;}
.fl-posted-service .flps-title-wrap{ position: relative; display: block; margin: 0 0 5px; }
.flps-title-wrap .flps-title{position: relative; display: inline-block; margin:0 5px 5px 0; font-size: 20px;}
.flps-title-wrap span.flps-delivery{ position: relative; display: inline-block; font-size: 12px; font-weight: 600;}
.fl-posted-service .post-breadcrumbs{font-size: 12px;}
.fl-posted-service .flps-bdgt { position: relative; display: block; margin-bottom: 10px; }
.fl-posted-service .flps-bdgt .amount-wrap{display: inline-block; font-size: 16px;}
.fl-posted-service .flps-status-wrap{display: block; position: relative; margin-bottom: 10px;}
.flps-status-wrap .status-item{position: relative; display: inline-block; color: #858585; padding-right: 12px; margin-right: 5px;}
.flps-status-wrap .status-item span{color: #353535;}
.flps-status-wrap .status-item:before{content:"|"; position: absolute; right: 0px;}
.flps-status-wrap .status-item.flps-status{padding: 3px 10px;  font-size: 12px; font-weight: 500; border:1px solid #a5a5a5; border-radius: 30px; line-height: 14px;}
.flps-status-wrap .status-item.flps-status:before, 
.flps-status-wrap .status-item:last-child:before{display: none;}
.status-item.flps-status.flps-active{border-color: #28a745; color: #28a745;}
.status-item.flps-status.flps-deactive{border-color: #e37676; color: #e37676;}
.fl-posted-service .flps-featured-wrap{position: relative; display: block; border-top:1px dashed #c5c5c5; padding: 10px 0 0;}
.flps-featured{position: relative; display: table; float: right;}
.flps-featured-wrap .flps-f-item{position: relative; display: table-cell; color: #757575; vertical-align: middle; padding: 0px 12px;  }
.flps-featured-wrap .flps-f-item:after{content: ""; position: absolute; width: 2px; height: 100%; right:0; top: 0; background-color: #c5c5c5;}
.flps-featured-wrap .flps-f-item:last-child{padding-right: 0;}
.flps-featured-wrap .flps-f-item:last-child:after{display: none;}
.flps-featured-wrap .flps-f-item label{margin: 0;}
.flps-featured-wrap .mark-feature .amount-wrap{display: inline-block; font-size: 16px;}
.flps-featured-wrap .sawlii-check{padding: 0 25px 0 0; margin-bottom: 0;}
.flps-featured-wrap .sawlii-check .checkmark{left: inherit; right: 0;}
.flps-featured-wrap .item-edits a{font-size: 18px; color: #656565;}
.flps-featured-wrap .item-edits a:hover{color: #7c049a;}
.flps-featured-wrap .item-featured i{font-size: 20px; color: #7c049a;}
@media(min-width: 992px) and (max-width: 1199px){
    .fl-service-item-lists .fl-posted-service .flps-image{width: 160px;height: 130px;}
    .flps-status-wrap .status-item{padding-right: 0px; padding-left: 10px;}
    .flps-status-wrap .status-item:before{right: inherit; left: 0;}
    .flps-status-wrap .status-item:last-child{padding-left: 0; padding-top: 5px;}
}
@media(min-width: 768px) and (max-width: 991px){
    .fl-service-item-lists .fl-posted-service{border-color: #e5e5e5; background: #FCFCFC; padding: 0 0 10px;}
    .fl-posted-service .media-left, 
    .fl-posted-service .media-body{display: block; margin: 0; padding: 0; width: 100%;}
    .fl-service-item-lists .fl-posted-service .media-body{padding: 0 15px;}
    .fl-service-item-lists .fl-posted-service .flps-image{width: 100%; height: auto; margin-bottom: 15px;}
    .flps-status-wrap .status-item{padding-right: 0px; padding-left: 10px;}
    .flps-status-wrap .status-item:before{right: inherit; left: 0;}
    .flps-status-wrap .status-item:last-child{padding-left: 0; padding-top: 5px;}
}
@media(max-width: 767px){
    .fl-service-item-lists .fl-posted-service{padding:0 0 15px 0; border-color: #d5d5d5;}
    .fl-service-item-lists .fl-posted-service .post-breadcrumbs{display: none;}
    .fl-posted-service .status-item.flps-status{position: absolute; right: 0; top: -30px; margin: 0;}
    .flps-status-wrap .status-item:last-child{display: block;}
    .flps-title-wrap .flps-title{font-size: 18px; font-weight: 600;}
    .fl-service-item-lists .fl-posted-service:last-child{border-bottom: 1px solid #d5d5d5; }
}
@media(min-width:481px) and (max-width: 560px){
    .fl-service-item-lists .fl-posted-service .flps-image{width: 150px;height: 100px;}
    .flps-title-wrap .flps-title{font-size: 16px; font-weight: 600;}
    .flps-status-wrap .status-item{display: block; margin-top: 2px;}
    .flps-status-wrap .status-item:before{display: none;}
}
@media(max-width:480px){
    .fl-service-item-lists .fl-posted-service{border-color: #e5e5e5; background: #FCFCFC; padding: 0 0 10px;}
    .fl-posted-service .media-left, 
    .fl-posted-service .media-body{display: block; margin: 0; padding: 0; width: 100%;}
    .fl-service-item-lists .fl-posted-service .media-body{padding: 0 15px;}
    .fl-service-item-lists .fl-posted-service .flps-image{width: 100%; height: auto; margin-bottom: 15px;}
    .flps-title-wrap span.flps-delivery{display: block;}
}
@media(max-width:391px){
    .fl-service-item-lists .fl-posted-service .media-body{padding: 0 10px;}
    .fl-posted-service .flps-status-wrap{padding-top: 26px;}
    .flps-status-wrap .status-item{position: relative;display: block; padding: 0px; margin: 3px 0 0;}
    .fl-posted-service .status-item.flps-status {top: 0;}
    .fl-posted-service .status-item.flps-operation{position: absolute; top:0; left: 0; margin: 0;}
    .flps-status-wrap .status-item:before{display: none;}
    .cm-job-lists-wrap .panel-tools span{display: none;}
}

/* ==== Freelancer My Service List End ==== */

/* ==== Home Services list Wrap items ==== */
.services-list-wrap .service-box{display: block;position: relative; background-color: #ffffff; box-shadow: 0 0px 12px rgba(0,0,0,0.08); border: none; border-radius: 4px; margin-bottom: 30px;}
.service-box .service-featured{ top: 105px; }
.service-featured{position: absolute; top: 15px; right: 15px; height: 30px; width: 30px; text-align: center; line-height: 31px; font-size: 16px; color: #ffffff; background-color: #7c049a; z-index: 1; border-radius: 50%;}
.service-featured span{position: relative; z-index: 2;}
/*.service-featured:after{content: ""; position: absolute; border-width: 13px; border-style: solid; border-color: #7c049a #7c049a transparent #7c049a; left: 0px; bottom: -14px; border-bottom-color: transparent!important; }*/
/*.service-featured:before {content: ""; position: absolute; border-width: 3px; border-style: solid; border-color: transparent transparent #7c049a #7c049a; top: 0px; right: -6px; border-top-color: transparent!important; border-right-color: transparent!important;}*/
.service-box .service-img{display: block; position: relative; width: 100%; height: 160px; border-radius: 4px 4px 0 0; /*overflow: hidden;*/ }
.service-box .service-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.service-box .service-img .save-service a{ color: #7c049a; }
.service-box .service-img .save-service{ position: absolute; bottom: -15px; right: 15px; background: rgba(255, 255, 255); z-index: 1; width: 30px; height: 30px; line-height: 33px; text-align: center; border-radius: 50px; font-size: 16px; top: unset; }
.service-box .service-img .save-service a.active{color: #40ba00;}
.service-box .service-desc{ display: block; position: relative; padding: 15px 15px 10px; color: #656565;}
.service-box .service-desc .service-title{ font-size: 16px; color: #555; line-height: 20px;  overflow: hidden; min-height: 42px; max-height: 42px; overflow: hidden; text-overflow: ellipsis;}
.service-box .service-desc .service-title a{color: #555555;}
.service-box .service-desc .services-cat{position: relative; display: block; margin-top: 10px; font-size: 13px; color: #7c049a;}
.service-desc .price-sales-wrap{ display: block; position: relative; margin: 10px 0 10px; border-bottom: 1px solid #eee; color: #656565;}
.service-desc .price-sales-wrap .ps-wrap{ display: inline-block; font-size: 12px; margin-bottom: 10px;}
.service-desc .price-sales-wrap .ps-wrap.price-wrap .amount-wrap{font-size: 16px; font-weight: 600; color: #333333;}
.service-desc .price-sales-wrap .ps-wrap.sales-wrap{ float: right;}
.service-desc .price-sales-wrap .ps-wrap.sales-wrap span{font-weight: 600;  font-size: 14px; color: #333;}
.services-list-wrap .service-box .freelancer-details{ display: block; position: relative; font-size: 12px; color: #a1a1a1; }
.services-list-wrap .service-box .freelancer-details .freelancer-img{ display: block; position: relative; width: 40px; height: 40px; overflow: hidden; border-radius: 4px; /*background-color: #e5e5e5;*/ border: 1px solid #e5e5e5;}
.services-list-wrap .service-box .freelancer-details .freelancer-img img{ width: 100%; height: 100%; object-fit: cover;}
.services-list-wrap .service-box .freelancer-details h5{ margin-bottom: 3px; font-size: 14px; line-height: 1.4;}
.services-list-wrap .service-box .freelancer-details h5 a{max-width: 136px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; color: #333;}
.service-box .freelancer-details .user-location{position: relative; display: block; max-width: 160px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 3px;}
.services-list-wrap .service-box .freelancer-details p.rating{ color: #ffc100; position: absolute; font-size: 14px; margin: 0; right: 0; top: 0;}
.services-list-wrap .service-box .freelancer-details p.rating i{padding-right: 3px;}
.services-list-wrap .service-box .service-desc .service-title a:hover,
.services-list-wrap .service-box .freelancer-details h5 a:hover{color: #7c049a;}
@media (max-width:991px) and (min-width: 768px){
    .services-list-wrap .cust-purchase{margin: 0 -10px;}
    .services-list-wrap .cust-purchase [class*="col-"]{ padding: 0 10px; }
}
@media (max-width:767px) and (min-width: 480px){
    .services-list-wrap .cust-purchase [class*="col-"]{ width: 50%; float: left; }
}
@media (max-width:560px) and (min-width: 480px){
    .services-list-wrap .cust-purchase{margin: 0 -8px;}
    .services-list-wrap .cust-purchase [class*="col-"]{ padding: 0 8px; }
    .service-box .service-desc{padding: 10px;}
    .service-desc .price-sales-wrap .ps-wrap{margin-bottom: 5px;}
    .services-list-wrap .service-box .freelancer-details h5{width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
}
/* ==== Home Services list Wrap items End ==== */

/* ==== Home Job list Wrap items ==== */
.job-list-wrap{position: relative; display: block;}
.job-list-wrap .fjob-box{display: block;position: relative; background-color: #ffffff; color: #656565; padding: 50px 30px 80px; box-shadow: 0 0px 10px 2px rgba(0,0,0,0.08); border: none; border-radius: 4px; margin-bottom: 30px; overflow: hidden; }
.fjob-box .fjob-title{position: relative; display: block; margin: 0 0 5px; font-weight: 500;}
.fjob-box .fjob-title a{display: block; position: relative; white-space: nowrap; width: 94%; text-overflow: ellipsis; overflow: hidden; color: #7c049a; }
.fjob-box .fjob-breadcrumb{position: relative; display: block; list-style: none; padding: 0 0 10px; margin: 0 0 12px; color: #959595; font-size: 13px; border-bottom: 1px dashed #e5e5e5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fjob-box .fjob-breadcrumb li{position: relative; display: inline-block; padding-right: 12px; margin-right: 5px}
.fjob-box .fjob-breadcrumb li:after{content: '\f105'; position: absolute; font-family:FontAwesome; right: 0;}
.fjob-box .fjob-breadcrumb li:last-child{margin: 0; padding: 0;}
.fjob-box .fjob-breadcrumb li:last-child:after{display: none;}
.fjob-box .fjob-price-wrap{position: relative; display: block; color: #757575; margin-bottom: 12px;}
.fjob-box .fjob-price-wrap .amount-wrap{font-size: 18px; display: inline-block;}
.fjob-box .fjob-price-wrap .level-label{position: relative; display: inline-block; font-size: 12px; float: right; color: #f0ad4e; text-transform: uppercase; border:1px solid #f0ad4e; margin-top: 1px; padding: 3px 10px; border-radius: 30px; line-height: 14px;}
.fjob-box .fjob-desc{ max-height: 65px; overflow: hidden; display: block; position: relative; line-height: 1.6; margin-bottom: 10px;}
.fjob-box .fjob-skills{position: relative; display: block; margin-bottom: 10px; }
.fjob-box .fjob-skills p{ width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 13px; white-space: nowrap; color: #7c049a; margin-bottom: 0; font-weight: 600; }
.fjob-box .fjob-post{position: relative; display: block; list-style: none; padding: 0; margin: 0px; color: #959595; font-size: 13px;}
.fjob-box .fjob-post li{position: relative; display: block; color: #757575; font-size: 14px; margin-bottom: 5px;}
.fjob-box .fjob-post li span{font-weight: 600; color: #353535; padding-right: 5px; font-size: 13px;}
.fjob-box .fjob-featured{position: absolute; display: inline-block; top: -44px; left: -34px; color: #ffffff; padding: 3px 10px; line-height: 12px; background: #7c049a; border-radius: 0px; height: 80px; width: 80px; transform: rotate(50deg); }
.fjob-box .fjob-featured:before{ content: "\f005"; position: absolute; top: 38px; left: 57px; color: #fff; font-family: FontAwesome;    font-size: 17px; }
.fjob-box .fjob-featured:after{display: none;}

.home-featured-jobs .job-list-wrap .fjob-box .freelancer-details { position: absolute; bottom: 15px; display: block; font-size: 12px; left: 30px; right: 30px; border-top: 1px solid #eee; padding-top: 15px; }
.home-featured-jobs .job-list-wrap .fjob-box .freelancer-details h5{ margin-bottom: 3px; font-size: 14px; line-height: 1.4; }
.home-featured-jobs .job-list-wrap .fjob-box .freelancer-details h5 a{ max-width: 136px; text-overflow: ellipsis; overflow: hidden;    white-space: nowrap; display: block; color: #333; }
.home-featured-jobs .job-list-wrap .fjob-box .freelancer-details .user-location{ position: relative; display: block; max-width: 160px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 3px; font-size: 12px; color: #a1a1a1; }
.home-featured-jobs .job-list-wrap .fjob-box .freelancer-details p.rating{ color: #ffc100; position: absolute; font-size: 14px;    margin: 0; right: 0; top: 12px; }

.home-featured-jobs .job-list-wrap .fjob-box .freelancer-details .freelancer-img{ display: block; position: relative; width: 40px;    height: 40px; overflow: hidden; border-radius: 50px; background-color: #e5e5e5; }
.home-featured-jobs .job-list-wrap .fjob-box .freelancer-details .freelancer-img img{ width: 100%; height: 100%; object-fit: cover; }
/* ==== Home Job list Wrap items End==== */

/* ==== Freelancer My Jobs & bids ==== */
.fl-job-bid-wrap{position: relative; display:  block;}
.fjb-lists{padding: 0; list-style: none; margin: 0; padding: 0; position: relative; display: block;}
.fjb-item { padding: 15px 15px 10px; position: relative; display: block; transition: all 0.25s; border-bottom: 1px solid #e5e5e5; }
.fjb-item:hover{ background-color: rgba(23, 125, 170, 0.03); }
.fjb-item .service-featured{left: inherit; right: 20px;}
.fjb-item .fjb-title{ position: relative; display: block; margin: 0px 0 10px; font-size: 18px; font-weight: 500; padding-right: 45px;}
.fjb-item .fjb-title .like{position: absolute; top: 0; right: 0;}
.fjb-item .fjb-title .like a{position: relative; display: block; height: 30px; width: 30px; background-color: #7c049a; color: #ffffff; font-size: 16px; text-align: center; line-height: 30px; border-radius: 50%; opacity: 0.7;}
.fjb-item .fjb-title .like a i{color: #ffffff; margin: inherit; }
.fjb-item .fjb-title .like a:hover{opacity: 1;}
.fjb-item .fjb-details-list{position: relative; padding: 0; margin: 0 0 10px; list-style: none;}
.fjb-item .fjb-details-list li{position: relative; display: inline-block; padding-right: 12px; margin-right: 5px; color: #858585;}
.fjb-item .fjb-details-list li span{color: #353535;}
.fjb-item .fjb-details-list li span.amount-wrap{font-size: 14px; display: inline-block; font-weight: 600;}
.fjb-item .fjb-details-list li span.amount-wrap span{font-size: 80%;}
.fjb-item .fjb-details-list li:after{content: '|'; position: absolute; right: 0;}
.fjb-item .fjb-details-list li:last-child{padding-right: 0; margin-right: 0;}
.fjb-item .fjb-details-list li:last-child:after{display: none;}
.fjb-item .fjb-desc{ position: relative; display: block; color: #656565; line-height: 22px; margin: 0 0 15px;}
.fjb-item .fjb-cat{position: relative; padding: 0; margin: 0 0 10px; list-style: none;}
.fjb-item .fjb-cat li{position: relative; display: inline-block; color: #7c049a; margin-right: 15px;}
.fjb-item .fjb-workroom-btn{position: absolute; right: 0px; top: 5px;}
.fjb-item .fjb-status{ position: relative; display: block; padding: 15px 0;  border-top: 1px dashed #e6e6e6; color: #858585;}
.fjb-item .fjb-status .fjb-status-item{position: relative; display: inline-block; margin-right: 15px;}
.fjb-item .fjb-status .fjb-status-item.fjb-post-time span{color: #353535;}
.fjb-item .fjb-user-profile{ position: relative; display: table; width: 100%; padding: 10px 0 0px; border-top: 1px dashed #e6e6e6;}
.fjb-user-profile .profile-img-wrap{display: table-cell; vertical-align: middle; width: 50px;}
.fjb-user-profile .profile-img{ position: relative; display: inline-block; height: 40px; width: 40px; border-radius: 50%; overflow: hidden;}
.fjb-user-profile .profile-img img{ width: 100%; height:100%;} 
.fjb-user-profile .profile-details{position: relative; display: table-cell; vertical-align: middle;} 
.fjb-user-profile .profile-details .fjb-location, 
.fjb-user-profile .profile-details .start-ratings, 
.fjb-user-profile .profile-details .profile-name{ position: relative; display: inline-block; }
.fjb-user-profile .profile-details .fjb-location {  color: #a2a2a2; }
.fjb-user-profile .profile-details .fjb-location i{ margin: 0 5px 0 10px; }
.fjb-user-profile .profile-details .profile-name span{ color: #a2a2a2; font-size: 12px; }
@media (max-width: 767px){
    .fjb-item{padding: 0px 0 10px; border-color: #d5d5d5; margin-bottom: 20px;}
    .fjb-item:last-child{margin-bottom: 0px;}
    .fjb-item:hover{ background-color: transparent; }
    .fjb-item .fjb-title{font-weight: 600; padding-right: 32px;}
    .fjb-item .fjb-desc{margin-bottom: 10px;}
    .fjb-item .fjb-cat{margin-bottom: 5px;}
    .fjb-user-profile .profile-details .fjb-location{display: block;}
    .fjb-user-profile .profile-details .fjb-location i{margin: 0 5px 0 0;}
    .fjb-item .service-featured:before{display: none;}
}
@media (max-width: 560px){
    .fjb-item .fjb-cat{margin-bottom: px;}
    .fjb-item .fjb-details-list li{display: block; margin-top: 5px;}
    .fjb-item .fjb-details-list li:after{display: none;}
}
@media (max-width: 480px){
    .fjb-item .fjb-status{padding: 10px 0 0; }
    .fjb-item .fjb-workroom-btn{position: relative; top: inherit; right: inherit; margin-bottom: 10px;}
    .fjb-item .fjb-status .fjb-status-item{margin-bottom: 10px;}
    .fjb-item .fjb-title{margin-bottom: 5px;}
}
/* ==== Freelancer My Jobs & bids End ==== */

/* ==== Freelancer My Saved Jobs ==== */
@media(min-width: 768px) and (max-width: 991px){
    .fl-saved-job-wrap .fjb-details-list li{display: block; margin-bottom: 5px; padding: 0;}
    .fl-saved-job-wrap .fjb-details-list li:first-child{display: block;}
    .fl-saved-job-wrap .fjb-details-list li:after{display: none;}
}
/* ==== Freelancer My Saved Jobs End ==== */

/* ==== Users Account Settings ==== */
.mobile-bars{display: none;}
span.mobile-bars a{color: #7c049a;}

@media (min-width:768px) and (max-width:991px){
    .account_setting ul.nav li a{padding: 15px; font-size: 14px;}
}
@media(max-width: 767px){
    span.mobile-bars{display: block; text-align: right; margin-bottom: 0;}
    span.mobile-bars a{display: block; position: relative; font-size: 18px; border: 1px solid #ddd; width: 35px; height: 30px; line-height: 28px; text-align: center; border-radius: 4px; background-color: #ffffff;}
    .account_setting ul.nav{display: none; position: absolute; background: #fff; z-index: 5; order-bottom: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); border: 1px solid #eee; right: 0; top: -25px;}
    .account_setting ul.nav:after{ background: #fff; border: 1px solid #eee; content: ""; height: 12px; width: 12px; position: absolute; top: -6px; right: 12px; transform: rotate(-45deg); border-left: none; border-bottom: none; z-index: -1;}
    .account_setting ul.nav li{ width: 100%; display: block;}
    .account_setting ul.nav li a{border-radius: 0; padding: 12px 15px; font-weight: 400;}
    .account_setting ul.nav li.active,
    .account_setting ul.nav li.active:hover{ border-bottom: 2px solid transparent;}
    .account_setting ul.nav li.active a{ color: #1fa8e6; font-weight: 500;}
}
@media (min-width: 568px) and (max-width: 767px){
     .account_setting ul.nav{ width: 50%; }
}
@media(max-width: 567px){
    .account_setting ul.nav{ width: 85%; top: -25px;}
    .service-section .service-box .service-img{/*width: 50px;height: 50px;*/margin-bottom: 20px;}

}
@media(max-width: 420px){
    .account_setting ul.nav{ width: 100%;}

}

/* ==== Users Account Settings End ==== */

/* ==== Freelancer Service Order ==== */
.fl-service-lists-wrap{position: relative; display: block;}
.fl-service-order-list{position: relative; display: block; list-style: none; padding: 0; margin: 0;}
.fl-service-order-list .flso-item { padding: 15px 15px 10px; position: relative; display: block; border-bottom:1px solid #e5e5e5; transition: all 0.25s; }
.flso-item:hover{ background-color: #f6f6f6; }
.flso-item .flso-title-wrap{position: relative; display: block; padding-right: 40px; margin-bottom: 5px;}
.flso-item .flso-title-wrap .flso-title{font-size: 18px; font-weight: 600; margin: 0 5px 5px 0; display: inline-block; line-height: 1.3;}
.flso-item .flso-title-wrap span.flso-deadline{position: relative; display: inline-block; color: #454545; font-weight: 500;}
.flso-item .flso-title-wrap .service-featured {left: inherit; right: 0px; top: 0; }
.flso-item .flso-title-wrap .service-featured:before{display: none;}
.flso-item .flso-bgdt{position: relative; display: block; color: #757575; margin: 10px 0;}
.flso-item .flso-bgdt .amount-wrap{position: relative; display: inline-block; font-size: 16px;}
.flso-item .flso-details-list{position: relative; padding: 0; margin: 0 0 10px; list-style: none;}
.flso-item .flso-details-list li{position: relative; display: inline-block; padding-right: 12px; margin-right: 5px; color: #858585;margin-bottom: 5px; text-transform: capitalize;}
.flso-item .flso-details-list li span{color: #353535; font-weight: 600;}
.flso-item .flso-details-list li:after{content: '|'; position: absolute; right: 0;}
.flso-item .flso-details-list li:last-child{padding-right: 0; margin-right: 0;}
.flso-item .flso-details-list li:last-child:after{display: none;}
.flso-item .flso-addons{ position: relative; display: block;}
.flso-item .flso-addons .flso-addons-title{position: relative; display: block; text-transform: capitalize; margin-bottom: 8px; font-size: 16px;}
.fl-service-order-list .flso-item .flso-addons .flso-addons-list{position: relative; display: block; margin-bottom: 8px;}
.fl-service-order-list .flso-item .flso-addons .flso-addons-list li{position: relative; display: block; padding: 10px; margin-bottom: 10px; background-color: #f1f1f1; padding-right: 60px; border:1px solid transparent;}
.fl-service-order-list .flso-item:hover .flso-addons .flso-addons-list li{background-color: #ffffff; border:1px solid #f1f1f1;}
.flso-addons .flso-addons-list li label{position: relative; display: block; font-weight: 500;}
.flso-item .flso-addons .flso-addons-list li span{position: relative; display: block; color: #757575;}
.flso-item .flso-addons .flso-addons-list li .addons-price{position: absolute; display: block; top: 50%; right: 10px; color: #000; font-weight: 600; font-size: 20px; margin-top: -14px;}
.flso-item .flso-status{ position: relative; display: block; padding: 15px 0 10px; margin-top: 10px; border-top: 1px dashed #e6e6e6; color: #858585;}
.flso-item .flso-status .flso-status-item{position: relative; display: inline-block; margin-right: 15px; margin-bottom: 5px;}
.flso-item .flso-status .flso-status-item.flso-post-time span{color: #353535; font-weight: 600;}
.flso-item .flso-btn-wrap{position: relative; display: block; }
.flso-item .flso-btn{ display: inline-block;}
.flso-item .flso-btn-wrap .btn{margin-right: 5px; font-weight: 500; margin-bottom: 5px;}
@media (max-width: 767px){
    .fl-service-order-list .flso-item{padding: 5px 0 10px; margin-bottom: 10px; border-color: #d5d5d5;}
    .fl-service-order-list .flso-item:last-child{margin-bottom: 0;}
    .flso-item .flso-details-list li{width: 50%; float: left; margin-right: 0; padding-right: 0;}
    .flso-item .flso-details-list li:after{display: none;}
    .flso-item:hover{ background-color: transparent; }
    .flso-item .flso-title-wrap .service-featured{top: 0;}
}
@media (max-width: 560px){
    .flso-item .flso-details-list li{width: 100%; float: inherit; display: block;}
}
@media (max-width: 480px){
    .flso-item .flso-addons .flso-addons-list li .addons-price{top: inherit; font-size: 18px; margin-top: inherit; bottom: 5px;}
}
/* ==== Freelancer Service Order End ==== */

/* ==== Freelancer Received Invitations ==== */
.fjb-invite-wrap .fjb-status{padding-right: 170px;}
.fjb-item .fjb-invite-action{position: absolute; right: 0px; top: 5px;}
.fjb-item .fjb-invite-action .btn{margin-right: 5px;}
@media(max-width: 767px){
    .fjb-item .service-featured{right: 0;}
}
@media(max-width: 480px){
    .fjb-invite-wrap .fjb-status{padding-right: 0;}
    .fjb-item .fjb-invite-action{position: relative; right: inherit; top: inherit; margin-bottom: 10px;}
}
/* ==== Freelancer Received Invitations End==== */

/* ==== Customer Service Orders ==== */
.cust-service-lists-wrap{position: relative; display: block;}
.cust-service-lists-wrap .cust-service-order-list{position: relative; display: block; margin: 0; list-style: none; padding: 0;}
.cust-service-order-list .ctso-item{ position: relative; display: block; padding: 15px 15px 10px; border-bottom:1px solid #e5e5e5; transition: all 0.25s; }
.cust-service-order-list .ctso-item:hover{ background-color: #f6f6f6; }
.ctso-item .service-featured{left: inherit; right: 15px; top: -20px;}
.ctso-item .ctso-item-wrap{position: relative; display: table; width: 100%;}
.ctso-item .ctso-item-wrap .ctso-wrap{display: table-cell; position: relative; }
.ctso-item .ctso-title{font-size: 18px; font-weight: 600; margin: 0 0 10px; padding-right: 30px;}
.ctso-item .ctso-details-list{position: relative; padding: 0; margin: 10px 0 5px; list-style: none;}
.ctso-item .ctso-details-list li{position: relative; display: inline-block; padding-right: 12px; margin-bottom: 5px; margin-right: 5px; color: #858585; text-transform: capitalize;}
.ctso-item .ctso-details-list li span{color: #353535;}
.ctso-item .ctso-details-list li span.amount-wrap{font-size: 14px; display: inline-block; font-weight: 600;}
.ctso-item .ctso-details-list li span.amount-wrap span{font-size: 80%;}
.ctso-item .ctso-details-list li:after{content: '|'; position: absolute; right: 0;}
.ctso-item .ctso-details-list li:last-child{padding-right: 0; margin-right: 0;}
.ctso-item .ctso-details-list li:last-child:after{display: none;}

/*.ctso-item .ctso-addon{position: relative; display: block; color: #858585; margin: 0 0 5px;}
.ctso-item .ctso-addon span{color: #333333;}*/

.ctso-item .ctso-addons{ position: relative; display: block;}
.ctso-item .ctso-addons .ctso-addons-title{position: relative; display: block; text-transform: capitalize; margin-bottom: 8px; font-size: 16px;}
.ctso-item .ctso-addons .ctso-addons-list{position: relative; display: block; margin-bottom: 8px; padding: 0;}
.ctso-item .ctso-addons .ctso-addons-list li{position:relative; display: block; padding: 10px; margin-bottom: 10px; background-color: #f1f1f1; padding-right: 60px; border:1px solid transparent;}
.ctso-item:hover .ctso-addons .ctso-addons-list li{background-color: #ffffff; border:1px solid #f1f1f1;}
.ctso-item .ctso-addons .ctso-addons-list li label{position: relative; display: block; font-weight: 500;}
.ctso-item .ctso-addons .ctso-addons-list li span{position: relative; display: block; color: #757575;}
.ctso-item .ctso-addons .ctso-addons-list li .addons-price{position: absolute; display: block; top: 50%; right: 10px; color: #000; font-weight: 500; font-size: 16px; margin-top: -14px;}

.ctso-item-wrap .ctso-wrap.ctso-details{padding-right: 15px;}
.ctso-item-wrap .ctso-wrap.ctso-order{width: 250px; padding-left: 15px;}
.ctso-item-wrap .ctso-wrap.ctso-order:after{content: ''; width: 1px; height: 100%; position: absolute; display: block; top: 0; left: 0; 
    background: #d5d5d5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, transparent, #d5d5d5, transparent);
    background: linear-gradient(to bottom, transparent, #d5d5d5, transparent); }
.ctso-item .ctso-order-lists{position: relative; display: block; }
.ctso-item .ctso-order-lists li{position: relative; display: block; color: #757575; margin: 0 0 12px; text-transform: capitalize;}
.ctso-item .ctso-order-lists li label{display: inline-block; float: right; margin: 0; color: #333333;}
.ctso-item .ctso-order-lists li label.amount-wrap{font-size: 16px;}
.ctso-item .ctso-btn-wrap{position: relative; display: block;}
.ctso-item .ctso-btn-wrap .ctso-btn{position: relative; display: inline-block; margin:5px 5px 0 0;}

@media (max-width:991px) and (min-width: 768px){
    .ctso-item .ctso-item-wrap,
    .ctso-item .ctso-item-wrap .ctso-wrap{display: block; padding: 0;}
    .ctso-item .ctso-item-wrap .ctso-wrap.ctso-order{padding: 10px 0 0 0; width: 100%; margin: 10px 0 0 0;}
    .ctso-item .ctso-item-wrap .ctso-wrap.ctso-order:after{width: 100%; height: 1px; background: transparent; border-bottom: 1px dashed #d5d5d5;}
    .ctso-item .service-featured{right: 0;}
    .ctso-item .ctso-details-list li{display: block; position: relative; width: 50%; float: left; margin-right: 0; padding-right: 15px;}
    .ctso-item .ctso-details-list li:last-child{padding-right: 15px;}
    .ctso-item .ctso-details-list li:nth-child(2n+0){padding-right: 0px; padding-left: 12px;}
    .ctso-item .ctso-details-list li:nth-child(2n+0):after{display: none;}
    .ctso-item .ctso-details-list li > span{float: right;}
    .ctso-item .ctso-order-lists li:last-child{margin-bottom: 0;}
    .ctso-item .ctso-btn-wrap .ctso-btn{margin-top: 10px;}
}
@media (max-width:767px){
    .ctso-item .ctso-item-wrap,
    .ctso-item .ctso-item-wrap .ctso-wrap{display: block; padding: 0;}
    .ctso-item .ctso-btn-wrap .ctso-btn{margin-top: 10px;}
    .ctso-item .service-featured{right: 0; top: -20px;}
    .ctso-item .ctso-item-wrap .ctso-wrap.ctso-order{padding: 10px 0 0 0; width: 100%; margin: 10px 0 0 0;}
    .ctso-item .ctso-item-wrap .ctso-wrap.ctso-order:after{width: 100%; height: 1px; background: transparent; border-bottom: 1px dashed #d5d5d5;}
    .ctso-item .ctso-order-lists li:last-child{margin-bottom: 0;}

    .panel .panel-heading .form-inline{ width: 224px; }
}
@media (max-width:767px) and (min-width: 481px){
    .ctso-item .ctso-order-lists li label{float: inherit;}
}
@media (max-width:560px){
    .ctso-item .service-featured{top: -21px}

    .cust-service-order-list .ctso-item{padding: 0 0 15px; margin-bottom: 15px;}
    .cust-service-order-list .ctso-item:hover{background: transparent;}
    .panel .panel-heading .form-control{width: 160px;}
}
@media (max-width:560px){
    .ctso-panel .panel-heading .panel-title{position: relative; display: block; margin: 0 0 10px;}
    .ctso-panel .panel-heading .panel-tools {position: relative; display: block; float: inherit!important;}
    .ctso-panel .panel-heading .panel-tools .form-control{width: 100%; max-width: inherit;}
    .ctso-panel .panel-heading .panel-tools .form-control,
    .ctso-panel .panel-heading .panel-tools .btn{margin: 0; }

    .panel .panel-heading .form-inline{ width: 100%; }
}
@media (max-width: 480px){
    .ctso-item .ctso-addons .ctso-addons-list li .addons-price{top: inherit; font-size: 16px; margin-top: inherit; bottom: 5px;}
}
/* ==== Customer Service Orders End ==== */


/* ==== Customer Saved Freelancer ==== */
.saved-fl-wrap{ position: relative; display: block; }
.saved-fl-wrap .main-heading-wrap{padding-right: 90px; position: relative; display: block; width: 100%;}
.saved-fl-wrap .main-heading-wrap .main-heading-tool{position: absolute; bottom: 10px; right: 0;}
.main-heading-wrap .remove_saved label.signin-check{margin: 0; padding: 0;}
.savefl-item,
.savefl-item .savefl-location{position: relative; display:block;}
.savefl-item .like{position: absolute; left: -5px; top: -5px; right: inherit; z-index: 2;}
.savefl-item .like.active a{position: relative; display: block; height: 36px; width: 36px; border-radius: 50%; border:1px solid #eeeeee; text-align: center; line-height: 36px; font-size: 18px;}
.savefl-item .savefl-table{position: relative; display: table; width: 100%; margin-bottom: 10px;}
.savefl-item .savefl-cell{position: relative; display: table-cell; position: relative; vertical-align: top;}
.savefl-item .savefl-cell.cell-user{position: relative; text-align: center;  padding-right: 15px; width:220px; color: #757575; border-right: 1px solid #e5e5e5;}
.savefl-item .savefl-cell.cell-details{padding-left: 15px;}
.savefl-cell.cell-user .media, .savefl-cell.cell-user .media-body{width: auto;}
.savefl-item .user-avatar{position: relative; display: block; width: 100px; height: 100px; border-radius: 6px; overflow: hidden; margin: 0 auto 10px;}
.savefl-item .user-avatar img{width: 100%; height: 100%; object-fit: cover;}
.savefl-item .savefl-title{position: relative; display: block; margin: 0 0 7px;}
.savefl-item .savefl-title .savefl-name{font-size: 16px; font-weight: 600; color: #333333; margin: 0 0 0px;}
.savefl-item .savefl-title span{font-size: 12px; color: #858585;}
.savefl-item .star-ratings-sprite{margin: 0 0 8px;}
.savefl-item .savefl-location{width: 90%; text-overflow: ellipsis; display: inline-block; overflow: hidden; white-space: nowrap; font-size: 13px;}
.savefl-item .savefl-location span{padding-right: 5px;}
.savefl-item .savefl-work-lists{position: relative; display: block; }
.savefl-item .savefl-work-lists li{position: relative; display: block; font-size: 14px; color: #757575; margin: 0 0 12px; text-transform: capitalize;}
.savefl-item .savefl-work-lists li label{display: inline-block; float: right; margin: 0; color: #333333;}
.savefl-item .savefl-work-lists li label.amount-wrap{font-size: 16px;}
.savefl-item .savefl-skills{position: relative; display: block; overflow: hidden;/* max-height: 46px;*/}
.savefl-item .savefl-skills li{position: relative; display: inline-block; color: #7c049a; padding-right: 4px; margin: 0 5px 5px 0; font-size: 13px; line-height: 1;}
.savefl-item .savefl-skills li:after{content: ','; position: absolute; bottom: 0; right: 0;}
.savefl-item .savefl-skills li:last-child:after{display: none;}
.savefl-item .savefl-cat-wrap{position: relative; display: block; margin: 0px; max-height: 60px; overflow: hidden;}
.savefl-item .savefl-cat-wrap span{position: relative; display: inline-block; float: left; font-size: 12px; text-transform: capitalize; padding:3px 10px; border-radius: 20px; background-color: #7c049a; color: #ffffff; margin:5px 5px 0px 0;}

@media (min-width:1200px){
    .savefl-cell.cell-user .media, 
    .savefl-cell.cell-user .media-left, 
    .savefl-cell.cell-user .media-body{position: relative;display: block; width: auto; margin: 0; padding: 0;}
}
@media (max-width:1199px) and (min-width: 992px){
    .saved-fl-wrap .pbox{padding: 15px;}
    .savefl-item .savefl-cell.cell-user,
    .savefl-item .savefl-cell.cell-details{position: relative; display: block; padding: 0; width: 100%; border:none; text-align: left;}
    .savefl-item .savefl-cell.cell-user{margin-bottom: 5px;}
    .savefl-item .savefl-table{margin-bottom: 5px;}
    .savefl-item .like{left: inherit; right: 0px; top: 0;}
    .savefl-item .savefl-title{padding-right: 40px;}
}
@media (max-width:991px){
    .savefl-item .savefl-table{margin-bottom: 0;}
    .savefl-item .savefl-cat-wrap{margin-top: 5px; max-height: inherit;}
    .savefl-item .savefl-skills{max-height: inherit;}
}
@media (max-width:991px) and (min-width: 561px){
    .savefl-cell.cell-user .media, 
    .savefl-cell.cell-user .media-left, 
    .savefl-cell.cell-user .media-body{position: relative;display: block; width: auto; margin: 0; padding: 0;}
}
@media (max-width:560px){
    .savefl-item .savefl-cell.cell-user,
    .savefl-item .savefl-cell.cell-details{position: relative; display: block; padding: 0; width: 100%; border:none; text-align: left;}
    .savefl-item .savefl-cell.cell-user{margin-bottom: 5px;}
    .savefl-item .savefl-table{margin-bottom: 5px;}
    .savefl-item .like{left: inherit; right: 0px; top: 0;}
    .savefl-item .savefl-title{padding-right: 40px;}
}
@media (max-width:420px){
    .savefl-cell.cell-user .media, 
    .savefl-cell.cell-user .media-left, 
    .savefl-cell.cell-user .media-body{position: relative;display: block; width: 100%; margin: 0; padding: 0; text-align: center;}
    .savefl-item .savefl-title{padding-right: 0;}
    .savefl-item .star-ratings-sprite{margin-bottom: 2px;}
    .savefl-item .savefl-location{width: 100%; white-space: inherit;}
    .savefl-item .savefl-cell.cell-user{margin-bottom: 10px;}
}
@media (max-width:391px){
    .savefl-item .savefl-cat-wrap span{font-size: 11px; padding: 3px 8px;}
}

/* ==== Customer Saved Freelancer End ==== */

/* ==== customer invited freelancer ====*/
.cif-wrap{display: block;position: relative;}
.cif-wrap .cif-lists{display: block;position: relative;padding: 0;margin: 0;list-style: none;}
.cif-lists .cif-item{padding: 15px; position: relative; display: block;margin-bottom: 20px;}
.cif-lists .cif-item .media .media-body{padding-left: 15px;}
.cif-lists .cif-item .cif-img-wrap{position: relative;display: block;width: 200px; text-align: center;border-right: 1px solid #ddd;}
.cif-lists .cif-item .cif-img{display: block;position: relative;width: 115px;height: 115px;border-radius: 5px;overflow: hidden;margin: 0 auto 10px;}
.cif-lists .cif-item .cif-img img{width: 100%;height: 100%;object-fit: cover;}
.cif-lists .cif-item .star-ratings-sprite{margin-bottom: 5px;}
.cif-lists .cif-item .cif-location{color: #a2a2a2;}
.cif-lists .cif-item .cif-title-wrap{position: relative;display: block;margin-bottom: 5px;}
.cif-lists .cif-item .cif-title-wrap .cif-title{font-size: 18px;font-weight: 600;margin: 0 5px 5px 0;display: inline-block;line-height: 1.3;}
.cif-item .cif-title-wrap span.cif-lvl{position: relative;display: inline-block;color: #454545;font-weight: 500;}
.cif-item .cif-skills{position: relative;padding: 0;list-style: none;}
.cif-item .cif-skills li{position: relative;display: inline-block;color: #7c049a; margin-right: 10px;padding-right: 4px;}
.cif-item .cif-skills li:after{content: ','; position: absolute; bottom: 0; right: 0;}
.cif-item .cif-skills li:last-child:after{display: none;}
.cif-item .cif-earn{position: relative;display: block;margin-bottom: 10px;}
.cif-item .cif-earn .amount-wrap{display: inline-block;font-size: 16px;}
.cif-item .cif-list{position: relative;padding: 0;margin: 0 0 10px;list-style: none;}
.cif-item .cif-list li{position: relative;display: inline-block;padding-right: 12px;margin-right: 5px;color: #858585;}
.cif-item .cif-list li span{color: #353535;}
.cif-item .cif-list li:after{content: '|';position: absolute;right: 0;top: 0;}
.cif-item .cif-list li:last-child{padding-right: 0;margin-right: 0;}
.cif-item .cif-list li:last-child:after{display: none;}
.cif-item .cif-list li .amount-wrap{font-size: 14px; display: inline-block;}
.cif-item .cif-list li .amount-wrap span{font-size: 80%;}

@media(max-width: 1199px){
    .cif-item .cif-list{margin-bottom: 0;}
    .cif-item .cif-list li{width: 50%; float: left; margin-bottom: 5px; margin-right: 0; padding-right: 15px;}
    .cif-item .cif-list li:after{display: none;}
    .cif-item .cif-list.invitation-status li{display: block; float: inherit; width: 100%; padding: 0;}
}
@media(min-width: 568px) and (max-width: 1280px){
    .cif-lists .cif-item .cif-img-wrap{ border-right: none;}
}
@media(max-width: 767px){
    .cif-lists .cif-item .cif-img-wrap{width: 100%; text-align: left; border-right: none; position: relative; display: block; min-height: 115px; padding-left: 130px;}
    .cif-lists .cif-item .cif-img{ margin: 0 0 10px; position: absolute; top: 0; left: 0;}
    .cif-lists .cif-item .media .media-body{ padding-left: 0; width: 100%; display: block; margin-top: 15px; padding-top: 10px; border-top: 1px dashed #e1e1e1;}
    .cif-item .cif-list{ margin: 0; }
    .cif-item .cif-list li{margin-bottom: 7px;}
    .cif-item .cif-skills li{margin-top: 5px;}
}
@media(min-width:481px) and (max-width: 560px){
    .cif-item .cif-list li{width: 100%; float: inherit; padding: 0;}
}
@media(max-width:480px){
    .cif-lists .cif-item .cif-img{width: 80px; height: 80px;}
    .cif-lists .cif-item .cif-img-wrap{min-height: 80px; padding-left: 90px;}
    .cif-lists .cif-item .cif-title-wrap .cif-title{font-size: 16px; font-weight: 500;}
    .cif-item .cif-title-wrap span.cif-lvl{font-size: 12px; color: #757575;}
    .cif-item .cif-list li{width: 100%; float: inherit; padding: 0; margin-bottom: 8px;}    
    .cif-item .cif-list li span{float: right;}
}
/* ==== customer invited freelancer End==== */

/* ==== Customer Received Proposal Start ==== */
.ctm-received-proposal-wrap{position: relative; display: block;}
.ctm-received-proposal-wrap .ctrp-job-title{position: relative; display: block; text-transform: capitalize; margin: 0 0 15px; font-size: 22px; font-weight: 600; border-bottom: 1px dashed #e5e5e5; padding-bottom: 15px; line-height: 1.3;}
/*.ctm-received-proposal-wrap .ctrp-job-title a{color: #333333;}*/
.ctrp-lists{position: relative; display: block;}
.ctrp-lists .ctrp-item { padding: 15px; position: relative; display: block; background-color: #fdfdfd; transition: all 0.25s; color: #656565; margin-bottom: 15px;     border-bottom: 1px solid #e5e5e5;}
.ctrp-lists .ctrp-item:last-child{margin-bottom: 0;}
.ctrp-lists .ctrp-item:hover{ background-color: #f5f5f5; }
.ctrp-item .ctrp-user-wrap{ position: relative; display: table; padding-right: 190px; vertical-align: middle; width: 100%; margin: 0 0 15px;}
.ctrp-item .ctrp-image-wrap{ position: relative; display: table-cell; width: 85px;}
.ctrp-item .ctrp-image{position: relative; display:block; width: 78px; height: 78px; border-radius: 6px; overflow: hidden;}
.ctrp-item .ctrp-image img{width: 100%; height: 100%; overflow: hidden;}
.ctrp-item .ctrp-user-data{ position: relative; display: table-cell; vertical-align: middle; padding: 0 0 0 10px; }
.ctrp-item .ctrp-user-wrap .ctrp-user-title{position: relative; display: block; font-size: 16px; margin: 0 0 5px;}
.ctrp-item .ctrp-user-wrap .ctrp-user-location{position: relative; display: block; font-size: 14px; margin: 0 0 5px;}
.ctrp-item .ctrp-invt-wrap{position: relative; display: block; margin: 0 0 5px; vertical-align: middle;}
.ctrp-item .ctrp-invt-wrap .ctrp-invited{position: relative; display: inline-block; margin: 0 0 5px; background-color: #7c049a; padding: 2px 10px; border-radius: 20px; font-size: 12px; color: #ffffff; font-weight: 500; margin-right: 5px; text-transform: capitalize; }
.ctrp-item .ctrp-invt-wrap .ctrp-budget{position: relative; display: inline-block; margin: 0 0 5px;}
.ctrp-item .ctrp-budget .amount-wrap{position: relative; display: inline-block; font-size: 16px;}
.ctrp-item .ctrp-details-list{position: relative; padding: 0; margin: 0 0 10px; list-style: none;}
.ctrp-item .ctrp-details-list li{position: relative; display: inline-block; padding-right: 12px; margin-right: 5px; color: #858585; text-transform: capitalize; margin-bottom: 5px;}
.ctrp-item .ctrp-details-list li span{color: #353535;}
.ctrp-item .ctrp-details-list li span.amount-wrap{font-size: 14px; display: inline-block; font-weight: 600;}
.ctrp-item .ctrp-details-list li span.amount-wrap span{font-size: 80%;}
.ctrp-item .ctrp-details-list li:after{content: '|'; position: absolute; right: 0;}
.ctrp-item .ctrp-details-list li:last-child{padding-right: 0; margin-right: 0;}
.ctrp-item .ctrp-details-list li:last-child:after{display: none;}
.ctrp-item .ctrp-desc{position: relative; display: block;}
.ctrp-item .ctrp-expand-que{margin-top: 5px;}
.ctrp-item .ctrp-btn-wrap{position: relative; display: block; position: absolute; top:15px; right: 15px;}
.ctrp-item .ctrp-btn{position: relative; display: inline-block; margin-left: 5px;}
@media(max-width: 991px){
    .ctrp-item .ctrp-details-list li{width:50%; float: left; margin-right: 0}
    .ctrp-item .ctrp-details-list li:after{display: none;}
    .ctrp-item .ctrp-desc{margin-top: 10px;}
}

@media(max-width: 767px){
    .ctm-received-proposal-wrap .ctrp-job-title{font-size: 18px;}
}
@media(max-width: 640px){
    .ctrp-item .ctrp-user-wrap{padding-right: 0;}
    .ctrp-item .ctrp-btn-wrap{position: relative; top: inherit; right: inherit; }
    .ctrp-item .ctrp-btn{margin-right: 5px; margin-left: 0;}
    .ctrp-item .ctrp-btn .btn{margin-top: 10px;}
    .ctrp-item .ctrp-details-list li{width: 100%; float: inherit;}
}
@media(max-width: 560px){
    .ctrp-lists .ctrp-item{padding: 0 0 15px; }
    .ctrp-lists .ctrp-item:hover{background-color: transparent;}
}
/* ==== Customer Received Proposal End ==== */

/* ==== Membership Plan ==== */
.membership_plan{position: relative; display: block;}
.membership_plan .box1 .box-heading p.nooffer{ margin-bottom:75px; }
.membership_plan .box1.active_plan{border: 2px solid #7c049a !important; }
.membership_plan #monthly .box1.free{ border:1px solid #eee;}
.membership_plan #monthly .box1{display: block; position: relative; background-color:#fff; border-radius: 4px; box-shadow: 0 0 12px rgba(0, 0, 0, .08); margin-bottom: 15px; padding: 30px; border: 2px solid #fff; }
.membership_plan .box1:hover{ box-shadow: 0 0 13px #ddd !important; }
.membership_plan .box1 .box-heading{ position: relative; display: block; }
.membership_plan .box1 .box-heading p.month{ font-size: 14px; color: #555; display: inline-block; font-weight: 600; background: unset; width: unset; text-align: center; padding: 0 0 0 15px; position: relative; }
.membership_plan .box1 .box-heading p.month:before{ content: "/"; position: absolute; display: inline-block; color: #7c049a; left: 0
 }

.membership_plan .box1 .box-heading p.date{ margin-bottom: 5px;}
.membership_plan .box1 .box-heading p.date:last-child{ margin-bottom: 0;}
.membership_plan .box1 .box-heading p.date span{ font-weight: 400;}
.membership_plan .box1 .box-heading h2{ font-size: 24px; font-weight: 400; color:#353535; text-transform: uppercase; margin: 0 0 20px; display: inline-block; position: relative; }
.membership_plan .box1.free h2 span.icon{ font-size: 36px !important;}
.membership_plan #monthly .box1.free .box-heading i,
.membership_plan #annual .box1.free .box-heading i{ color: #fff;}
.membership_plan #monthly .box1 .box-heading i,
.membership_plan #annual .box1 .box-heading i{ color: #31cb29;}
.membership_plan #monthly .box1 .box-heading .price-month .price,
.membership_plan #annual .box1 .box-heading .price-month .price{ font-size: 56px; font-weight: 400; position:relative; display:inline-block; color: #7c049a; z-index: 1; margin-bottom: 0;}
.membership_plan #monthly .box1 .box-heading .price-month .price sup,
.membership_plan #annual .box1 .box-heading .price-month .price sup{ font-size: 14px; font-weight: 500; top: -25px;}
.membership_plan #monthly .box1 .box-heading span.strike,
.membership_plan #annual .box1 .box-heading span.strike{ font-weight:100; display:block;}
.membership_plan #monthly .box1 .box-heading span.strike:after,
.membership_plan #annual .box1 .box-heading span.strike:after{ position: absolute; top: 50%; left: 50%; width: 60%; height: 2px; background: #ff624d; content: ""; -webkit-transform: translateY(-50%) translateX(-50%) rotate(-9deg); transform: translateY(-50%) translateX(-50%) rotate(-9deg);}
.membership_plan .box1 .upgrade a{ background: #999; display: block; padding:13px 30px; color: #fff; font-size:18px; text-transform: uppercase; text-align: center; border-radius: 4px; font-weight:500; }
.membership_plan .box1.active_plan .upgrade a{ background-color: #7c049a; }
.membership_plan #monthly .box1  ul li{ color: #333; font-size: 14px; font-weight: 600; text-align: center; padding: 40px 0; text-transform: uppercase; /*border-bottom: 1px solid #eee;*/ /*font-family: "Roboto";*/ }
.membership_plan .free p.date span{font-size: 14px !important; display: inline-block !important;}
.membership_plan .free p.date{ margin-top: 0px; font-weight: 700; font-size: 14px; /*font-family: Roboto;*/ color: #333;}
.membership_plan .free p.date span{ color: #666 !important; font-weight: 400 !important;}
.membership_plan .free p.date:last-child{ margin-top: 5px;}
.membership_plan .box1 .box-heading .price-month{ padding: 25px; border-bottom: none; min-height: unset; position: relative; text-align: center;}
@media(max-width: 391px){
    .membership_plan #monthly .box1{padding: 50px 15px;}
}


/*new design of memebership plan*/
.package-plan-wrap.free-plan{ /*border: 3px solid #ed9da2;*/ }
.package-plan-wrap{ display: block; position: relative; background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, .08); margin-bottom: 100px; }
.package-plan-wrap .package-plan-name{ position: relative; display: block; }
.package-plan-wrap .package-plan-name h2{ position: relative; display: block; font-size: 28px; padding: 40px 0 0; text-align: center; margin: 0; text-transform: uppercase; font-weight: 300; }
.package-plan-wrap .package-plan-price{ position: relative; display: block; padding: 40px 0; }
.package-plan-wrap .package-plan-price .price-wrap{ position: relative; display: block; text-align: center; text-transform: uppercase; }
.package-plan-wrap .package-plan-price .price-wrap span.price{ font-size: 40px; line-height: 1; font-weight: 700; }
.package-plan-wrap .package-plan-price .price-wrap span.price sup{ font-size: 18px; }
.package-plan-wrap .package-plan-price .price-wrap span.validity { font-size: 14px; font-weight: 500; }

.package-plan-wrap .package-plan-credits{ position: relative; display: block; padding: 30px 30px 60px; text-align: center; border-bottom: 1px solid #efefef; margin: 0; border-top: 1px solid #efefef; }
.package-plan-wrap .package-plan-credits h4{ font-size: 15px; font-weight: 600; text-transform: uppercase; }

.package-plan-wrap .package-subscribe-date{ position: relative; display: none; padding: 30px 30px 60px; text-align: center; }
.package-plan-wrap .package-subscribe-date h4 { font-size: 15px; font-weight: 600; text-transform: uppercase; }
.package-plan-wrap .package-plan-btn{ position: relative; display: block; }
.package-plan-wrap .package-plan-btn a{ text-align: center; width: 200px; display: block; color: #ffffff; padding: 12px 0; font-size: 16px; text-transform: uppercase; position: absolute; border-radius: 50px; margin-left: -100px; top: -25px; font-weight: 600; left: 50%; }
.package-plan-wrap.free-plan .package-plan-btn a{ background-color: #5ad0cf; }

.package-plan-wrap.basic-plan .package-plan-btn a{ background-color: #758cca; }
.package-plan-wrap.premium-plan .package-plan-btn a{ background-color: #ebbb68; }

.package-plan-wrap.free-plan.active_plan{ border: 3px solid #5ad0cf; }
.package-plan-wrap.basic-plan.active_plan{ border: 3px solid #758cca; }
.package-plan-wrap.premium-plan.active_plan{ border: 3px solid #ebbb68; }

.package-plan-wrap.active_plan .package-subscribe-date{ display: block; }
.package-plan-wrap.active_plan .package-plan-credits{ padding: 30px 0; }
/*end*/


/* ==== Membership Plan End  ==== */


/* ==== PMB ==== */

.section-messagebox{ display: block; position: relative; }
.section-messagebox .messagebox-pack{ /*background-color: #fff;*/ height: 100%; /*border: 1px solid #eee;*/ margin: 40px 0; /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);*/}
.section-messagebox .messagebox-pack > .row > div[class*="col-"]:first-child{ padding-right: 0;}
.messagebox-pack .chat-list-pack{position: relative; display: block; background-color: #ffffff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12); border-radius: 4px; /*overflow: hidden;*/}
.messagebox-pack .chat-search{position: relative; display: block;}
.messagebox-pack .chathead{ position: relative; display: block;padding: 17px 15px 20px; border-bottom: 1px solid #ddd; color: #353535; text-align: center; text-align: left;}
.messagebox-pack .chathead h4{font-size: 18px; margin: 0;}
.section-messagebox  .chat-list{ max-height: 600px; overflow-y: auto;}
.scrollbar{ float: left; width: 100%; overflow:hidden; overflow-y: auto; }
#style-7::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 10px; }
#style-7::-webkit-scrollbar{ width: 10px; background-color: #F5F5F5; }
#style-7::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #888;}
.messagebox-pack .single-chat{position: relative; display: block; border-bottom: 1px solid #e8e8e8; padding: 10px 15px;}
.messagebox-pack .chat-img{height: 50px; width: 50px; border-radius: 50%; overflow: hidden; border: 1px solid #eee;}
.messagebox-pack .chat-img img{ height: 100%; width: 100%; object-fit: cover;}
.messagebox-pack .single-chat .chat-name{position: relative; display: block; width: 100%; overflow: hidden;}
.messagebox-pack .single-chat .chat-name .media-heading{ font-size: 16px; font-weight: 500; margin: 0 0 5px; padding-right: 75px;}
.messagebox-pack .single-chat .chat-name p{color:#757575; font-size: 12px; margin-bottom: 0px; height: 18px; overflow: hidden;}
.messagebox-pack .single-chat .chat-name .msglist-time{position: absolute; right: 0; top: 2px; font-size: 12px; font-weight: 500; color: #a5a5a5;}
.messagebox-pack .single-chat.msg-active .chat-name .media-heading{font-weight: 500; }
.messagebox-pack .single-chat .chat-name .media-heading a{color:#333;}
.messagebox-pack .single-chat.msg-active .chat-name .media-heading a,
.messagebox-pack .single-chat.msg-active .chat-name .msglist-time{color: #7c049a;}
.messagebox-pack .single-chat.msg-active{ background-color: rgba(40, 168, 224, 0.1); }

.messagebox-pack .single-chat.unread-msg{ background-color: #efd3f6; }

.section-messagebox .messagebox-pack .single-chat .media-body{ vertical-align: middle;}
/*.section-messagebox .messagebox-pack .single-chat .media{ overflow: visible;}*/
/*.section-messagebox .messagebox-pack .single-chat .main-chat-name{ display: inline-block;}*/
.messagebox-pack .chat-msgbox{position: relative; background-color: #ffffff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12); border-radius: 4px; overflow: hidden;}
.messagebox-pack .chat-msgbox .chatbox-head{ padding: 15px; border-bottom: 1px solid #ddd; color: #666;}
.chat-msgbox .chatbox-head .current-user-wrap{position: relative; display: block; width: 100%;}
.current-user-wrap .current-user-img{height: 40px; width: 40px; border-radius: 50%; overflow: hidden; border: 1px solid #eee;}
.current-user-wrap .current-user-img img{height: 100%; width: 100%; object-fit: cover;}
.current-user-wrap .current-user-name{position: relative; display: block;}
.current-user-wrap .current-user-name .media-heading{position: relative; display: block; font-size: 16px;}
.current-user-wrap .current-user-name p{position: relative; margin: 0; font-size: 12px;}
.section-messagebox .new-chat{ vertical-align: middle; display: table-cell;}
.current-user-wrap .media-body, .current-user-wrap .media-left{position: relative;}
.current-user-wrap .media-body .msg-settings{ position: absolute; display: inline-block; right: 0; bottom: 0;  font-size: 18px;}
.chatbox-head .current-user-wrap .chat-backarrow{display: none; position: absolute; font-size: 36px; line-height: 40px; top: 0;}


.search-msg{ float:right; margin-top:5px; color: #999999!important;}
.close-search{margin-top: 7px;float: right;color: #999999;}
#search_box .form-control{ height:34px}

.filter-fropdown .bootstrap-select > .dropdown-toggle {width: auto;padding-left: 0px;border: 0px;-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);}



@media (max-width: 767px){
    .chatbox-head .current-user-wrap .chat-backarrow{ display: block; }
    .current-user-wrap .media-body .msg-settings{top: 0; bottom: inherit;}
    .current-user-wrap .current-user-img{margin-left: 30px;}
    .section-messagebox .messagebox-pack > .row > div[class*="col-"]:first-child{padding-right: 15px;}
}
.section-messagebox .chatbox-head h4 a{color: #7c049a;}
.chatbox-body .chat-msgs-ul{padding: 15px;}
.chatbox-body .chat-msgs-ul ul{ padding: 0; display: block; position: relative; list-style: none; margin: 0;}
.chatbox-body .chat-msgs-ul li{ list-style: none; margin-bottom: 15px;}
/*.chatbox-body .chat-msgs-ul li.chat-msg-other{ margin-bottom: 15px; }*/
.chatbox-body .chat-msgs-ul li span.msg-time{ text-align: right; margin-top: 2px; color: #999; font-size: 12px; display: block;}
.chatbox-body .chat-msgs-ul li.chat-msg-other span.msg-time{ text-align: left; margin-top: 2px; color: #999; font-size: 12px; display: block;}
.chatbox-body .chat-msgs-ul li a.delete_chat{ position: absolute; top: 0px; left: -22px; font-size: 18px; color: #757575;}
.chatbox-body .chat-msgs-ul li a.delete_chat:hover{color: #7c049a;}
.chatbox-body .chat-msgs-ul li.chat-msg-other a.delete_chat{ right: -22px; left: inherit;}
/* .chatbox-body .chat-msgs-ul li a{visibility: hidden;} */
.chatbox-body .chat-msgs-ul li:hover a{visibility: visible;}
.chatbox-body .chat-msgs-ul li.chat-msg-me{ text-align: right; }
.chatbox-body .chat-msgs-ul li.chat-msg-me p{ text-align: left; }
.chatbox-body .chat-msgs-ul li p{margin-bottom: 0;}
.chatbox-body .chat-msgs-ul li .msg-body-sender{background-color:rgba(0, 0, 0, 0.09); padding: 8px 10px 8px 10px; display: inline-block; max-width: 80%; color: #333; margin-bottom:2px; position: relative;}
.chatbox-body .chat-msgs-ul li .msg-body-sender p{ white-space: pre-line; color: #333; /*word-break: break-all;*/}
.chatbox-body .chat-msgs-ul li.chat-msg-other .msg-body-sender{ background-color:rgba(32, 168, 228, 0.3);}
.chatbox-body .chat-msgs-ul li.chat-msg-me .msg-body-sender{ border-radius: 10px 0px 10px 10px; }
.chatbox-body .chat-msgs-ul li.chat-msg-other .msg-body-sender{ border-radius: 0px 10px 10px 10px;}
.chatbox-body .chat-time{ text-align: center; color:#888; font-size: 12px; margin-top:10px;}
.chat-msg-other .sender-img, .chat-msg-me .sender-img { height:30px; width:30px; border-radius: 50%; overflow:hidden; display: inline-block;}
.chat-msg-other .sender-img{ float: left; margin-right: 5px;}
.chat-msg-other .sender-img img, .chat-msg-me .sender-img img{ height: 100%; width:100%; object-fit: cover;}
.chatbox-body .chat-msgs .sent-img{ display:inline-block; height:150px; width:150px; }
.chatbox-body .chat-msgs .sent-img img{ height:100%; width:100%; overflow: hidden;}
.section-messagebox .write-msg .msg-emojis i{color:#ccc; font-size: 20px; margin-right:5px; vertical-align: middle; line-height: 1.5;}
.section-messagebox .write-msg { clear:both; border-top: 1px solid #ddd; padding: 0 5px; position: relative; display: block;}
.section-messagebox .write-msg .entermsg{ text-align: left; font-size: 12px; color: #888; margin: 0 0 0 11px; font-style: italic;}
.section-messagebox .write-msg .form .form-group .msg-write-input,
.section-messagebox .write-msg .form .form-group .msg-write-input:focus{ border:none !important; box-shadow:none; padding: 15px; resize: none;}
.chatbox-body .chat-msgs .mCSB_scrollTools{ opacity: 1 !important; }
.chatbox-body .chat-msgs:hover .mCSB_scrollTools{ opacity: 1 !important; }
.chatbox-body .chat-msgs{ overflow:hidden; overflow-y: auto; /*padding: 10px 15px;*/}
.chat-new-msgbox .chat-msgs{ height: 550px; }
.chat-new-msgbox{ display: none; }
.new-msg-name{ border-bottom: 1px solid #ccc; }
/* ==== PMB End ==== */

/* ==== start notification ==== */
.notification-box{ display: block; position: relative; background-color:#fff; border-radius: 4px; box-shadow: 0 0 12px rgba(0, 0, 0, .08);}
.notificaiton_body p{position: relative; display: block; padding-right: 100px;}
.notificaiton_body p a{ color: #333;}
.notificaiton_body p a:hover,
.notificaiton_body p a:focus,
.notificaiton_body p a:active{
    color: #666;
}
.notification-sec ul li .notificaiton_body span.name{
    display: block;
    position: relative;
    margin-top: 4px;
}
.notification-sec ul li .notificaiton_body span.name a{
    font-size: 13px;
    color: #7c049a;
    font-weight: 600;
}
.notification-sec ul li{
    border-bottom: 1px solid #eee;
    padding: 15px;
    position: relative;
}
.notification-sec ul li.unread{
    background: rgba(41, 167, 223, 0.03);
}
.notification-sec ul li:last-child{
    border:none;
    /*padding-bottom: 0;
    margin-bottom: 0;*/
}
.notification-sec ul li .notification_img{
    height: 50px;
    width: 50px;
    border-radius: 50px;
    position: relative;
    display: block;
    overflow: hidden;
    color: #7c049a;
    font-size: 30px;
    text-align: center;
    background: #ddd;
    line-height: 52px;
}
.notification-sec ul li .notification_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.notification-sec ul li .notificaiton_body{
    position:relative;
    /*padding-right: 15px;*/
}
.notification-sec ul li .notificaiton_body h4{
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin-bottom:5px;
    margin-top:0px;
}
.notification-sec ul li .notificaiton_body span.date{
    font-size: 13px;
    color: #a5a5a5;
    position: absolute;
    top: 0;
    right: 0;
}
.notification-sec ul li .notificaiton_body span.time{
    font-size: 13px;
    color: #a5a5a5;
    position: absolute;
    top: 20px;
    right: 0;
}
.notification-sec ul li .notificaiton_body .remove_note{
    position:absolute;
    right:0;
    top:0;
    opacity: 0.5;
    cursor: pointer;
    display: block;
}
.notification-sec ul li .notificaiton_body .remove_note:hover{
    opacity: 0.9;
}
.noti-mockup{
    display: block;
    position: relative;
    width: 400px;
    height: 100%;
    margin-left: 105px;
    overflow: hidden;
}
.noti-mockup img{
    width: 100%;
    height: 100%;
}
.notification-sec ul li .delete_record{
    transition: all 0.2s ease-in-out;
}
.notification-sec ul li .delete_record:hover{
    filter: brightness(95%);
}
@media(max-width: 1199px){
    .noti-mockup{margin-left: 20px;}
}
@media(max-width: 991px){
    .noti-mockup{display: none;}
}
@media(min-width: 421px) and (max-width: 560px){
    .notification-sec ul li{padding: 15px;}
    .notification-sec .notificaiton_body p{padding: 0; padding-top: 2px;}
    .notification-sec ul li .notificaiton_body span{top: inherit; bottom: 0;}
    .notification-sec ul li .notificaiton_body span.name{padding-right: 100px;}
}
@media(max-width: 420px) {
    .notification-sec ul li{padding: 10px;}
    .notification-sec .notificaiton_body p{padding: 0; padding-top: 0px;}
    .notification-sec ul li .notificaiton_body span{position: relative!important; display: block;top: inherit!important;}
    .notification-sec ul li .notificaiton_body span.name{padding-right: 0px; margin: 2px 0;}
}
/* ==== End Notification ==== */




@media(min-width: 992px){
    .tablet-view{display: none !important;}
}
@media(max-width: 991px){
    .tablet-hide{display: none !important;}
}

@media(max-width: 767px){
    .desktop-view{display: none!important;}
    #sidebarMenu.left-sidebar{display: none;}
    .left-sidebar .panel{margin-bottom: 30px;}
}
@media(min-width: 768px){
    .mobile-view{display: none !important;}
}




@media (max-width: 767px){
    .account_setting .sawlii-tabs-wrap .nav-tabs > li > a{ color: #7c049a; }
    .index-header .navbar-default.affix-top .navbar-toggle .icon-bar { background-color: #ffffff; }
    header .navbar-default.affix-top .navbar-nav > li > a{ color: #232323; }
    .navbar-default.affix .navbar-toggle .icon-bar  { background-color: #7c049a; }

    .notification .number{ top: 12px; }
    .section-messagebox .messagebox-pack{margin-top:0px;}
}




/* new css */

.work-service-section .service-title p{ text-align: center; max-width: 700px; margin: auto; color: #333333b3; padding: 0 0 50px 0; }
.section-title.title-center{ padding-bottom: 25px; margin-bottom: 25px; }
.work-service-section .services-blocks{ position: relative; display: block; }
.work-service-section .services-blocks ul{ position: relative; display: block; padding: 0; margin: 0 -20px; }
.work-service-section .services-blocks ul li{ position: relative; display: block;  width: 25%; float: left; /*margin: 80px 0 30px;*/ padding: 20px; text-align: center; }
.work-service-section .services-blocks ul .service-right .service-caption{ float: left; }
.work-service-section .guidline-bg-wrap{ position: relative; display: block; }

.guidline-img{ position: relative; display: block; width: 80px; height: auto;/* background-color: #ffffff;*/ border-radius: 50%; padding: 20px; /*border: 1px solid #7c049a;*/ margin: 0 auto }
.guidline-img img{ width: 100%; height: 100%; object-fit: cover; }
.service-heading{ font-weight: 600; font-size: 16px; margin: 15px 0; position: relative; display: block; color: #353535; }
.service-desc{ font-size: 12px; }
.work-service-section .services-blocks ul li:first-child .guidline-img{ background-color: rgba(127, 71, 204, 0.3); }
.work-service-section .services-blocks ul li:nth-child(2n) .guidline-img{ background-color: rgba(240, 127, 102, 0.3); }
.work-service-section .services-blocks ul li:nth-child(3n) .guidline-img{ background-color: rgba(76, 207, 208, 0.3); }
.work-service-section .services-blocks ul li:nth-child(4n) .guidline-img{ background-color: rgba(100, 186, 78, 0.3); }

.work-service-section .services-blocks ul li .service-arrow{ position: absolute; display: block; width: 20px; height: 2px; background-color: #a5a5a5; right: -10px; top: 50%; }
.work-service-section .services-blocks ul li .service-arrow:before{ content: ""; position: absolute; width: 6px; height: 2px; background-color: #a5a5a5; right: 0; transform: rotate(45deg); bottom: 2px; }
.work-service-section .services-blocks ul li .service-arrow:after{ content: ""; position: absolute; width: 6px; height: 2px; background-color: #a5a5a5; right: 0; transform: rotate(-45deg); top: 2px; }
.work-service-section .services-blocks ul li:last-child .service-arrow{ display: none; }
.work-service-section .services-blocks ul li .service-caption{ position: relative; display: block; }

@media (max-width: 991px){
    .work-service-section .services-blocks ul li{ padding: 10px; }
    .work-service-section .services-blocks ul li .service-arrow{ width: 15px; }
    .work-service-section .services-blocks ul li .service-arrow:before{ width: 4px; }
    .work-service-section .services-blocks ul li .service-arrow:after{ width: 4px; }
}

@media (max-width: 767px){
    .work-service-section .services-blocks ul li{ width: 100%; float: none; text-align: right; }
    .guidline-img{ display: inline-block; }
    .work-service-section .services-blocks ul li .service-caption{ position: relative; display: inline-block; text-align: left; padding: 0 0 0 20px; }
    .work-service-section .services-blocks ul li .service-caption .service-heading { margin: 0 0 10px; }
    .work-service-section .services-blocks ul li .service-arrow { display: none; }

}


.work-job-section{ background:linear-gradient( -45deg, rgba(135, 199, 119, 0.4) 20%, rgba(18, 104, 141, 0.72) 60%),url(../images/work-bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; width: 100%; background-size: cover; color: #fff; }
.work-job-section .work-title{ text-align: center; }
.work-job-section .work-title p{ margin-bottom: 30px; }
.work-job-section .section-title { margin-bottom: 20px; }
.work-job-block{ width: 22%; float: left; background-color: #fff; border-radius: 8px; color: #333; padding: 10px; margin: 15px; height: 90px; }
.work-job-section .work-job-block .work-job-block-body{ padding: 6px; }
.work-job-section .work-job-block .work-job-block-head{ font-size: 15px; font-weight: 600; }
.work-job-section .work-job-block .work-job-block-body p{ font-size: 12px; color: #333333b3; }
.way-to-work-wrap{position: relative; display: block;}
.way-to-work-wrap ul.wtw-items{padding: 0; margin: 0 -15px; list-style: none;}
.way-to-work-wrap ul.wtw-items li.wtw-item{position: relative; display: block; width: 25%; float: left; padding:0 15px; margin-bottom: 30px;}
.way-to-work-wrap ul.wtw-items li.wtw-item .wtw-item-wrap{position: relative; display: block; background-color: #ffffff; height: 100%; padding: 12px 15px; color: #333333; border-radius: 6px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); min-height: 96px; }
.wtw-item-wrap .pull-left{width: 50px; height: auto;}
.wtw-item-wrap .pull-left img{width: 100%; height: auto; position: relative; }
.wtw-item-wrap .wtw-item-title{font-size: 16px; margin: 0 0 5px; font-weight: 600;}
.wtw-item-wrap p{font-size: 12px; font-weight: 400; color: #656565; margin: 0}

@media (max-width: 991px){
    .way-to-work-wrap ul.wtw-items li.wtw-item{ width: 50%; }
}

@media (max-width: 640px){
    .way-to-work-wrap ul.wtw-items li.wtw-item{ width: 70%; float: none; margin: 0 auto 30px auto; }
}

@media (max-width: 560px){
    .way-to-work-wrap ul.wtw-items li.wtw-item{ width: 90%; }
}

@media (max-width: 480px){
    .way-to-work-wrap ul.wtw-items li.wtw-item{ width: 95%; }
} 



li.post-a-job-wrap a{ padding: 10px 20px !important; margin: 18px 0 !important; background: #fff !important; color: #353535 !important; font-weight: 500 !important; border-radius: 4px; }
header .navbar-default.affix .navbar-nav > li.post-a-job-wrap > a{ background: #7c049a !important; color: #ffffff !important; }
header .navbar-default.affix-top .navbar-nav > li.post-a-job-wrap > a{ background: #ffffff !important; color: #7c049a !important; }

header .navbar-default .navbar-nav > li.post-a-job-wrap > a{ background: #7c049a !important; color: #ffffff !important; }
.account_setting.my-jobs-wrap .sawlii-tabs-wrap .panel.theme-box{ padding: 0; }

.modal.video-modal form .form-group .input-group input[type="text"]{ height: 34px; }

.page-title .avail-credit-packege{ position: absolute; right: 0; top: 0; font-size: 15px; font-weight: 600; padding: 6px 10px; border: 2px solid #5ad0cf; border-radius: 20px; line-height: 1; }
@media (max-width: 580px){
    .page-title .avail-credit-packege { position: relative; right: unset; top: unset; display: inline-block; margin: 10px 0; }
}

/*workroom css*/
.main-work-room .escrow-funding .terms-milestone-table thead tr th { vertical-align: middle; padding: 20px 10px; }
.main-work-room .escrow-funding .terms-milestone-table thead tr th.tbl-desc{ width: 35% !important; }
.main-work-room .escrow-funding .terms-milestone-table tbody tr td{ vertical-align: middle; }
.main-work-room .escrow-funding .terms-milestone-table tbody tr td.tbl-download { position: relative; }
.main-work-room .escrow-funding .terms-milestone-table tbody tr td.tbl-download img{ width: 100%; height: auto; object-fit: cover; }
/*.main-work-room .escrow-funding .terms-milestone-table tbody tr td.tbl-download span{ padding: 10px; display: inline-block; vertical-align: middle; font-size: 16px; }*/
.user_freelancer .main-work-room .escrow-funding .terms-milestone-table tbody tr td.tbl-download a span{ color: #7c049a; }
.user_customer .main-work-room .escrow-funding .terms-milestone-table tbody tr td.tbl-download a span{ color: #53fc53; }
.main-work-room .escrow-funding .terms-milestone-table tbody tr td.tbl-download span.download-wrap { position: relative; display: inline-block;  width: 30px; height: 40px; border: none; }

.theme-form .dropdown-toggle.bs-placeholder:hover{ z-index: 0; }
.theme-form{ position: relative; display: block; }
/*#ui-datepicker-div { top: 910px !important; box-shadow: unset; padding: .2em .2em 0; }*/

@media (max-width: 1199px){
    #ui-datepicker-div { top: 550px !important; }
}

@media (max-width: 480px){
    #ui-datepicker-div { top: 530px !important; }
}






/*.navbar-nav.navbar-right li:first-child{
    display:none;
}
.dashboard-navbar li:nth-child(3){
      display:none;
}
.dashboard-navbar li:nth-child(5){
      display:none;
}
.dashboard-navbar li:nth-child(7){
      display:none;
}
*/
.user_freelancer .work-detail-total li:nth-child(2){
      display:none;
}
.user_freelancer .dashboard-navbar li:nth-child(3){
      display:none;
}
.service_link{
    display:none !important;
}


.user_freelancer #financialTab .box.box-primary:nth-child(2) {
    display: none !important;
}

.user_freelancer #walletTab .box.box-primary:nth-child(4) {
    display: none !important;
}

.user_freelancer #paytransHistoryTab .box.box-primary:nth-child(3) {
    display: none !important;
}

.user_freelancer #paytransHistoryTab .box.box-primary:nth-child(1) {
    display: none !important;
}

.user_freelancer .financial-statistics .sts-item:nth-child(4){
    display:none;
    }
	
	

.user_customer .dashboard-navbar li:last-child{
   display:none;
}

.user_customer .dashboard-navbar li:nth-child(5){
    display:none;
    }
	
	/*
    .user_customer .navbar-nav li:nth-child(1){
    display:none;
    }*/
	
    .homepage_class .navbar-nav li:nth-child(2){
        display:none;
    } 

.user_customer .financial-statistics .sts-item:nth-child(4){
    display:none;
    }
	
.user_customer .financial-statistics .sts-item:nth-child(5){
    display:none;
    }

.user_customer #financialTab .box.box-primary:nth-child(2) {
    display: none !important;
}

.user_customer #walletTab .box.box-primary:nth-child(4) {
    display: none !important;
}


.sawlii-tabs-wrap .dasTabs #tab_1 {
    display: none !important;
}





/* new css end */