@charset "utf-8";
/* CSS Document */

/*---breadcrumb---*/
.breadcrumb-wrapper{ background:#f5f5f5; box-shadow:2px 1px 2px #bbb; position:relative;}
.breadcrumb-wrapper .breadcrumb{ margin:0;}
.breadcrumb-wrapper .breadcrumb li a{ color:#757575;}
.breadcrumb-wrapper .breadcrumb li a:hover{ color:#4e499f;}
.breadcrumb-wrapper .breadcrumb > .active{ color:#151515;}
.search-in-mobile{ display:none;}

/*__________ Search Section css START here____________*/
/*--------------------------*/ /*--------------------------*/
.freelancer-browse{ background:#f2f2f2; padding:20px 0 30px;}
.freelancer-browse h2{ font-size:34px; font-weight:400; color:#333; text-align:center; line-height:46px;}
.freelancer-browse h2 strong{ font-size:26px; color:#777; font-weight:500; display:block;}
.freelancer-browse h2 span{ font-weight:500; color:#252525;}
.freelancer-browse-wrapper{ box-shadow:0 2px 2px 2px #ddd; background:#fcfcfc; border-radius:5px; margin-top:50px;}
.freelancer-browse-row{ border-radius:5px 5px 0 0; background:#ddd; padding:15px 10px;}
.freelancer-browse-row input{ width:100%; background:#fff; border:none; border-radius:5px; padding:12px 15px; font-size:18px; margin:0;height: 34px}
.freelancer-browse-row button{ width:98%; background:#4e499f; color:#fff; border:none; border-radius:5px; padding:10px 15px; font-size:20px; text-transform:uppercase; margin:0 1%;}

/*___________Freelancer CSS Here________*/

.freelancer-browse-wrapper .profile-review-row{ padding:25px 0; border-bottom:solid 1px #ddd;}
.freelancer-browse-wrapper .profile-review-row:hover{ background:#fff; box-shadow:0 0 10px #e0e0e0;}
.freelancer-browse-wrapper .profile-review-row.highlighted{ padding:25px 0; border-bottom:solid 1px #fff; background:#fff8da;}
.freelancer-browse-wrapper .profile-review-row.highlighted:hover{ background:#fffbe7; box-shadow:0 0 10px #97bcde;}
.freelancer-browse-wrapper .profile-review-row:last-child{ border-bottom:none;}
.freelancer-browse-wrapper .review-users-details h2{ margin:0; font-size:20px; font-weight:600; text-align:left; line-height:20px;}
.freelancer-browse-wrapper .review-users-details h2 a span{ display:block; font-size:18px; font-weight:600; color:#252525; padding:10px 0 0;}
.freelancer-browse-wrapper .review-users-details h2 a{ color:#151515;}
.freelancer-browse-wrapper .review-users-details h2 a:hover{ color:#4e499f;}
.freelancer-browse-wrapper .review-wrapper{ border:none; border-top:none; border-radius:0 0 5px 5px; margin-bottom:50px;}
.freelancer-browse-wrapper .user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0 9px 0 0;}
.freelancer-browse-wrapper .user-rating .rating{ width:100%; border-radius:15px; float:left; height:6px; background:#c2c2c2; display:block; overflow:hidden; margin:12px 0 0;}
.freelancer-browse-wrapper .user-rating .rating > span{ background:#ffb028!important; font-size:14px; display:block; line-height:6px; border-radius:15px;}
.freelancer-browse-wrapper .user-rating .review{ color:#4e499f; font-size:15px; margin-left:8px; margin-right:0; float:right;}
.freelancer-browse-wrapper .user-rating{ width:100%; padding-top:0;}
.freelancer-browse-wrapper .user-rating strong{ float:left; font-size:15px; font-weight:500; color:#2e2e2e; line-height:10px; margin:0 9px 0 0;}
.freelancer-browse-wrapper .profile-job-status{ background:#fbfbfb; padding:20px; margin:10px 0 0 0; border-radius:5px; list-style:none; display:block;}
.freelancer-browse-wrapper .profile-job-status li{ padding:6px 10px; font-size:18px; color:#454545; font-weight:700;}
.freelancer-browse-wrapper .profile-job-status li span{ float:left; width:80px; text-align:right; color:#0fa958; padding-right:30px;}
.freelancer-browse-wrapper .review-users-details > time { float:right; color:#757575; font-size:15px; padding:3px 0;}
.row.working-rating{ padding-top:13px; padding-bottom:9px;}
.row.working-rating p{ font-size:16px; color:#252525; padding-bottom:0; margin:0;}
.row.working-rating p span{ color:#888;}
.row.working-rating p img{ float:left; margin-right:10px; margin-top:4px;}
.freelancer-browse-wrapper .review-users-details > p{ padding-right:30px; padding-top:6px; padding-bottom:10px; color:#454545; margin:0;}
.freelancer-browse-wrapper .review-users-details > p a{ color:#4e499f; font-weight:600; font-size:14px;}
.freelancer-browse-wrapper .pic-and-name > img{ margin:0 auto; box-shadow:0 2px 2px #c5c5c5;}
.freelancer-browse-wrapper .country-flag{ display:block; text-align:center; padding:0; margin:0; position:absolute; right:30px; top:0;}
.freelancer-browse-wrapper .country-flag img{ width:28px; height:auto; border-radius:2px;}
.freelancer-browse-wrapper .profile-banner-section .img-responsive.img-rounded{ max-height:165px;}
.skills{ list-style:none; padding:7px 0; margin:0;}
.skills li{ font-size:15px; color:#252525; padding-right:10px; float:left; margin-bottom: 8px}
.skills li strong{ display:block; padding:5px 10px 5px 0; }
.skills li span{ color:#000; font-size:14px; padding:5px 12px 3px; background:#e2e2e2; border-radius:4px; display:block;border:1px solid #99A}
.freelancer-portfolio{ font-size:15px; color:#353535; font-weight:500; padding:15px 0 0; clear:both;}
.freelancer-portfolio span{ float:left; padding-right:10px;}
.freelancer-portfolio a{ float:left; color:#4e499f; text-decoration:none;}
.freelancer-portfolio a:hover{ color:#252525; text-decoration:none;}
.freelancer-hire-button{ clear:both; text-align:center; cursor:pointer}
.freelancer-hire-button span{ float:none; display:inline-block; padding:6px 18px; border-radius:5px; margin:15px 0 0 0; font-size:14px; text-transform:uppercase; font-weight:600;}
.freelancer-hire-button .hire{ background:#4e499f; color:#fff;}
.freelancer-hire-button .message{ background:#ffb028; color:#fff;}
.freelancer-hire-button span:hover{ background: #605ac3;}
.review-wrapper .heading{ background:#f0f0f0; border-top:solid 1px #fff; border-bottom:solid 1px #fff;}
.review-wrapper .heading h2{ margin:0; padding:10px 20px; text-align:left; font-size:26px; font-weight:700;}

@media(min-width:300px) and (max-width:767px) {
	.review-users-details{ padding:0 10px;}
	.classifieds-job-row input, .classifieds-job-row button, .classifieds-job-row select{ margin-bottom:10px;}
	.freelancer-browse-wrapper .review-users-details h2{ text-align:center; padding:15px 0 0; font-size:18px; line-height:18px;}
	.freelancer-browse-wrapper .review-users-details h2 a span{ font-size:14px; font-weight:500;}
	.row.working-rating{ text-align:center;}
	.freelancer-browse-wrapper .user-rating .rating{ width:100%;}
	.freelancer-browse-wrapper .review-users-details > p{ padding:0;}
	.freelancer-browse-wrapper .user-rating {width:100%; padding-top:25px; min-height:60px; margin:0 auto; clear:both;}
	.skills li span{ font-size:12px; padding:4px 7px;}
	.skills{ text-align:center;}
	.skills li{ padding:2px 1px; float:none; display:inline-block;}
	.skills li strong { display:block; padding:5px 4px 0 0; line-height:16px; font-size:14px;}
	.freelancer-portfolio{ text-align:center;}
	.freelancer-portfolio span{ float:none; display:inline-block;}
	.freelancer-portfolio a{ float:none; display:inline-block;}
	.freelancer-browse h2{ font-size:22px; line-height:30px;}
	.freelancer-browse h2 strong{ font-size:18px;}
	.freelancer-browse{ padding-top:0;}
	.freelancer-browse-wrapper{ margin-top:20px;}
	.freelancer-hire-button { display:block; text-align:center;}
	.freelancer-hire-button a{ float:none; display:inline-block; text-align:center; margin:20px 10px 10px;}
	

}

@media(min-width:768px) and (max-width:991px) {
	.freelancer-browse-wrapper .profile-review-row{ padding:20px 10px;}
	.freelancer-browse-wrapper .country-flag{right:8px;}
	.freelancer-browse-wrapper .user-rating .rating{ width:100%;}
	.skills li span{ font-size:12px; padding:4px 8px;}
	.skills li{ padding:2px 2px;}
	.skills li strong { display:block; padding:5px 4px 0 0; line-height:16px; font-size:14px;}
	.freelancer-browse-wrapper .review-users-details > p{ margin:0; font-size:14px;}
	.row.working-rating{ padding-bottom:0;}
	
}

/*___________Model Here________*/
.apply-job-header{ background:#4e499f; text-align:center; border-radius:5px 5px 0 0;}
.apply-job-header .modal-title{ color:#fff; font-size:20px; padding:9px 20px; font-weight:500; text-align:center;}
.apply-job-header .close {color: #fff; font-size:30px; font-weight:300; opacity:1; margin-top:-11px;}
.login-signup .modal-dialog { margin-top:70px; max-width:520px;}
.apply-job-field{ padding:0 25px 10px;}
.apply-job-field label{ font-size:16px; color:#252525; font-weight:500; display:block; padding:15px 0 5px;}
.apply-job-field input{ width:100%; background:#fff; border:solid 1px #999999; padding:10px 10px; font-size:15px; color:#252525; font-weight:400; border-radius:5px; margin-bottom:5px;}
.apply-job-field select{ width:100%; background:#fff; border:solid 1px #999999; padding:10px 10px; font-size:15px; color:#252525; font-weight:400; border-radius:5px; margin-bottom:5px;}
.top-gap60{ padding-top:60px; display:block; text-align:center;}
.apply-job-field textarea{ width:100%; background:#fff; border:solid 1px #999999; padding:10px 15px; height:120px; font-size:15px; color:#252525; font-weight:400; border-radius:5px;}
.apply-job-field p{ font-size:13px; color:#757575; font-weight:400; padding:0; margin:0;}
.login-signup .modal-footer { margin-top:0; border:none; padding:10px 40px 40px;}
.bid-cancel{ width:180px; border:none; border-radius:5px; color:#fff; font-size:21px; background:#ffb028; border-bottom:solid 4px #f09300; padding:12px 0; text-align:center; text-transform:uppercase; float:left; font-weight:700;}
.bid-cancel:hover{background:#f09300; border-bottom:solid 4px #f09300; }
.modal-footer.login-footer{ background:#e5e5e5; padding:25px 15px; border-radius:0 0 5px 5px;}
.login-footer p{ text-align:center; padding:0; margin:0;}
.login-footer a{ display:block; text-align:center; float:none;}
.modal-backdrop.in{ opacity:0.7;}
input[type="submit"]{cursor:pointer;}
input.apply-send{ width:45%; border:none; border-radius:5px; color:#fff; font-size:24px; background:#4e499f; border-bottom:solid 4px #332d91; padding:10px 0; text-align:center; text-transform:uppercase; font-weight:700; margin:20px 0 6px; float:right;}
input.apply-send:hover{background:#332d91; border-bottom:solid 4px #332d91; }
input.apply-cancel{ width:45%; border:none; border-radius:5px; color:#fff; font-size:24px; background:#f53737; border-bottom:solid 4px #db2828; padding:10px 0; text-align:center; text-transform:uppercase; font-weight:700; margin:20px 0 6px; float:left;}
input.apply-cancel:hover{background:#db2828; border-bottom:solid 4px #db2828; }
#DescriptionModal{ position:fixed; z-index:999999;}
#DescriptionModal > .modal-dialog { position:relative;}
.freelancer-descriptions{ list-style:none; padding:10px; margin:0}
.freelancer-descriptions li{ color:#545454; font-weight:400; font-size:16px; line-height:24px; padding:6px 0;}
.freelancer-descriptions li span{ float:left; color:#151515; min-width:100px;}
.freelancer-descriptions li:last-child span{ float:none; color:#151515; min-width:50px; display:block; padding-bottom:10px;}
.freelancer-descriptions li p{ display:block; color:#545454; font-weight:400; font-size:16px; line-height:22px; padding-bottom:30px; width:100%;}
.freelancer-hired{ background:#fff; margin:50px auto; box-shadow:0 0 20px #ddd; padding:30px; max-width:1000px;}
.right-ok{width:120px; border:none; border-radius:5px; color:#fff; font-size:22px; background:#4e499f; border-bottom:solid 4px #332d91; padding:9px 22px; text-align:center; text-transform:uppercase; font-weight:700; margin:0 10px 40px; display:block; }
.right-ok:hover, .right-ok:focus{ color:#fff; background:#332d91;}

/*___________Mobile Responsive CSS Here________*/

@media (min-width:300px) and (max-width:767px) {
.login-signup .modal-dialog{ margin-top:30px;}
.apply-job-header .modal-title{ padding:6px;}
.apply-job-field{ padding:0 5px;}
.apply-job-field input{ margin-bottom:0;}
.login-signup .modal-footer{ padding:10px 20px 30px;}
.bid-cancel{ width:48%; margin-right:2%; margin-left:0;}
.bid-submit{ width:48%; margin-left:2%; margin-right:0;}
.top-gap60{ padding-top:10px;}
input.apply-cancel, input.apply-send{ font-size:16px;}
.freelancer-hired{ padding:10px;}


}

.freelancer_title {
	font-size: 18px;
	margin: 5px auto;
	display: block;
	color: #556 !important;
	font-style: italic;
}

.freelancer_img {
	max-height: 125px;
	max-width: 125px;
}