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

/*_____________USER PROFILE PAGE CSS START HERE_______________*/
/*----------------------***********--------------------------*/

/*_____________Profile Banner css_______________*/
.profile-banner-section{ background:url(/main/assets/images/home-banner-img.jpg) no-repeat top center; background-size:cover; padding-top:42px;}
.profile-banner-section .img-responsive.img-rounded{ margin-bottom:0;}
.profile-pic-shadow{ background:url(/main/assets/images/profile-pic-shadow.png) no-repeat top center; width:100%; background-size:100%; height:18px; display:block; margin-bottom:-60px;}
.profile-banner-section .gray-bg{ background:#f0f0f0; border-bottom:solid 1px #ddd; min-height:75px; width:100%; box-sizing:border-box;}
.profile-name-location { position:relative;}
.profile-name-location h2{ color:#fff; padding:0; font-size:36px; margin:0;}
.profile-name-location p{ color:#fff; font-size:20px; padding:6px 0; margin:0;}
.profile-name-location span{ background:url(/main/assets/images/profile-location-icon.png) no-repeat center left; padding-left:20px;	color:#fff; font-size:14px;}
.profile-banner-section .img-responsive.img-rounded{ width:100%; height:auto;}
.profile-verification-icon{ list-style:none; padding:0; margin:0;}
.profile-verification-icon li{ display:block; float:left; padding:15px 5px; margin:0;}
.profile-verification-icon li span{ display:block; background:url(/main/assets/images/profile-social-icons.png) no-repeat; padding:0; margin:0;}
.profile-verification-icon li span.profile-btc-icon{ width:37px; height:37px; background-position:0 0;}
.profile-verification-icon li span.profile-facebook-icon{ width:36px; height:37px; background-position:-46px 0;}
.profile-verification-icon li span.profile-call-icon{ width:36px; height:37px; background-position:-89px 0;}
.profile-verification-icon li span.profile-email-icon{ width:36px; height:37px; background-position:-134px 0;}
.profile-verification-icon li span.profile-user-icon{ width:36px; height:37px; background-position:-178px 0;}
.profile-verification-icon li span.profile-btc-icon.not-verified{ width:37px; height:37px; background-position:0 -39px;}
.profile-verification-icon li span.profile-facebook-icon.not-verified{ width:36px; height:37px; background-position:-46px -39px;}
.profile-verification-icon li span.profile-call-icon.not-verified{ width:36px; height:37px; background-position:-89px -39px;}
.profile-verification-icon li span.profile-email-icon.not-verified{ width:36px; height:37px; background-position:-134px -39px;}
.profile-verification-icon li span.profile-user-icon.not-verified{ width:36px; height:37px; background-position:-178px -39px;}
.profile-name-location .profile-verification-icon{ position:absolute; top: 127px; left:0;}
.profile-edit-button{  border-radius:5px; font-size:24px; color:#fff; font-weight:700; text-transform:capitalize; padding:12px 50px 12px 50px; float:right; margin-top:75px; margin-bottom:64px; border:solid 1px #ed9512;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb03a+0,ed9512+100 */
    background: #ffb03a; /* Old browsers */
    background: -moz-linear-gradient(top, #ffb03a 0%, #ed9512 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffb03a 0%,#ed9512 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffb03a 0%,#ed9512 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb03a', endColorstr='#ed9512',GradientType=0 ); /* IE6-9 */
}
.profile-edit-button:hover, .profile-edit-button:focus{ cursor: pointer;color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed9512+0,ffb03a+100 */
    background: #ed9512; /* Old browsers */
    background: -moz-linear-gradient(top, #ed9512 0%, #ffb03a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ed9512 0%,#ffb03a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ed9512 0%,#ffb03a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9512', endColorstr='#ffb03a',GradientType=0 ); /* IE6-9 */}
.member-since{ text-align:right; font-size:15px; color:#fff; font-weight:500; padding:0; clear:both; margin-bottom:0;}
.profile-edit-button ~ .member-since{ color:#333; text-shadow:1px 1px #fff; position:relative; bottom:-48px;}


/*_____________Profile summary css_______________*/

.profile-summary-section { padding:30px 0 45px; border-bottom:solid 1px #ddd;}
.profile-summary-section h2{ font-size:26px; color:#2c2c2c; padding:15px 0; margin:0; font-weight:700;}
.profile-summary-section h3{ font-size:20px; color:#4560B1; padding:10px 0; margin:0; font-weight:700;}
.profile-summary-section p ~ h3{ padding:25px 0 20px;}
.profile-summary-section p{ font-size:15px; color:#454545; padding:10px 0; margin:0; font-weight:400; line-height:22px;}
.profile-summary-section ul{ list-style:none; padding:0; margin:0;}
.profile-summary-section ul li{ display:inline-block;}
.profile-summary-section ul li span{ display:inline-block; color:#252525; background:#f2f2f2; padding:6px 14px; margin:5px 3px; font-size:15px; font-weight:500; border-radius:5px;}


/*Review and job tab*/
.profile-review-bids-section .tab-content{ border:solid 1px #ddd; border-top:none; padding:15px 15px; border-radius:0 0 5px 5px;}
.profile-review-bids-section .nav-tabs li a{ background:#4560B1; font-size:20px; padding:10px 25px; font-weight:500; color:#fff; width:150px; text-align:center;}
.profile-review-bids-section .nav-tabs li.active a{ background:#fff; font-size:20px; padding:10px 30px; font-weight:500; color:#1A203A;}
.profile-review-bids-section .user-rating{ width:330px; padding-top:25px;}
.profile-review-bids-section .user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0 9px 0 0;}

/*___________Bidding users CSS Here________*/

.profile-review-bids-section .profile-review-row{ padding:25px 0; border-bottom:solid 1px #ddd;}
.profile-review-bids-section .profile-review-row:last-child{ border-bottom:none;}
.review-users-details h2 a{ color:#2b384b; font-size:20px;}
.review-users-details h2 a:hover{ color:#4560B1;}
.review-users-details p{ clear:both; padding:0 0 20px; margin:0; color:#555; font-size:14px;}
.review-users-details .review_comment{ clear: both;padding: 5px;margin: 0 auto 10px;color: #445;font-size: 15px;border: 1px solid #ddd;border-radius: 4px;background: #f9f9f9;min-height: 88px;}
.profile-review-bids-section .review-users-details > span{ font-size:15px; padding:25px 0 8px; color:#4560B1; display:inline-block;}
.profile-review-bids-section .review-users-details > span > span{ color:#1A203A;}
.profile-review-bids-section .review-users-details .price-btc{  font-size:15px; color:#757575; padding:2px 2px;}
.review-users-details .user-rating{ clear:both;}
.bid-with-btc{ padding:0;}
.bid-with-btc span{ display:block; font-size:24px; color:#1A203A; font-weight:700; text-align:center; text-transform:uppercase;}
.bid-with-btc span span{ display:none;}
.bid-with-btc time{ font-size:14px; padding:6px 0; color:#757575; text-align:center; display:block;}
.profile-review-bids-section .review-users-details h2{ margin:0; font-size:18px; float:left; padding-right:15px;}
.profile-review-bids-section .review-wrapper{ border:none; border-top:none; border-radius:0 0 5px 5px; margin-bottom:50px;}
/*Rating*/
.profile-review-bids-section .tab-content .user-rating{ width:333px; padding-top:0;}
.profile-review-bids-section .tab-content .user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0 9px 0 0;}
.profile-review-bids-section .tab-content .user-rating .rating{ width:216px; border-radius:15px; float:left; height:14px; background:#c2c2c2; display:block; overflow:hidden; margin:15px 0;}
.profile-review-bids-section .tab-content .user-rating .rating > span{ background:#ffb028!important; display:block; line-height:14px; border-radius:15px;}
.profile-review-bids-section .tab-content .user-rating .review{ color:#4560B1; font-size:16px; margin-left:8px; margin-right:0; float:right;}
.profile-review-bids-section .tab-content .user-rating .review span{ color:#333;}
.profile-review-bids-section .tab-content .user-rating .rating{ width:210px;}

/*_____________Profile Review css_______________*/

.profile-review-bids-section{ padding:50px 0;}
.as-freelancer-box{ background:#f0f0f0; border-radius:5px; padding:30px; margin-bottom:30px;}
.as-freelancer-box h3{background:url(../images/bottom-border.png) no-repeat right bottom; border-bottom:solid 1px #cccccc; border-radius:5px; padding:0 0 20px 0; font-size:24px; font-weight:700; color:#454545; margin:0;}
/*Rating*/
.as-freelancer-box .user-rating{ width:100%; padding-top:25px;}
.as-freelancer-box .user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:20px; margin:0 9px 0 0;}
.as-freelancer-box .user-rating .rating{ width:216px; border-radius:15px; float:left; height:14px; background:#c2c2c2; display:block; overflow:hidden; margin:15px 0;}
.as-freelancer-box .user-rating .rating > span{ background:#ffb028!important; display:block; line-height:14px; border-radius:15px;}
.as-freelancer-box .user-rating .review{ color:#4560B1; font-size:16px; margin-left:8px; margin-right:0; float:right;}
.as-freelancer-box .user-rating .review span{ color:#333;}
.as-freelancer-box .user-rating .rating{ width:100%;}
.profile-job-status{ background:#fbfbfb; padding:20px; margin:10px 0 0 0; border-radius:5px; list-style:none; display:block;}
.profile-job-status li{ padding:6px 10px; font-size:18px; color:#454545; font-weight:700;}
.profile-job-status li span{ float:left; width:80px; text-align:right; color:#0fa958; padding-right:30px;}
.review-users-details > time { float:right; color:#757575; font-size:15px; padding:3px 0;}

/*___________Profile Bid and Job css___________*/

.profile-bid-section{border-bottom:solid 1px #ddd; border-radius:5px 5px 0 0;}
.profile-job-section{border-bottom:solid 1px #ddd; border-radius:5px 5px 0 0;}
.profile-bid-row{ background:#fff; margin-left:-10px; margin-right:-10px; padding:20px 15px 20px; }
.profile-bid-row:nth-child(2n+1){ background:#f5f5f5;}
.profile-bid-row h3{ color:#2b384c; padding:8px 0 15px; font-size:18px; font-weight:600; margin:0; width:100%; display:block; text-transform:capitalize; word-wrap: break-word;}
.profile-bid-row > span{font-weight:500; min-width:170px; text-align:center; padding:8px 0; background:#fff; margin:5px 6px 5px 0; border:solid 1px #ccc; border-radius:5px; font-size:14px; float:left; text-align:center;}
.profile-bid-row > a{font-weight:500; min-width:170px; text-align:center; padding:8px 0; background:#fff; margin:5px 6px 5px 0; border:solid 1px #ccc; border-radius:5px; font-size:14px; float:left;  text-align:center;}
.profile-bid-row .profile-bid-btc{color:#4560B1; }
.profile-bid-row .profile-bid-btc span{color:#353535; padding-right:6px;}
.profile-bid-row .profile-client-name{color:#4560B1;}
.profile-bid-row .profile-client-name span{color:#353535; padding-right:6px;}
.profile-bid-row .profile-end-project{color:#4560B1;}
.profile-bid-row .profile-end-project span{color:#353535; padding-right:6px;}
.profile-bid-row span.status-open{ color:#fff; border:solid 1px #039949; background:#1cbf68;}
.profile-bid-row span.status-pending{ color:#fff; border:solid 1px #ed9512; background:#ffb03a;}
.profile-bid-row span.status-in-progress{ color:#fff; border:solid 1px #ed9512; background:#ffb03a;}
.profile-bid-row span.status-completed{ color:#fff; border:solid 1px #5853aa; background: #827de0;}
.profile-bid-row span.status-cancelled{ color:#fff; border:solid 1px #df5444; background: #ff7566;}
.profile-bid-row span.status-expired{ color:#fff; border:solid 1px #aaa; background:#aaa;}

/*___________Profile Bid and job css End___________*/

.pic-and-name{ text-align:center;}
.pic-and-name span{ display:block; text-align:center; font-size:16px; font-weight:500; color:#252525;}
.pic-and-name span a{ display:block; text-align:center; font-size:13px; font-weight:500; color:#4560B1; padding:6px 0 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pic-and-name > img{ margin:0 auto; box-shadow:0 2px 2px #c5c5c5;}
.country-flag{ display:block; text-align:center; padding:0; margin:0;}
.country-flag img{ width:28px; height:auto; border-radius:2px;}
.pic-and-name b{ display:block; text-align:center; font-size:12px; font-weight:500; color:#252525; padding-top:7px;}
.profile-banner-section .img-responsive.img-rounded{ max-height:165px;}


@media (min-width:300px) and (max-width:767px){
    .profile-banner-section{padding-top:25px;}
    .profile-banner-section .img-responsive.img-rounded{border-radius:50%; width:100px; height:100px; margin:0 auto;}
    .profile-pic-shadow{display:none;}
    .profile-name-location h2{font-size:28px; padding:10px 0 0;}
    .profile-name-location p{font-size:16px;}
    .profile-name-location{text-align:center;}
    .profile-name-location .profile-verification-icon{position:relative; bottom:0; top:0;}
    .profile-verification-icon li{display:inline-block; float:none;}
    .profile-edit-button, .profile-edit-button:hover{ display:block; float:none; font-size:18px; margin:0 auto; padding:12px 0; text-align:center; width:182px; }
    .member-since{position:relative; right:0; bottom:0; text-align:center; color:#fff; text-shadow:none; padding:15px 0 20px;}
    .profile-edit-button ~ .member-since{position:relative; right:0; bottom:0; text-align:center; color:#fff; text-shadow:none; padding:15px 0 20px;}
    .profile-banner-section .gray-bg{display:none;}
    .profile-summary-section{padding:15px 0;}
    .profile-summary-section h2{font-size:22px; padding:5px 0; text-align: center;}
    .profile-summary-section h3{font-size:16px; padding:10px 0 0; text-align: center;}
    .profile-summary-section p{font-size:14px; padding:10px 0 0; text-align: center;}
    .profile-summary-section ul{ text-align:center;}
    .profile-summary-section ul li{ text-align:center;}
    .profile-review-bids-section{padding:30px 0 20px;}
    .profile-review-bids-section .nav-tabs li a, .profile-review-bids-section .nav-tabs li.active a{width:auto; padding:10px 25px; font-size:16px;}
    .img-rounded { border-radius:50%; height:100px; margin:0 auto; width:100px;}
    .review-users-details{}
    .profile-review-bids-section .review-users-details h2{float:none;}
    .profile-review-bids-section .review-users-details h2{float:none; padding:10px 0; text-align:center;}
    .profile-review-bids-section .review-users-details .price-btc{display:block; text-align:center;}
    .profile-review-bids-section .tab-content .user-rating strong{font-size:15px;}
    .profile-review-bids-section .tab-content .user-rating .rating{width:122px;}
    .profile-review-bids-section .tab-content .user-rating{width:240px; margin:0 auto;}
    .review-users-details p{}
    .profile-review-bids-section .review-users-details > span{display:block; text-align:center;}
    .as-freelancer-box{padding:20px;}
    .profile-job-status{padding:15px;}
    .as-freelancer-box h3{font-size:22px;}
    .as-freelancer-box .user-rating{padding-top:15px;}
    .profile-job-status li{font-size:16px;}
    .profile-job-status li span{width:auto; padding-right:20px;}
    .profile-review-bids-section .profile-review-row{border-bottom:solid 2px #ddd;}
    .profile-review-bids-section .tab-content{padding:15px 8px;}
    .review-users-details > time{ float:none; display:block; text-align:center;}
    /*___________Profile Bid css____________*/
    .profile-bid-section { text-align:center;}
    .profile-bid-section .profile-bid-row .col-sm-7{display:none;}
    .profile-bid-section p{text-align:center; padding:15px 0; font-size:14px;}
    .profile-bid-section .profile-bid-project .col-sm-5 p{font-size:18px;}
    .profile-bid-section .profile-bid-project p span{display:block; font-size:13px;}
    .profile-bid-section .profile-bid-project .col-xs-3, .profile-bid-section .profile-bid-project .col-xs-5, .profile-bid-section .profile-bid-project .col-xs-4{border-right:solid 1px #ddd; height:69px;}
    /*____________Profile Bid css End____________*/

    /*___________Profile job css____________*/

    .profile-job-section { text-align:center;}
    .profile-job-section .profile-job-row .col-sm-7{display:none;}
    .profile-job-section .profile-job-row{display:none;}
    .profile-job-section p{text-align:center; padding:15px 0; font-size:14px;}
    .profile-job-section .profile-job-project .col-sm-5 p{font-size:18px;}
    .profile-job-section .profile-job-project p span{display:block; font-size:13px;}
    .profile-job-section .profile-job-project .col-xs-3, .profile-job-section .profile-job-project .col-xs-5, .profile-job-section .profile-job-project .col-xs-4{border-right:solid 1px #ddd; height:69px;}

    /*____________Profile job css End____________*/

    /*___________Profile Bid and Project css____________*/
    .profile-bid-row .profile-bid-btc{float:none; display:block; text-align:center;}
    .profile-bid-row .profile-client-name{float:none; display:block; text-align:center;}
    .profile-bid-row .profile-end-project{float:none; display:block; text-align:center;}
    .profile-bid-row .status-in-progress{float:none; display:block; text-align:center;}
    .profile-bid-row .status-open{ float:none; display:block; text-align:center;}
    .profile-bid-row .status-completed{float:none; display:block; text-align:center;}
    .profile-bid-row .status-cancelled{ float:none; display:block; text-align:center;}
    .profile-bid-row .status-expired{ float:none; display:block; text-align:center;}
}


@media(min-width:768px) and (max-width:991px){
    .profile-pic-shadow{margin-bottom:-40px;}
    .profile-name-location h2{font-size:26px; padding:0;}
    .profile-name-location p{font-size:16px;}
    .profile-name-location .profile-verification-icon{bottom:0; top:120px; left:-128px}
    .profile-edit-button{font-size:16px; background-size:16px auto; display:block; width:190px; padding: 12px 40px 12px 50px; text-align:center; margin-top:20px; margin-bottom:30px;}
    .profile-edit-button:hover{background-size:16px auto;}
    .member-since{font-size:13px; bottom:-110px; white-space:nowrap;}
    .profile-summary-section{padding:20px 0 30px;}
    .as-freelancer-box{width:48%; margin:0 1% 30px; float:left;}

    /*____________Profile Bid css____________*/
    .profile-bid-section .profile-bid-row p{padding:10px;}
    .profile-bid-section p{font-size:15px; padding:15px 10px;}
    /*____________Profile Bid css End____________*/

    /*____________Profile job css____________*/
    .profile-job-section .profile-job-row p{padding:10px;}
    .profile-job-section p{font-size:15px; padding:15px 10px;}
    /*____________Profile Bid css End____________*/
	
	.profile-banner-section .gray-bg { margin-top:10px; min-height:54px; width:100%;}
	.profile-banner-section{ padding-top:20px;}
	.profile-name-location .profile-verification-icon{ position:static; top:0;}
	.bid-with-btc span{ font-size:18px;}
}


@media(min-width:991px) and (max-width:1199px){
    .profile-name-location h2{font-size:32px; padding:33px 0 0;}
    .profile-edit-button{font-size:20px; margin-top:33px;}
    .member-since{bottom:-133px;}
    .as-freelancer-box{padding:20px;}
    .profile-job-status{padding:12px;}
    .profile-job-status li{font-size:16px;}
    .profile-review-bids-section .review-users-details h2{ float:none; padding-bottom:6px;}
    /*____________Profile Bid css____________*/
    .profile-bid-section .profile-bid-row p{padding:10px;}
    .profile-bid-section p{font-size:15px; padding:15px 10px;}
    /*____________Profile Bid css End____________*/

    /*____________Profile job css____________*/
    .profile-job-section .profile-job-row p{padding:10px;}
    .profile-job-section p{font-size:15px; padding:15px 10px;}
    /*____________Profile Bid css End____________*/

}


.user_jobs_list_icon { height:30px; width:auto; padding-right:5px;}
#resend_confirmation { display: none}
.profile_hourly_rate *,.profile_hourly_rate {font-size: 20px}