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



@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

		
	}



@media screen and (min-width: 1203px) and (max-width: 1300px){
	

#section_3{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	padding-bottom:20px;
	margin-bottom:30px;
	background:none;
	background-position:left;
	background-size:contain;
		
}


#section_6{
	background:url(../images/background-2.png), #fff;
	background-size:cover;
	float:left;
	width:100%;
	padding:0px;	
}



#edit-field-skills-required-piecejob-target-id--wrapper legend, #edit-field-type-of-work-target-id--wrapper legend{

	width:180px;
	margin-left:3px;
}
	
}

@media screen and (min-width: 992px){
#block-mainnavigation nav{
	background:none !important;
}
	
}

@media screen and (min-width: 915px) and (max-width: 1202px){
	
	#search-block-form{
	margin-top:10px;
}



#search-block-form #edit-keys{
	width:200px;
	height:30px;
}

#search-block-form #edit-submit{
	height:30px;
	font-size:16px;
	margin-top:-5px;
}


#section_3{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	padding-bottom:20px;
	margin-bottom:30px;
	background:none;
	background-position:left;
	background-size:contain;
}

#views_slideshow_cycle_div_homepage_slideshow-block_1_0 .views-field-body{

	margin-top: -22%;
	margin-right:14%;
}

#views_slideshow_cycle_div_homepage_slideshow-block_1_1 .views-field-body{
	
	margin-top: -350px;
	margin-left:200px;
	
}

#views-exposed-form-open-piece-jobs-page-1{
	width:80%;	
}

.js-form-item-field-city-town-village-value{
	width:80%;
	max-width:none;
}

.js-form-item-field-city-town-village-value #edit-field-city-town-village-value{
	width:80%;
	max-width:none;
}

#edit-field-skills-required-piecejob-target-id--wrapper, #edit-field-type-of-work-target-id--wrapper{
	width:80%;
	margin-left:0px;
}

#edit-field-skills-required-piecejob-target-id--wrapper legend, #edit-field-type-of-work-target-id--wrapper legend{
	width:80%;
}

#block-adblock{
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:10px;
	position:relative;
	text-align:center !important;
	max-width:none;
	max-height:none;
}

	
}

@media screen and (min-width: 901px) and (max-width: 915px){
#block-adblock{
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:10px;
	position:relative;
	text-align:center !important;
	max-width:none;
	max-height:none;
}

#block-adblock img.tether_stats-track-link{
	width:100% !important;
	margin-left:3%;
}
}

@media screen and (min-width: 846px) and (max-width: 1150px){
	.user-logged-in.path-user #block-b2u-content {
	padding:3%;
	float:right;
	min-width:none !important;
	width:45%;
	margin:0;
	margin-right: 3%;
	margin-bottom:3%;	
}

.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs .tether_stats-track-link, .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs .tether_stats-track-link{
	 display:block; 
	 margin-top:30px !important;
	 float:left;
	 margin-bottom:30px;
 }
}

@media screen and (max-width: 992px){
	#block-mainnavigation a{
		color:#FFF;	
	}
	
	.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs .tether_stats-track-link, .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs .tether_stats-track-link{
	 display:block; 
	 margin-top:30px !important;
	 float:left;
	 margin-bottom:30px;
 }
 
 #block-contentform-2{
	float:left;
	background:none;
	width:90%;
	margin-left:5%;
}

.user-logged-in.path-user #block-views-block-user-likeit-count-real-block-2{
	margin-top:30px;
}
}
@media screen and (max-width: 845px){
	#block-views-block-user-quick-profile-block-1{
	width:86% !important;
	margin-left:2% !important;
	padding:5% !important;
	margin-bottom:3% !important;
	text-align:center !important;	
}
	.user-logged-in.path-user #block-b2u-content {
	padding:5%;
	min-width:none !important;
	width:80%;
	margin:0;
	margin-left: 3%;
	margin-bottom:3%;	
}

.page-node-type-reference #content-area .content{
	background:#FFF;
	width:100%;
	min-width:340px;
	padding:2%;
	border-radius:8px;
	float:left;
	position:relative;
}

.page-node-type-reference article .field .field__item{
	max-width:95%;
}

/************************************************** Add Experience ************************************************/

#node-reference-form{
	background:#FFF;
	border:none;
	margin-left:10px;
	width:90%;
}
}

@media screen and (min-width: 801px) and (max-width: 901px){
	
	
	#search-block-form{
	margin-top:10px;
}

#search-block-form #edit-keys{
	width:200px;
	height:30px;
}

#search-block-form #edit-submit{
	height:30px;
	font-size:16px;
	margin-top:-5px;
}


	
	#content-area #block-b2u-breadcrumbs{
		display:none;	
	}

.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs, .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs{
	width:95%;
	margin-left:5%;
	float:left;
}
	
#views-exposed-form-open-piece-jobs-page-1{
	width:80%;	
}

.js-form-item-field-city-town-village-value{
	width:80%;
	max-width:none;
}

.js-form-item-field-city-town-village-value #edit-field-city-town-village-value{
	width:80%;
	max-width:none;
}

#edit-field-skills-required-piecejob-target-id--wrapper, #edit-field-type-of-work-target-id--wrapper{
	width:80%;
	margin-left:0px;
}

#edit-field-skills-required-piecejob-target-id--wrapper legend, #edit-field-type-of-work-target-id--wrapper legend{
	width:80%;
}

#block-adblock{
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:10px;
	position:relative;
}

#node-piecejob-form{
	float:left;
	width:90%;
	min-width:300px;
	margin-left:5%;
	padding:15px;
	border:1px solid #93A0A4;
	border-radius:8px;
}



.path-my-jobs #block-views-block-my-jobs-block-1{
	float:left;
	width:90%;
	margin-left:5%;
	display:block;
}

#block-adblock{
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:10px;
	position:relative;
	text-align:center !important;
	max-width:none;
	max-height:none;
}

#block-adblock img.tether_stats-track-link{
	width:100% !important;
	margin-left:3%;
}

.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs .tether_stats-track-link, .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs .tether_stats-track-link{
	 display:block; 
 }

}




@media screen and (min-width: 601px) and (max-width: 800px){
	
	#block-mainmenu a, #block-mainmenu ul li, #block-mainmenu ul{
	background:none !important;
	color:#fff;
	position:relative;
	z-index:9999 !important;
}
	
.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs, .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs{
	width:95%;
	margin-left:5%;
	float:left;
}

.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs .tether_stats-track-link, .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs .tether_stats-track-link{
	 display:block; 
 }
	
#views-exposed-form-open-piece-jobs-page-1{
	width:80%;	
}

.js-form-item-field-city-town-village-value{
	width:80%;
	max-width:none;
}

.js-form-item-field-city-town-village-value #edit-field-city-town-village-value{
	width:80%;
	max-width:none;
}

#edit-field-skills-required-piecejob-target-id--wrapper, #edit-field-type-of-work-target-id--wrapper{
	width:80%;
	margin-left:0px;
}

#edit-field-skills-required-piecejob-target-id--wrapper legend, #edit-field-type-of-work-target-id--wrapper legend{
	width:80%;
}

#block-socialauthlogin-2, #block-socialauthlogin{
	float:none;
	border:0px solid transparent !important;
	border-radius:8px;
	padding:10px;
	margin:0 auto;
	margin-top:20px;
	width:80% !important;
	text-align:left;		
}

#block-socialauthlogin-2 a, #block-socialauthlogin a{
	border-radius:15px;
	margin:0px 5px;
	padding:5px 10px;
	padding-left:35px;
	position:relative;
	text-align:center;
	float:left;
}

.path-user #block-b2u-local-tasks{
	z-index:20;	
}

.path-user #block-b2u-local-tasks, .path-user #block-b2u-content, #block-socialauthlogin-2, #block-socialauthlogin{
	margin-left:10%;
}

.path-user #block-b2u-local-tasks nav ul li a{
	font-size:14px;
	transition:ease-in-out 0.4s;
}

#block-socialauthlogin-2 .auth-link:nth-child(4), #block-socialauthlogin .auth-link:nth-child(4){
	margin-top:10px;
}

#block-adblock{
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:10px;
	position:relative;
	text-align:center;
	max-width:none;
	max-height:none;
}

#block-adblock img.tether_stats-track-link{
	width:100% !important;
	margin-left:3%;
}

#block-views-block-user-quick-profile-block-1{
	width:86% !important;
	margin-left:2% !important;
	padding:5% !important;
	margin-bottom:3% !important;
	text-align:center !important;	
}

#node-piecejob-form{
	float:left;
	width:90%;
	min-width:300px;
	margin-left:5%;
	padding:15px;
	border:1px solid #93A0A4;
	border-radius:8px;
}


#block-views-block-user-pic-circle-block-1{
	margin-right:5px;
	margin-top:10px;
	width:50px;	
}

}

@media screen and (min-width: 300px) and (max-width: 600px){
	
	
	#block-b2u-branding{
		margin-left:10px;
		position:relative;
		z-index:300;	
	}
	
	#block-b2u-branding img{
	height:50px;
	width:auto;	
}

#block-mainnavigation{
	margin-right: 15px;
	margin-top:20px;
	position:relative;
}

#block-mainnavigation nav ul li a{
	position:relative;
	text-align:left;
}

#block-loginandsignup{
	position:absolute;
	right:-30px;
	top: 15px;	
}


.path-frontpage #section_2 #block-whatwedo{
	float:left;
	max-width:100%;
	font-size:16px;
}
.path-frontpage #section_2 #block-whatwedo .field--name-body p{
	float:left;
	padding:10px 0px;
	border:1px solid #fff;
	color:#333;
	font-size:16px;
	font-weight:500;
}

#block-views-block-user-pic-circle-block-1{
	margin-right:5px;
	margin-top:10px;
	width:50px;	
}

#search-block-form{
	position:absolute;
	right:5px;	
}

#search-block-form #edit-keys{
	width:100px;
	transition:ease-in-out 0.5s;
}

#search-block-form #edit-keys:focus{
	width:250px;
	transition:ease-in-out 0.5s;
}

#top_sub_section{
	float:left;
	width:90%;
	text-align:center;
}




#slideshow{
	margin-top:58px;

	-moz-box-shadow:none;
   -webkit-box-shadow:none;
   box-shadow:none;

}


#content-area #block-b2u-breadcrumbs{
		display:none;	
	}




#page-footer{
	text-align:center;	
}


#page-footer #foot_1, #page-footer #foot_2, #page-footer #foot_3, #page-footer #foot_4, #page-footer #foot_5{
	width:80%;
	min-width:250px;
	padding:20px 5%;
	border-bottom:1px solid #006;
	text-align:left;
}
#page-footer #foot_5{
	border-bottom:none;	
}

#page-footer #foot_2 .__body, #page-footer #foot_3 .__body, #page-footer #foot_4 .__body, #page-footer #foot_5 .__body{
	display:none;
}

#page-footer #foot_2 h2, #page-footer #foot_3 h2, #page-footer #foot_4 h2, #page-footer #foot_5 h2{
	text-align:center;
}



.path-faq .view-faq .view-filters #edit-combine{
	 width:250px; 
 }
 
 .path-faq .view-faq .view-filters #edit-submit-faq{
	 margin-top:5px;
 }
 
 .path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs, .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs{
	width:90%;
	margin-left:5%;
	float:left;
	max-width:none;
}
	
#views-exposed-form-open-piece-jobs-page-1{
	width:80%;
	text-align:center;	
}

#views-exposed-form-open-piece-jobs-page-1 div{
	float:none;
	width:100%;
	margin-bottom:10px;	
}

#views-exposed-form-open-piece-jobs-page-1 select option, #views-exposed-form-open-piece-jobs-page-1{
text-align:left;	
}

.js-form-item-field-city-town-village-value{
	width:80%;
	max-width:none;
}

.js-form-item-field-city-town-village-value #edit-field-city-town-village-value{
	width:85%;
	max-width:none;
}

#edit-field-skills-required-piecejob-target-id--wrapper, #edit-field-type-of-work-target-id--wrapper{
	width:90%;
	margin-left:0px;
	margin-bottom:10px;
}

#edit-field-skills-required-piecejob-target-id--wrapper legend, #edit-field-type-of-work-target-id--wrapper legend{
	width:100%;
}

.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs .view-content .view-content, .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs .view-content .view-content{
	width:100%;
	margin-left:-5%;
	float:left;
	vertical-align:top !important;
			
}



.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs .view-content .list-element .piecejob-details .views-field:nth-child(1), .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs .view-content .list-element .piecejob-details .views-field:nth-child(1){
	float:left;
	margin:5px 0px;
	font-size:14px;	
	color:#fff;
	font-weight:600;
	width:90%;
}

.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs .view-content .list-element .piecejob-details .views-field:nth-child(2), .path-jobs-for-me #block-b2u-content .view-id-open_piece_jobs .view-content .list-element .piecejob-details .views-field:nth-child(2){
	float:left;
	margin:5px 0px;
	font-size:14px;	
	color:#fff;
	font-weight:600;
	width:90%;
}

#edit-submit-open-piece-jobs{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:100%;
	border-radius:5px;
	border:0px solid transparent;
	color:#FFF;
	background:#20BEDF;
	float:left;
}

.page-node-type-piecejob #content-area #block-b2u-content{
	background:#FFF;
	width:50%;
	min-width:330px;
	padding:5px;
	border-radius:8px;
	float:left;
	margin-left:8px;
}

.page-node-type-piecejob article .field--name-field-title-piece-job-new{
	font-weight:bold;
	background: rgb(3,66,103);
background: linear-gradient(90deg, rgba(3,66,103,1) 0%, rgba(14,120,163,1) 35%, rgba(11,208,247,1) 100%);
color:#FFF;
width:90%;
margin-left:1.5%;
float:left;
}


#block-socialauthlogin-2, #block-socialauthlogin{
	float:none;
	border:0px solid transparent !important;
	border-radius:8px;
	padding:10px;
	margin:0 auto;
	margin-top:20px;
	width:80% !important;
	text-align:left;		
}

.path-user #block-b2u-local-tasks, .path-user #block-b2u-content, #block-socialauthlogin-2, #block-socialauthlogin{
	margin-left:5%;
}

.path-user #block-b2u-local-tasks nav ul li a{
	font-size:14px;
	transition:ease-in-out 0.4s;
}

#block-socialauthlogin-2 .auth-link:nth-child(4), #block-socialauthlogin .auth-link:nth-child(4){
	margin-top:10px;
}

/*************************************************     view author on job ************************************************/

.page-node-type-piecejob #content-area #block-views-block-piece-job-author-block-1{
	min-width:320px;
	margin-left:10px;
}


/********************************************** ads  ***************************************************************/
#block-adblock{
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:10px;
	position:relative;
	text-align:center !important;
	max-width:none;
	max-height:none;
}

#block-adblock img.tether_stats-track-link{
	width:100% !important;
	margin-left:3%;
}

/********************************************** end ads **************************************************************/

#block-views-block-user-quick-profile-block-1{
	width:86% !important;
	margin-left:2% !important;
	padding:5% !important;
	margin-bottom:3% !important;
	text-align:center !important;	
}





/************************************************    View response at job page *******************************/

.page-node-type-piecejob #block-views-block-job-responses-block-1{
	background: linear-gradient(90deg, rgba(3,66,103,1) 0%, rgba(14,120,163,1) 35%, rgba(11,208,247,1) 100%);
	float:left;
	width:96%;
	padding:20px 2%;
	margin-top:10px;
	margin-left:0px;
		
}

.page-node-type-piecejob #block-views-block-job-responses-block-1 h2{
	color:#FFF;	
}

.page-node-type-piecejob #block-views-block-job-responses-block-1 .view-content .item-list ul li{
	background:#FFF;
	border-radius: 8px;
	float:left;
	width:92%;
	padding:2%;
	margin-top:10px;
	margin-left:2%;
}

.page-node-type-piecejob #block-views-block-job-responses-block-1 .view-content .item-list ul li a{
	color:#06F;
	font-weight:bold;	
}


/**************************************************   View response page *****************************************/
.page-node-type-job_response #content-area #block-b2u-content{
	background:#FFF;
	width:90%;
	min-width:330px;
	padding:5px;
	border-radius:8px;
	float:left;
	margin-left:8px;
}

.page-node-type-job_response #content-area #block-b2u-content .field--name-field-offer, .page-node-type-job_response #content-area #block-b2u-content .field--name-field-references{
	width:100%;
	border-bottom:1px solid #ccc;
}

.page-node-type-job_response #content-area #block-b2u-content .field--name-field-offer .field__label, .page-node-type-job_response #content-area #block-b2u-content .field--name-field-references .field__label{
	font-weight:bold;
}

.page-node-type-job_response #content-area #block-b2u-content .statistics-counter{
	float:left;
	margin-top: -50px;
	margin-left:30px;
}

.page-node-type-job_response #content-area #block-b2u-content .flag-inappropriate-content-2{
	float:right;
	margin-top:20px;	
}

/*************************************************   Skills Share *************************************************************/
.view-id-skills_search .view-content .masonry-item{
	width:360px !important;
}

.view-id-skills_search .view-content .masonry-item .views-field-user-picture img{
	width:360px !important;
}

.view-id-skills_search .view-content .masonry-item .views-field-field-interests{
	width:350px !important;
	height:auto;
}


}