@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700');
  
  
  body {
    background: #F6F6F6;
	      font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
		  margin:0px;
		  padding:0px;
		  color:#323232;
		  /*font-size:17px;*/
		  font-size:15px;
		      background: rgba(246, 246, 246, 0.9);
			   overflow-x:hidden;  
	
  }

  

  
  
  
  h1.mainhead
  
  {
	      background: rgba(246, 246, 246, 0.8);
		  width:auto;
		  padding:0.4em;
		  padding-left:1.3em;
		    padding-right:1.3em;
		  clear:both;
  }
  
  .header
  
  {
  width:100%;
 

  }
  
  
  .header-container
  
  {
 
  margin:auto;
  
	  background-color: rgba(255, 255, 255, 0.9);

 background-image: url("/site_images/conradlines-header.png");
  background-repeat: no-repeat;

  }
  
  
  
 .header-wrapper
 
 {
	 		     
	background: url("/conrad/images/abstractheader.jpg")  center top fixed;			 
 }
    
  /* larger screens **    */

@media only screen and (max-device-width : 40em) {
/* Styles */

  .header-container
  
  {
  
 
  background-position: right -50px bottom -20px;
  
  }
  


}
  
 
 @media only screen and (min-device-width : 1025px) {
	/* Styles */

.footerrow {

background-image: url("/site_images/conradlines.png");
background-repeat: no-repeat;
background-size: auto 100%;
	}

} 
  
  /* larger screens **    */

@media only screen and (min-device-width : 950px) {
/* Styles */

  .header-container
  
  {
  
 
  background-position: left 40% bottom 0%;
  
  }
  
  .fa-linkedin-square {

  	margin-top: -7px;

  }

}
  

  
  /* *******************************************************************************************      tablets portrait css */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

    .header-container
  
   {
  
  background-position: left 55% bottom 0%;
 
  
  }
  
}
  
 @media only screen and (min-device-width : 641px) and (max-device-width : 950px) {
	/* Styles */

	.header-container

	{

		background-image: none;


	}

} 
  
  #header-logo
  
  {
  float:left;
  margin-bottom:0px;
  margin-right:15px;


  }
  
  .home-logo {
  	display: none;
  }
  
.logo img
  
  {

  border:0px;
  width:300px;
  margin-top:1em;
  margin-bottom:1em;

  }
  
  #header-right
  
  {
  float:right;
  padding-top:10px;
  padding-bottom:10px;

  }
  
  #header-tel span
  
  {
  color:#9C336E;
  }
  
  #header-email
  
  {
  /*font-size:0.7em;*/
  font-size:15px;
  text-align: left;
  }
  
  #welcome
  
  {
padding-top:5px;
  /* margin-bottom:-10px; */

  }
  
  #login
  
  {
  margin-top:5px;
  margin-bottom:-10px;
  margin-right:6px;
  /* margin-bottom:-10px; */
  font-size: 16px;
  font-weight: 700;
  z-index:5000;
  }  
  
  a.login  {
	
	  cursor: pointer;
	  text-decoration:none;
	  padding:7px !important;
	  padding-left: 12px!important;
	  padding-right: 12px !important;
	background: #636365;
	background: #9C336E;
	border-radius: 25px;
	line-height:2em;
	padding:0.7em;
	color:#ffffff !important;
	font-weight:800;
	font-size:1.1em;

	}
  
  a.login:hover {
		background: #323232;
		text-decoration: none;
	
  }
  
  #topnavbar
  
  {
  height:30px;
  width:100%;
  }


  #left-col-home
  
  {
  float:left;
  }

ul#topnav li.searchv {
	float: right;
	margin: 0; padding: 0;
	margin-left: 0px;
	position: absolute; /*--Important--*/
margin-right:0px;
top:0px;
right:0px;
			
}




#topnav-left

{
float:left;
}

#topnav-right

{
float:right;
}


#topnav h3

{
margin-top:0px;
margin-bottom:0px;
font-size:1em;
}



ul#topnav li a span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #626264 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    right: 4px;

    position: absolute;
}
ul#topnav li a:hover span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #323232 10px;
    bottom: -10px;
    content: " ";
    height: 0;
     right: 4px;

    position: absolute;
    width: 0;
}
  
  
  
  .arrow-down-topnav {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	border-top: 10px solid #626264;
	float:right;
}
  
  

  
  
  
  
    .arrow-down-topnav:hover {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	border-top: 10px solid #000000;
	float:right;
}
  
.flag-selector {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.flag-selector-left {
	display: flex;
	align-items: center;
	justify-content: left;
	gap: 10px;
}

.flag-selector-ourpeople {
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	top:10px;
	right:5px;
	gap: 5px;
}

.flag {
	width: 34px;
	height: 34px;
	cursor: pointer;
}

.flag-ourpeople {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

/* Adjust the paths to your flag images */
.usa-flag {
	background: url('/site_images/usa-flag.png') no-repeat center;
	background-size: cover;
}

.uk-flag {
	background: url('/site_images/uk-flag.png') no-repeat center;
	background-size: cover;
}  
  .searchvacancies
  
  {

  float:right;
  	padding-top: 6px;
	padding-bottom: 6px;
	color: #ffffff;	
	font-size:1.2em;
		background: #636365;
		width:280px;
		padding-left:5px;

  }
  
  .searchvacancies span
  
  {
   border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #626264 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    right: 4px;

    position: absolute;
  }
  
  
  .searchbox-wrapper
  {
  margin:auto;
  width:100%;
 background-color: rgba(153, 153, 155, 0.7);

  
  margin-top:0em;
  padding:1em;
  }
  
  
  .searchbox
  
  {





 
    }
  
  
  .searchbox span
  
  {
   border-left: solid transparent 30px;
    border-right: solid transparent 30px;
    border-top: solid #A3A7AA 30px;
    bottom: -55px;
    content: " ";
    height: 0;
    right: -208px;
    position: relative;
  }
  #distance {
      width:130px;
  }
  
  
.searchbox select

{
width:175px;
font-size:1em;

 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
       border: 1px solid #D3DEED;
    text-align: left;
    white-space: nowrap;
 
    text-decoration: none;
		 -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
  -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
  box-shadow: inset 2px 2px 2px 0px #dddddd;
padding:0.6em;
  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 25px;
	  background: #ffffff url(/conrad/images/arrow.png) no-repeat 95%;

}


.searchbox-home select

{
width:150px;
margin-top:8px;
font-size:1em;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
       border: 1px solid #D3DEED;
    text-align: center;
    white-space: nowrap;
 
    text-decoration: none;
		 -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
  -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
  box-shadow: inset 2px 2px 2px 0px #dddddd;
padding:0.6em;
  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 25px;
	  background: #ffffff url(/conrad/images/arrow.png) no-repeat 95%;

}

  .searchbox input

  {
      width:175px;
      font-size:1em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;

      border: 1px solid #D3DEED;
      text-align: left;
      white-space: nowrap;

      text-decoration: none;
      -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
      -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
      box-shadow: inset 2px 2px 2px 0px #dddddd;
      /*padding:0.6em !important;*/
      margin: 0 !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      appearance: none;
      border-radius: 25px;
      /* background: #ffffff url(/conrad/images/arrow.png) no-repeat 95%; */

  }

.searchbox label

{
width:100px;
display:block;
font-weight:bold;
margin-bottom:0.2em;
color:#ffffff;

}

.searchbox-home label

{
/*width:100px;*/
display:block;
font-weight:bold;
margin-bottom:0.2em;
color:#ffffff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
text-align:center!important;

}

.searchbox-element

{
padding-bottom:10px;
display:inline-block;
margin-right:0.2em;

}

.searchbox-element.locwithin, #distance-home {
	display: none;
}


.input-group {
	position: relative;
	display: flex;
}

.searchbox-input-home.locsearch {
	flex-grow: 1;
}

#officeDropdown {
height: 46px;
font-size: 1.2em;
margin:5px;
padding:10px;
}

.loclist{
	min-height:unset!important;
	height:unset!important;
}

.button.loc-button {
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background: transparent;
	color: inherit;
	padding: 0 12px;
	cursor: pointer;
	height: 100%;
	outline: none;
	margin-top: 10px!important;
}

.nonhp.button.loc-button {
	margin-top: 0px!important;
}

/* Adjust button icon size and alignment if necessary */
.button.loc-button i {
	font-size: 20px;
	color: #555; /* You can change the color */
}

.button.loc-button:hover {
	background: #eee;
	border-color: #636365;
	text-decoration: none;
}

.searchbox-element .button#searchbutton-filter {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	text-align: center;
	padding: 12px 0;
	font-weight: 700;
}




input.searchbox-input-home::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	text-align: center;
}

input.searchbox-input-home::-moz-placeholder {
	/* Firefox 19+ */
	text-align: center;
	opacity: 1; /* Necessary to fix an issue with older Firefox versions where the placeholder would have reduced opacity */
}

input.searchbox-input-home:-ms-input-placeholder {
	/* IE 10+ */
	text-align: center;
}

/* Targeting the input element with class 'searchbox-home' */
input.searchbox-input-home {
	text-align: center; /* Centers the input text */
}

/* Centering placeholder for Chrome, Opera, and Safari */
input.searchbox-input-home::-webkit-input-placeholder {
	text-align: center;
}

/* Centering placeholder for Firefox 19+ */
input.searchbox-input-home::-moz-placeholder {
	text-align: center;
	opacity: 1; /* Ensures the placeholder is fully visible */
}

/* Centering placeholder for Internet Explorer 10+ */
input.searchbox-input-home:-ms-input-placeholder {
	text-align: center;
}

  
  
  .clear
  
  {
  clear:both;
  }
  
  
  .main-wrapper
  {
	    background:#ffffff;
  }
  .main-container
  
  {
  margin:auto;
  max-width:1400px;
  margin-top:25px;
  /* background:#F6F6F6; */
  background: rgba(246, 246, 246, 0.8); 
  padding:2em;
  overflow:hidden;
  
  }
  
  
    .main-container-login
  
  {
  margin:auto;

  margin-top:25px;

  padding:2em;
  overflow:hidden;
  background: #ffffff;
  
  
  }
  
  
    .main-container-register
  
  {
  margin:auto;


  padding:2em;
  overflow:hidden;
  background: #ffffff;
 
  
  }
  
 .locationbox, .box
  
  {
  margin:auto;
  /*margin-top:25px;*/
background: #ffffff;
    border: 1px solid #ececec; 
height: 100%;
  padding:2em;
  overflow:hidden;
  line-height:1.4em;
  
  }
  
  
  
  
   .sectionwrapper
  
  {

height: 100%;
  padding:2em;
  line-height:1.4em;
  width:100%;
  
  }
  
  .white
  
  {
	  background:#ffffff;
  }
  
  
  
  
  

  
    .locationbox
  
  {
  min-height:210px;
  padding:1.5em;
  
  }
  
  .testimonialsbox
   {
	margin-top:0px;
	margin-bottom:25px;
	margin-top:1.2em;
	padding:1em;
  
  }
  
.testimonial-tag {
	display: inline-block;
	padding: 5px 10px;
	margin-top: 10px;
	color: #fff; /* Initial text color */
	border-radius: 5px;
	border: 1px solid rgba(156, 51, 110, 1);
	font-size: 1.1em;
	font-weight: 800;
	transition: background-color 0.3s, color 0.3s, border 0.3s; /* Smooth transitions for hover effects */
}

.candidate a, .recruiter a {
	transition: background-color 0.3s, color 0.3s, border 0.3s; /* Ensure smooth transitions */
	color: #fff;
}

.candidate {
	background-color: rgba(156, 51, 110, 1);
}

.recruiter {
	background-color: rgba(1, 172, 198, 1);
}

.testimonial-tag:hover {
	background-color: #ffffff; /* White background on hover */
	color: rgba(156, 51, 110, 1); /* Purple text on hover */
	border: 1px solid rgba(156, 51, 110, 1); /* Purple border on hover */
}

  
  .moreblog
  
  {
	  text-align:center;
	  margin-top:1em;
	  margin-bottom:1em;

  }
    .titlebox
  
  {
  padding:1em 1em 1em 1em;
  border:0px !important;
  text-align:center;

  
  }
  
  .blogtitle h2
  
  {
	  text-align:center;
	  margin-top:2em;
  }
  
  .ourspecialists h2
  
  {
	/*margin-bottom:-2em;*/  
	margin-top:2em;
  }
  
  .introtext-home
  
  {
  width:500px;
  float:left;
  
  
  }
  
  
  
  .sector-pages-latest-jobs
  {
	  position:absolute;
	  bottom:1em;
  }
  
  
    
    .latest-vacancies-sector
  
  
 {
 

 margin-bottom:1em;


 }
 
   .latest-vacancies-sector a
  
  
 {
 

color:#ffffff;

    line-height: 2em;
    padding: 0.7em;
    color: #ffffff;
    font-weight: 800;
    font-size: 1.1em;

 }
 
  .latest-vacancies-sector a:hover
  
  
 {
 

color:#ffffff;
padding:0.5em;
background: #323232;


 }
  
  
  .latest-vacancies-sector-viewall
  
  {
	
	 
	    text-align: center;
    margin-top: 3em;
	  
  }
  
  .latest-vacancies-sector ul
  
  
 {
margin:0px;
padding:0px;
text-align:left;
 }
  
    
  .latest-vacancies-sector li
  
  
 {
 list-style:none;
 margin:0px;
padding:0px;
color:#ffffff;
width:100%;
padding:5px !important;
margin-bottom:1px;
padding-bottom:15px;
margin-right:15px;
font-size:1em !important;
float:left !important;
margin-bottom:1.2em !important;
box-shadow: 0 0 0 0 !important;

 }
 

 
 .latest-vacancies-sector h3
 {
	 font-weight:800;
	 color:#ffffff;
	 text-align:center;
	 max-width:230px;
	 padding:0.5em;
	     margin: auto;
    margin-bottom: 1em;
 }

  .latest-vacancies-sector-header h2
 {
	 
	 text-align:center;
	margin-top:1em !important;
	 
 }
 
 
   .latest-vacancies-sector li a
  
 {
 	
color:#ffffff;

 }
 
   .latest-vacancies-sector li a:hover
  
  
 {
/*text-decoration:underline;*/

 }
 
 .latest-vacancies-sector li#view-all
 
 {
 background:#A3A7AA
 }
 

 
 .latest-vacancies-sector li#civil

{
background: rgba(156, 51, 110, 0.8); 

}

.latest-vacancies-sector li#construction

{
background:rgba(250, 181, 0, 0.8);


}

.latest-vacancies-sector li#building

{
background:rgba(234, 88, 13, 0.8);
}

.latest-vacancies-sector li#environmental

{
	background: rgba(152, 155, 6, 0.8); 
background:;
}

.latest-vacancies-sector li#surveying

{
	background: rgba(5, 36, 83, 0.8);
	background: ;
}

.latest-vacancies-sector li#architectural

{

background:	rgba(1, 172, 198, 0.8);

}


.latest-vacancies-sector li span
{
    border-left: solid transparent 20px;
    border-right: solid transparent 20px;
    content: " ";
    height: 0;
float:right;
	bottom:-25px;
	margin-right:5px;
	position:relative;


}


.latest-vacancies-sector li#view-all span
{
 
 border-top:20px solid #A3A7AA;

}


.latest-vacancies-sector li#civil span
{
 
 border-top:20px solid rgba(156, 51, 110, 0.8);
 

}

.latest-vacancies-sector li#construction span
{
 
 border-top:20px solid rgba(250, 181, 0, 0.8);

}

.latest-vacancies-sector li#building span
{
 
 border-top:20px solid rgba(234, 88, 13, 0.8);

}


.latest-vacancies-sector li#surveying span
{
 
 border-top:20px solid rgba(5, 36, 83, 0.8);

}

.latest-vacancies-sector li#environmental span
{

	border-top: 20px solid rgba(152, 155, 6, 0.8);

}


.latest-vacancies-sector li#architectural span
{
 
 border-top:20px solid 	rgba(1, 172, 198, 0.8);;

}
  
  .sector-page-footer
  
  {
	  height:25px;
  }
  
  
  
  
  
  
    .latest-vacancies-home
  
  
 {
 
 margin-top:30px;
 margin-bottom:1em;
 font-size:0.9em;
 }
  
  
  .latest-vacancies-home-viewall
  
  {
	
	  margin-top:40px;
	  position:absolute;
	  bottom:0px;
	  font-size:1.2em;
	margin-left: auto;
margin-right: auto;
left: 0;
width:240px;
right: 0;
	  
  }
  
  .latest-vacancies-home ul
  
  
 {
margin:0px;
padding:0px;
text-align:left;
 }
  
    
  .latest-vacancies-home li
  
  
 {
 list-style:none;
 margin:0px;
padding:0px;
color:#ffffff;
width:100%;
padding:5px !important;
margin-bottom:1px;
padding-bottom:15px;
margin-right:15px;
font-size:1em !important;
float:left !important;
margin-bottom:1.2em !important;
box-shadow: 0 0 0 0 !important;

 }
 

 
 .latest-vacancies-home h3
 {
	 font-weight:800;
	 color:#ffffff;
	 text-align:center;
	 max-width:230px;
	 padding:0.5em;
	     margin: auto;
    margin-bottom: 1em;
	 
 }
 
 
   .latest-vacancies-home li
  
  
 {
padding-top:1em !important;
padding-bottom:1em !important;
padding-left:0.7em !important;
padding-right:0.5em !important;

 }
 
   .latest-vacancies-home li a:hover
  
  
 {
/*text-decoration:underline;*/

 }
 
 .latest-vacancies-home li#view-all
 
 {
 background:#A3A7AA
 }
 

 
 .latest-vacancies-home li#civil

{
border-bottom: 5px solid rgba(156, 51, 110, 0.8); 
background:#ffffff;

}

 .latest-vacancies-home li#civil a

{
color: rgba(156, 51, 110, 0.8); 

}

.latest-vacancies-home li#construction a

{
color:rgba(250, 181, 0, 0.8);


}

.latest-vacancies-home li#construction

{
border-bottom:5px solid rgba(250, 181, 0, 0.8);
background:#ffffff;


}

.latest-vacancies-home li#building a

{
	color: rgba(234, 88, 13, 0.8);
border-bottom: 5px solid rgba(234, 88, 13, 0.8);
}

.latest-vacancies-home li#building 

{
padding-top:1em;
padding-bottom:1em;
border-bottom: 5px solid rgba(234, 88, 13, 0.8);
background:#ffffff;
}

.latest-vacancies-home li#surveying a

{
	color: rgba(5, 36, 83, 1); 

}

.latest-vacancies-home li#surveying 

{
	border-bottom:5px solid rgba(5, 36, 83, 1); 
	background:#ffffff;
}

.latest-vacancies-home li#environmental a

{
	color: rgba(152, 155, 6, 1);

}

.latest-vacancies-home li#environmental

{
	border-bottom: 5px solid rgba(152, 155, 6, 1);
	background:#ffffff;

}

.latest-vacancies-home li#architectural

{

border-bottom: 5px solid	rgba(1, 172, 198, 0.8);
background:#ffffff;

}

.latest-vacancies-home li#architectural a

{

color:	rgba(1, 172, 198, 0.8);

}


.latest-vacancies-home li span
{
    border-left: solid transparent 20px;
    border-right: solid transparent 20px;
    content: " ";
    height: 0;
float:right;
	bottom:-25px;
	margin-right:5px;
	position:relative;


}


.latest-vacancies-home li#view-all span
{
 
 border-top:20px solid #A3A7AA;

}


.latest-vacancies-home li#civil span
{
 
 border-top:20px solid rgba(156, 51, 110, 0.8);
 

}

.latest-vacancies-home li#construction span
{
 
 border-top:20px solid rgba(250, 181, 0, 0.8);

}

.latest-vacancies-home li#building span
{
 
 border-top:20px solid rgba(234, 88, 13, 0.8);

}


.latest-vacancies-home li#surveying span
{
 
 border-top:20px solid rgba(5, 36, 83, 0.8);

}

.latest-vacancies-home li#environmental span
{

	border-top: 20px solid rgba(152, 155, 6, 0.8);

}


.latest-vacancies-home li#architectural span
{
 
 border-top:20px solid 	rgba(1, 172, 198, 0.8);;

}
  
    .latest-vacancies-recruiter


{


	margin-bottom: 1em;
	font-size: 0.9em;
}


.latest-vacancies-recruiter-viewall

{

	margin-top: 40px;
	position: absolute;
	bottom: 0px;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	width: 240px;
	right: 0;

}

.latest-vacancies-recruiter ul


{
	margin: 0px;
	padding: 0px;
	text-align: left;
}


.latest-vacancies-recruiter li


{
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	width: 100%;
	padding: 5px !important;
	margin-bottom: 1px;
	padding-bottom: 15px;
	margin-right: 15px;
	font-size: 1em !important;
	float: left !important;
	margin-bottom: 1.2em !important;
	box-shadow: 0 0 0 0 !important;

}



.latest-vacancies-recruiter h3
{
	font-weight: 800;
	color: #ffffff;
	text-align: center;
	max-width: 230px;
	padding: 0.5em;
	margin: auto;
	margin-bottom: 1em;

}


.latest-vacancies-recruiter li


{
	padding-top: 1em !important;
	padding-bottom: 1em !important;
	padding-left: 0.7em !important;
	padding-right: 0.5em !important;

}

.latest-vacancies-recruiter li a:hover


{
	/*text-decoration:underline;*/

}

.latest-vacancies-recruiter li#view-all

{
	background: #A3A7AA
}



.latest-vacancies-recruiter li#civil

{
	border: 1px solid #ececec;  
	border-bottom: 5px solid rgba(156, 51, 110, 0.8);
	background: #ffffff;

}

.latest-vacancies-recruiter li#civil a

{
	color: rgba(156, 51, 110, 0.8);

}

.latest-vacancies-recruiter li#construction a

{
	color: rgba(250, 181, 0, 0.8);


}

.latest-vacancies-recruiter li#construction

{
	border: 1px solid #ececec;  
	border-bottom: 5px solid rgba(250, 181, 0, 0.8);
	background: #ffffff;


}

.latest-vacancies-recruiter li#building a

{
	color: rgba(234, 88, 13, 0.8);
	border-bottom: 5px solid rgba(234, 88, 13, 0.8);
}

.latest-vacancies-recruiter li#building

{
	padding-top: 1em;
	padding-bottom: 1em;
	border: 1px solid #ececec;  
	border-bottom: 5px solid rgba(234, 88, 13, 0.8);
	background: #ffffff;
}

.latest-vacancies-recruiter li#surveying a

{
	color: rgba(5, 36, 83, 1);

}

.latest-vacancies-recruiter li#surveying

{
	border: 1px solid #ececec;  
	border-bottom: 5px solid rgba(5, 36, 83, 1);
	background: #ffffff;
}

.latest-vacancies-recruiter li#environmental a

{
	color: rgba(152, 155, 6, 1);

}

.latest-vacancies-recruiter li#environmental

{
	border: 1px solid #ececec;  
	border-bottom: 5px solid rgba(152, 155, 6, 1);
	background: #ffffff;

}

.latest-vacancies-recruiter li#architectural

{
	border: 1px solid #ececec;  
	border-bottom: 5px solid	rgba(1, 172, 198, 0.8);
	background: #ffffff;

}

.latest-vacancies-recruiter li#architectural a

{

	color: rgba(1, 172, 198, 0.8);

}


.latest-vacancies-recruiter li span
{
	border-left: solid transparent 20px;
	border-right: solid transparent 20px;
	content: " ";
	height: 0;
	float: right;
	bottom: -25px;
	margin-right: 5px;
	position: relative;


}


.latest-vacancies-recruiter li#view-all span
{

	border-top: 20px solid #A3A7AA;

}


.latest-vacancies-recruiter li#civil span
{

	border-top: 20px solid rgba(156, 51, 110, 0.8);


}

.latest-vacancies-recruiter li#construction span
{

	border-top: 20px solid rgba(250, 181, 0, 0.8);

}

.latest-vacancies-recruiter li#building span
{

	border-top: 20px solid rgba(234, 88, 13, 0.8);

}


.latest-vacancies-recruiter li#surveying span
{

	border-top: 20px solid rgba(5, 36, 83, 0.8);

}

.latest-vacancies-recruiter li#environmental span
{

	border-top: 20px solid rgba(152, 155, 6, 0.8);

}


.latest-vacancies-recruiter li#architectural span
{

	border-top: 20px solid 	rgba(1, 172, 198, 0.8);;

} 
  
  
  
  
  
  
  
  
  
  
  
 .latest-vacancies-slider
  
  
 {
 
 float:right;
 width:360px;
 margin-bottom:1em;
 }
  
  
  
  .latest-vacancies-slider ul
  
  
 {
margin:0px;
padding:0px;
text-align:right;
 }
  
    
  .latest-vacancies-slider li
  
  
 {
 list-style:none;
 margin:0px;
padding:0px;
color:#ffffff;
padding:5px !important;
margin-bottom:1px;
padding-bottom:15px;
float:right !important;
margin-bottom:1.2em !important;
box-shadow: 0 0 0 0 !important;
margin-right:-10px !important;


 }
 
 .latest-vacancies-slider h3
 {
	 font-weight:800;
	 color:#ffffff;
	 text-align:right;
 }
 
 
   .latest-vacancies-slider li a
  
  
 {

color:#ffffff;

 }
 
   .latest-vacancies-slider li a:hover
  
  
 {
	 /*text-decoration:underline;*/

 }
 
 .latest-vacancies-slider li#view-all
 
 {
 background:#A3A7AA
 }
 

 
 .latest-vacancies-slider li#civil

{
background: rgba(156, 51, 110, 0.8); 

}

.latest-vacancies-slider li#construction

{
background:rgba(250, 181, 0, 0.8);


}

.latest-vacancies-slider li#building

{
background:rgba(234, 88, 13, 0.8);
}

.latest-vacancies-slider li#surveying

{
	background: rgba(5, 36, 83, 0.8); 
background:;
}

.latest-vacancies-slider li#environmental

{
	background: rgba(152, 155, 6, 0.8);
	background: ;
}

.latest-vacancies-slider li#architectural

{

background:	rgba(1, 172, 198, 0.8);

}


.latest-vacancies-slider li span
{
    border-left: solid transparent 20px;
    border-right: solid transparent 20px;
    content: " ";
    height: 0;
float:right;
	bottom:-25px;
	margin-right:5px;
	position:relative;


}


.latest-vacancies-slider li#view-all span
{
 
 border-top:20px solid #A3A7AA;

}


.latest-vacancies-slider li#civil span
{
 
 border-top:20px solid rgba(156, 51, 110, 0.8);
 

}

.latest-vacancies-slider li#construction span
{
 
 border-top:20px solid rgba(250, 181, 0, 0.8);

}

.latest-vacancies-slider li#building span
{
 
 border-top:20px solid rgba(234, 88, 13, 0.8);

}


.latest-vacancies-slider li#surveying span
{
 
 border-top:20px solid rgba(5, 36, 83, 0.8);

}

.latest-vacancies-slider li#environmental span
{

	border-top: 20px solid rgba(152, 155, 6, 0.8);

}

.latest-vacancies-slider li#architectural span
{
 
 border-top:20px solid 	rgba(1, 172, 198, 0.8);;

}
  
  
  .sector-home
  
  {
  position:relative;
  }
  
  .sector-home-intro
  {
	  padding-top:1em;
	  padding-bottom:1em;
	   
   color:#ffffff;
   font-weight:800;
  }
  
 .construction-icon
  
  {
	color:   rgba(250, 181, 0, 0.8);
  }
  

  .sector-home-intro-construction p,  .sector-home-intro-construction br,  .sector-home-intro-construction ul,  .sector-home-intro-construction h1
  
  {

   background:  rgba(250, 181, 0, 0.8) !important;
    padding:0.4em;
 
  }
  
  
    
 .architectural-icon
  
  {
	color:   rgba(1, 172, 198, 0.8)
  }
  
  
  .sector-home-intro-architectural p,  .sector-home-intro-architectural br,  .sector-home-intro-architectural ul,  .sector-home-intro-architectural h1
  
  {

   background:  rgba(1, 172, 198, 0.8) !important;
    padding:0.4em;
 
  }
  
     
 .surveying-icon
  
  {
	  color:   rgba(5, 36, 83, 0.8);
  }
  
  
  .environmental-icon

{
	color: rgba(152, 155, 6, 0.8);
}
  
    .sector-home-intro-surveying p,  .sector-home-intro-surveying br,  .sector-home-intro-surveying ul,  .sector-home-intro-surveying h1
  
  {

background:  rgba(5, 36, 83, 0.8) !important;
    padding:0.4em;
 
  }
  
  
    .sector-home-intro-environmental p,  .sector-home-intro-environmental br,  .sector-home-intro-environmental ul,  .sector-home-intro-environmental h1

{

	background: rgba(152, 155, 6, 0.8) !important;
	padding: 0.4em;

}
      
 .building-icon
  
  {
	color:   rgba(234, 88, 13, 0.8)
  }
  
  

  
  
  
      .sector-home-intro-building p,  .sector-home-intro-building br,  .sector-home-intro-building ul,  .sector-home-intro-building h1
  
  {

   background:  rgba(234, 88, 13, 0.8) !important;
    padding:0.4em;
 
  }
  
  
 .civil-icon
  
  {
	color:  rgba(156, 51, 110, 0.8)
  }
  
  
     .sector-home-intro-civil p,  .sector-home-intro-civil br,  .sector-home-intro-civil ul,  .sector-home-intro-civil h1
  
  {

   background:  rgba(156, 51, 110, 0.8) !important;
    padding:0.4em;
 
  }
  
  
  
  
  
  #similarvacancies-box

{
background:#ffffff;
padding:10px;
margin-top:20px;
}

#similarvacancies-box h3

{
text-align: center;
}

  
  .similar-vacancies
  
  
 {
position:relative;
 }
  
    .similar-vacancies ul
  
  
 {
margin:0px;
padding:0px;


 }
  

.all-recruiter-vacancies li


{
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	padding: 6px;
	padding-bottom: 1em;
	margin-bottom: 1px;
	position: relative;


}
    
  .similar-vacancies li
  
  
 {
 list-style:none;
 margin:0px;
padding:0px;
color:#ffffff;
padding:0.7em;
margin-bottom:1px;
position:relative;
 }
 
 .similar-vacancies li:hover {
 	
	 background-color: #323232!important;
	 /*border-top: 20px solid #323232;*/
 }
 
 .similar-vacancies li:hover span {
 	
	border-top: 20px solid #323232!important;
	 }	
 
   .similar-vacancies li a
  
  
 {

color:#ffffff;

 }
 
   .similar-vacancies li a:hover
  
  
 {
text-decoration:none;

 }
 
.viewall {
text-align: center;
font-size: 1.1em;
font-weight: 800; 
}
 
 .similar-vacancies li#view-all
 
 {
 background:#A3A7AA
 }
 

 
 .similar-vacancies li#civil

{
background:#9C336E;

}

.similar-vacancies li#construction

{
background:#FAB500;

}

.similar-vacancies li#building

{
background:#EA580D;
}

.similar-vacancies li#surveying

{
	background:#052453;
}

.similar-vacancies li#environmental

{
	background: #989B06;
}

.similar-vacancies li#architectural

{
background:#01ACC6;

}


.similar-vacancies li span
{
    border-left: solid transparent 20px;
    border-right: solid transparent 20px;
    content: " ";
float:right;
	bottom:-20px;
	right:10px;
	margin-right:5px;
	position:absolute;


}


.similar-vacancies li#view-all span
{
 
 border-top:20px solid #A3A7AA;

}


.similar-vacancies li#civil span
{
 
 border-top:20px solid #9C336E;

}

.similar-vacancies li#construction span
{
 
 border-top:20px solid #FAB500;

}

.similar-vacancies li#building span
{
 
 border-top:20px solid #EA580D;

}
  
  
  .similar-vacancies li#architectural span

{
 border-top:20px solid #01ACC6;

}

.similar-vacancies li#surveying span

{
	border-top:20px solid #052453;
}
  
  
  
  
  
  
  
  
  
  
  
  
  
  .latest-vacancies
  
  
 {
 
 float:right;
 width:285px;
 }
  
    .latest-vacancies ul
  
  
 {
margin:0px;
padding:0px;
 }
  
    
  .latest-vacancies li
  
  
 {
 list-style:none;
 margin:0px;
padding:0px;

color:#ffffff;
padding:6px;
margin-bottom:1px;
padding-bottom:15px;

 }
 
   .latest-vacancies li a
  
  
 {

color:#ffffff;

 }
 
   .latest-vacancies li a:hover
  
  
 {
	 /*text-decoration:underline;*/

 }
 
 .latest-vacancies li#view-all
 
 {
 background:#A3A7AA
 }
 

 
 .latest-vacancies li#civil

{
background:#9C336E;

}

.latest-vacancies li#construction

{
background:#FAB500;

}

.latest-vacancies li#building

{
background:#EA580D;
}

.latest-vacancies li#surveying

{
	background:#052453;
}

.latest-vacancies li#environmental

{
	background: #989B06;
}

.latest-vacancies li#architectural

{
background:#01ACC6;

}


.latest-vacancies li span
{
    border-left: solid transparent 20px;
    border-right: solid transparent 20px;
    content: " ";
    height: 0;
float:right;
	bottom:-15px;
	margin-right:5px;
	position:relative;

}


.latest-vacancies li#view-all span
{
 
 border-top:20px solid #A3A7AA;

}


.latest-vacancies li#civil span
{
 
 border-top:20px solid #9C336E;

}

.latest-vacancies li#construction span
{
 
 border-top:20px solid #FAB500;

}

.latest-vacancies li#building span
{
 
 border-top:20px solid #EA580D;

}


.latest-vacancies li#surveying span
{
 
 border-top:20px solid #052453;

}

.latest-vacancies li#environmental span
{

	border-top: 20px solid #989B06;

}

.latest-vacancies li#architectural span
{
 
 border-top:20px solid #01ACC6;

}

.latest-salary

{
font-size:0.85em;
}

.latest-title

{
font-size:1em;
}
  
.latest-location

{
font-size:0.85em;
}
  
  
  
  
.latest-salary-sector

{
font-size:1em;
}

.latest-title-sector

{
font-size:1.2em;
font-weight: 800;
text-transform: uppercase;
font-family: 'Josefin Sans';
}
  
.latest-location-sector

{
font-size:1em;
}
    
/* Fix for wrap after FA icon*/

.latest-salary-sector, .latest-location-sector {
	display: flex;
	align-items: center;
}

.architectural-icon,.building-icon,.civil-icon,.construction-icon, .environmental-icon, .surveying-icon  {
	margin-right: 10px; /* Ensures space between the icon and the text */
	flex-shrink: 0; /* Prevents the icon from shrinking */
	font-size: 14px!important;
}

.architectural-icon:hover,.building-icon:hover,.civil-icon:hover,.construction-icon:hover, .environmental-icon:hover, .surveying-icon:hover  {
	color: #323232 !important;
}


.icon-row {
	display: flex;
	align-items: center;
}

.fa-3x {
	font-size: 3em!important;
} 

.latest-salary-sector i, .latest-location-sector i {
	width: 25px; /* or another appropriate width */
}
  
  .referral-content
  
  {
  z-index:5000;
   background: #9C336E url('/conrad/images/referral.jpg') no-repeat 320px 10px;
  position:relative;
  width:400px;
    height:75px;
	margin-top: 20px;





 
  }
  
  #referral-text
  
  {

  }
  
  .referral-content a
  
  {
  color:#ffffff;
  }
  
  .referral-content a:hover
  
  {
  color:#ffffff;
  /*text-decoration:underline;*/
  }
  
  


  .referral-content span
  
  {


  
  
  }
  .referral-content h3
  
  {
  color:#ffffff;
  font-size:1.9em;
padding-top:12px;
padding-left:10px;
padding-bottom:0px;
margin-bottom:4px;
  letter-spacing:-0.1px;

  }
  
  .referral-content p
  
  {
  margin-top:0px;
  padding-left:10px;
  }
  
 .rec-member-content
  
  {
  z-index:5000;
  background: url('/site_images/REC-Member.jpg') no-repeat;
  background-position: left;
  position:relative;
  /*width:400px;*/
  height:75px;
  margin-top:15px;
  padding-right:20px;




 
  }
  
.gallery-image

{
	float:right;
	width:600px;
}

.product-images .gallery-thumbs {
    float: left;
}

.product-images .gallery-thumbs .thumb-img {
    width: 100px;
    height: 100px;
    margin: 0 0 7px 0;
    cursor: pointer;
display:block;
float:left;
margin-right:5px;
 
}

.product-images .gallery-thumbs .thumb-img img {
    border: 1px solid #9c9c9c;
    width: 100px;
	height:100px;
}

.product-images .gallery-thumbs .thumb-img .last {
    margin: 0;
}

 .thumb-img
 
 {
 float:left;
     margin: 0 0 7px 0;

 }

 .gallery-thumb-container

{
	height:240px;
	overflow:hidden;
}
 
 
 .gallery-thumb {
    position: relative;
    text-align: center;
    color: #ffffff;
    font-size: 4em;
    margin-bottom: 0.1em
	
}

.gallery-thumb img
{
	width:100%;
	height:100%;
	object-fit:cover;
}
  
  
  .footer-content
  
  {
  width:970px;
  margin:auto;
  }
  
  .footercontainer
  
  {
	  
  }
  
  .footer {
    /*padding-top: 15px;*/

	background-color: rgba(153, 153, 155, 0.2);
	

   
  }
  
  
   
  .footerrow { 
   padding-bottom:45px;
   padding-top:15px;
   background-position: right 0% bottom 0;
  }
  
  .footer p {
 
    line-height: 18px;
    margin-bottom: 5px;
  }
  
  .footer a, .footer a:hover
  
  {
  
  }
  
  ul.offices li {
  	list-style-type: none;
	  float:left; width:50%;
  }

.site-footer__contact {
	float: left;
	display: block;
	margin-top:20px;
}

.site-footer__label {
margin: 0;
text-align: left;
text-transform: uppercase;
font-family: 'Josefin Sans';
font-size: 0.9em;
}

li.phone {
	margin: 0;
	text-align: left;	
}

.phone__label {
	margin-bottom: -10px;
	display: block;
	padding-bottom: 5px;
	font-size: .8125rem;
}

.phone__number {
	display: block;
	margin-top: 0;
	font-size: 1.375rem;
}

.copyright {
	/*text-align: center;*/
	margin-top: 1em;
	margin-bottom: -1em;
}

.autocomplete {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 25px;
	font-family: Arial, sans-serif;
	font-size: 0.95em;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	overflow-y: auto;
	position: relative;
	max-height: 300px;
	padding: 25px 0; /* Add vertical padding */
	scroll-padding-top: 25px;
	scroll-padding-bottom: 25px;
	clip-path: inset(25px 0 25px 0 round 25px); /* Visually crop scroll edges */
	box-sizing: border-box;
}

/* Scrollbar styling (WebKit only) */
.autocomplete::-webkit-scrollbar {
	width: 6px;
}

.autocomplete::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px;
}

.autocomplete::-webkit-scrollbar-track {
	background: transparent;
}

/* Suggestions */
.autocomplete > div {
	padding: 8px 12px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	transition: background 0.2s ease;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.autocomplete > div:last-child {
	border-bottom: none;
}

.autocomplete > div:hover,
.autocomplete-selected {
	background: #9C336E;
	color: #fff;
}

/* Other shared styles */
.autocomplete-suggestions {
	border: 1px solid #999;
	border-radius: 25px;
	background: #fff;
	overflow: hidden;
}

.autocomplete-suggestion {
	padding: 8px 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.autocomplete-suggestion:hover {
	background: #1e90ff;
	color: #fff;
}

.autocomplete-suggestions strong {
	color: #0073aa;
	font-weight: bold;
}

.autocomplete-group {
	padding: 6px 12px;
	background: #f9f9f9;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #0073aa;
}





/*  .autocomplete {
      background: #ffffff;
      padding: 4px;
      border: 1px solid;
      cursor: pointer;
      overflow: auto;
  }

  .autocomplete div:hover
  {
      color:#ffffff;
      background: rgba(30, 144, 255, 1);
  }

  .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
  .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
  .autocomplete-selected { background: #F0F0F0; }
  .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
  .autocomplete-group { padding: 2px 5px; }
  .autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
  
  */
  
  #social-media
  
  {

   display: flex;

   flex-direction: row;
   justify-content: flex-start;
   margin-right:-20px;


  }
  
  
  
  .socialmedia-header
  {
	  margin-bottom:-10px;
  }
  
  #social-media img
  
  {
  border:0px;
  margin-right:5px;
  height:40px;


  }

  #social-media-blog

{

	display: flex;

	flex-direction: row;
	justify-content: flex-start;
	margin-right: -20px;


}



.socialmedia-header-blog
{
	margin-bottom: -10px;
}

#social-media-blog img

{
	border: 0px;
	margin-right: 5px;
	height: 40px;


}

  
  
  
/* Grid Overides
----------------------------------------------------------------------------------------------------*/

  .container-wrapper {
    margin: 0px 0;
    width: 100%;
    
  }
  
 
----------------------------------------------------------------------------------------------------*/    

    
    
    p {}
    
    h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
      margin-bottom: 16px;
    }

  h1 {
      font-size: 32px;
      line-height: 45px;
      color: #323232;
      font-weight: 700;
	  text-transform: uppercase;
	font-family: Josefin Sans;
		letter-spacing:-0.05em;
    }
	

      
    h2 {
      font-size: 30px;
      line-height: 30px;
      color: #323232;
      margin-bottom: 12px;
	  	font-family: Josefin Sans;
		  text-transform: uppercase;
		letter-spacing:-0.05em;
    }
    
    h3 {
      font-size: 26px;
      font-weight: normal;
      line-height: 28px;
      margin-bottom: 12px;
      padding-bottom: 6px;
      color: #323232;
	  font-weight: 700;
	  text-transform: uppercase;
	font-family: Josefin Sans;
	letter-spacing:-0.05em;

    }
    
    h4 {
      font-size: 18px;
      font-weight: normal;
      line-height: 18px;
      color: #454545;
      margin-bottom: 12px;
    }
    
    h5 {
      font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: normal;
      line-height: 18px;
      color: #454545;
    }
    
    
    h6 {
      font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: normal;
      line-height: 18px;
      color: #454545;
      margin-bottom: 12px;
      padding-bottom: 6px;
      border-bottom: 1px solid #ddd;
    }
    
    ul li {
      list-style: disc;
      margin-left: 28px;
    }
    
    ul ul {
      margin-bottom: 0;
    }
    
   
    
    ol li {
      list-style: decimal;
      margin-left: 30px;
    }
      ol li li {
        list-style: lower-latin;
      }
    
    dt {
      font-weight: bold;
    }
    dd {}

  

    
    img {
      margin: 0;
      padding: 0;
      display: block;
    }
    
    em {
      font-style: italic;
    }
    
    strong {
      font-weight: bold;
    }
    
    .mb-0 {
      margin-bottom: 0;
    }
    
    .hidden {
      display: none;
    }
    
    .highlight {
      font-weight: bold;
      color: #8F191B;
    }
	.nativecase {
		text-transform: none;
	}
	h3.nativecase {
		padding-bottom:0;
		font-weight: normal; 
}

    /*  Links
----------------------------------------------------------------------------------------------------*/

    a {
      font-family: inherit;
      color: #9C336E;
      text-decoration: none;
	  cursor: pointer;
    }
    
    a:hover {
    	font-weight: 600;
		color: #323232;
    }
    
    .label-holder {
      float: left;
      width: 295px;
      padding: 5px;
      padding-left: 0;
    }
        
    .input-holder {
      float: left;
      width: 320px;
      font-family: 'proxima-nova', "Times New Roman", Times, serif;
      color: #151515;
      font-size: 12px;
      line-height: 20px;
    }
    
    label {
      line-height: 15px;
    }
    
    input, textarea, select {
      border: none;
      border: 0;
      border: 1px solid #ccc;
      padding-left: 3px;
      padding-right: 3px;
      margin-right:0;
      font-size: 15px;
	color: #323232;
      /*CSS3*/
      -moz-border-radius: 25px;
      border-radius: 25px;  
    }
	
form textarea {
  display: inline-block;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: none;
  width: 100%;
  resize: none;
  -moz-transition: border-color 0.1s ease-in-out;
  -webkit-transition: border-color 0.1s ease-in-out;
  transition: border-color 0.1s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #F3F3F3;
}

progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
    
/* The checkboxcontainer */
.checkboxcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  /* font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkboxcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxcontainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxcontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

  
.btn-scale {
  display: inline-block;
  min-width: 34px;
  width: 6%;
  text-align: center;
  font-weight: bold;
  color: white;
  font-family: 'Lato', sans-serif;
}

.btn-scale-asc-1, .btn-scale-desc-10 {
  background-color: #33FF00;
}

.btn-scale-asc-1:hover,
.btn-scale-desc-10:hover {
  background-color: #2CDE00;
}

.btn-scale-asc-2,
.btn-scale-desc-9{
  background-color: #66FF00;
}

.btn-scale-asc-2:hover,
.btn-scale-desc-9:hover{
  background-color: #59DE00;
}

.btn-scale-asc-3,
.btn-scale-desc-8 {
  background-color: #99FF00;
}

.btn-scale-asc-3:hover,
.btn-scale-desc-8:hover {
  background-color: #85DE00;
}

.btn-scale-asc-4,
.btn-scale-desc-7 {
  background-color: #CCFF00;
}

.btn-scale-asc-4:hover,
.btn-scale-desc-7:hover {
  background-color: #B1DE00;
}

.btn-scale-asc-5,
.btn-scale-desc-6 {
  background-color: #FFFF00;
}

.btn-scale-asc-5:hover,
.btn-scale-desc-6:hover {
  background-color: #DEDE00;
}

.btn-scale-asc-6,
.btn-scale-desc-5 {
  background-color: #FFCC00;
}

.btn-scale-asc-6:hover,
.btn-scale-desc-5:hover {
  background-color: #DEB100;
}

.btn-scale-asc-7,
.btn-scale-desc-4 {
  background-color: #FF9900;
}

.btn-scale-asc-7:hover,
.btn-scale-desc-4:hover {
  background-color: #DE8500;
}

.btn-scale-asc-8,
.btn-scale-desc-3 {
  background-color: #FF6600;
}

.btn-scale-asc-8:hover,
.btn-scale-desc-3:hover {
  background-color: #DE5900;
}

.btn-scale-asc-9,
.btn-scale-desc-2 {
  background-color: #FF3300;
}

.btn-scale-asc-9:hover,
.btn-scale-desc-2:hover {
  background-color: #DE2C00;
}

.btn-scale-asc-10,
.btn-scale-desc-1 {
  background-color: #FF0000;
}

.btn-scale-asc-10:hover,
.btn-scale-desc-1:hover {
  background-color: #DE0000;
}
  
  
    
    .button {
	font-family: 'proxima-nova', "Times New Roman", Times, serif;
	white-space: nowrap;
      padding: 0.7em;
      margin: 0;
	border: 1px solid #ccc; 
      /*height: 26px !important;*/
      color: #fff !important;
      background: #323232;
      /*border-color: #323232;*/
      font-weight: normal;
      cursor: pointer;
      width: auto;
      font-size: 1.2em;
      /*line-height: 16px;*/
	        /*CSS3*/
      -moz-border-radius: 25px;
      border-radius: 25px;
        }
        
.button:disabled {
	color: gray;
	background-color: #ccc;
	cursor: not-allowed;
}

        
.button-container {
	display: flex;
	justify-content: space-around; /* Adjusts spacing between buttons */
}

.button {
	flex: 1; /* Each button will take equal space */
	text-align: center; /* Center the text inside the button links */
	margin: 5px; /* Adds a little space around buttons */
}



@media (max-width: 768px) {
	.button-container {
		flex-direction: column; /* Stacks the buttons vertically on small screens */
		align-items: center; /* Centers the buttons horizontally */
	}

	.button {
		width: 80% /* Makes each button take up most of the container width */
	}
	
	.button.loc-button:hover {
		background: unset;
		border-color: unset;
		text-decoration: none;
	}
}

	.registernow ul
	{
		margin-left: 10px !important;
		padding: 0px;
	}		
	.registernow ul li
	{
		margin-left: 5px !important;
		padding: 0px 0px 5px 5px !important;
	}
		
	#applynowdiv {
		 margin-top: 20px;	
		 margin-bottom: 20px;	
		
	}
	
	#applynowdiv-desktop

	{
		margin-top: 20px;	
		margin-bottom: 20px;
		padding-top: 20px;
		display:block;
	}
		
	.button-apply-now {
		display: block;
      padding: 20px 20px;
      margin: auto;
      text-align: center;
/*      border: none;
      border: 0;*/

      color: #fff !important;
      background: #323232;
      border-color: #323232;
      font-weight: normal;
      cursor: pointer;
      font-size: 2.2em;
	        /*CSS3*/
      -moz-border-radius: 25px;
      border-radius: 25px;
   
        }
    
    .button:hover, .button-apply-now:hover {
      background: #636365;
      border-color: #636365;
	  text-decoration: none
    }  
    .radio, .checkbox {
      padding: 0;
      height: auto;
      border: none;
      line-height: normal;
      margin: 0;
      margin-right: 20px;
      line-height: 30px;
    }  
    .checkbox {
      margin-right: 10px;
    }
    .file {
      border: none;
      padding: 0 !important;
    }
    .reset {
      background: none;
      color: #999;
    }
    .reset:hover {
      color: #fff;
      background: #ccc;
    }
    
    .submit {
      border: 1px solid #ccc;
      background: #e1e1e1;
    }
    .submit:hover {
      border: 1px solid #13E868;
    }
    
	
	input
	{
      font-family: 'proxima-nova', "Times New Roman", Times, serif;
  
    }
    
    
    select {
      font-family: 'proxima-nova', "Times New Roman", Times, serif;
  
    }
    
    textarea {
  font-family: 'proxima-nova', "Times New Roman", Times, serif;
 
    }
    
    #search .label-holder {
      width: 145px;
    }
    #search .label-holder label {
      color: #eee;
      font-size: 14px;
    }
    #search .label-holder p a {
      color: #DA2529;
    }
    #search .label-holder p a:hover {
		/*text-decoration:underline;*/
    }
    #search .input-holder {
      width: 285px;
    }
    #search .input-holder .text {
      width: 277px;
    }
    #search .input-holder select {
      width: 285px;
    }
    

	a.buttonlink, a.buttonlink-white 
	
	{
	background: #9C336E;
	line-height:2em;
	padding:0.7em;
	color:#ffffff;
	font-weight:800;
	font-size:1.1em;
	border-radius: 25px;

	}
	a.buttonlink-white

{
	border: solid #ffffff 5px;
}
	
	a.buttonlink:hover, a.buttonlink-white:hover
	
	{
		background: #323232;
		text-decoration:none;
	}
	
	.loadmore-button {
		background: #9C336E;
		line-height:2em;
		padding:0.7em;
		color:#ffffff;
		font-weight:800;
		font-size:1.1em;
		border-radius: 25px;
		border: solid #ffffff 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.loadmore-button:hover {
	background: #323232;
	text-decoration:none;
}


@media (hover: none) {
	#load-more-posts:hover {
		background: #9C336E;
		line-height:2em;
		padding:0.7em;
		color:#ffffff;
		font-weight:800;
		font-size:1.1em;
		border-radius: 25px;
		border: solid #ffffff 5px;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}
}

  

  /* Jobs by Location
----------------------------------------------------------------------------------------------------*/
  
  .jobs-by-location {
    margin: 0;
    margin-bottom: 12px;
  }
  .jobs-by-location li {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 20px;
    width: 160px;
    list-style: none;
    font-size: 13px;
    line-height: 22px;
    position: relative;
  }
  .jobs-by-location li.alpha {
    margin-left: 0;
  }
  .jobs-by-location li.omega {
    margin-right: 0;
  }
  .jobs-by-location li .vacancy-qty {
    position: absolute;
    top: 0;
    right: 0;
  }
  
  /* Jobs by Title
----------------------------------------------------------------------------------------------------*/
  
  .jobs-by-title {
    margin: 0;
    margin-bottom: 12px;
  }
  .jobs-by-title li {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 20px;
    width: 360px;
    list-style: none;
    font-size: 13px;
    line-height: 22px;
    position: relative;
  }
  .jobs-by-title li.alpha {
    margin-left: 0;
  }
  .jobs-by-title li.omega {
    margin-right: 0;
  }
  .jobs-by-title li .vacancy-qty {
    position: absolute;
    top: 0;
    right: 0;
  }

/* Footer
----------------------------------------------------------------------------------------------------*/



/* Positioning
----------------------------------------------------------------------------------------------------*/

  .pos-rel {
    position: relative;
  }
  
/* Spacing
----------------------------------------------------------------------------------------------------*/

  .mb-20 {
    margin-bottom: 20px;
  }
  
  .pt-20 {
    padding-top: 20px;
  }
  
  .bt-3 {
    border-top: 3px solid #ccc;
  }  
  
  .pt-5 {
    padding-top: 5px;
  }

/* Contour forms
----------------------------------------------------------------------------------------------------*/

  #contour
  {
    margin: 0;
    padding: 0;
  }

  #contour div
  {
    width: auto;
    margin-bottom: 15px;
  }

  #contour .contourPageName
  {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  
  #contour .contourField div label
  {
    float: left;
  }
  
  #contour label.fieldLabel
  {
    float: left;
    font-weight: bold;
    width: 250px;
    padding: 5px;
    padding-left: 0;
  }
  #contour small
  {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 16px;
    display: block;
    float: left;
    clear: both;
    padding: 0 0 0 255px;
    margin-top: -10px;
  }
  
  
  #contour fieldset
  {
    padding: 0;
    margin: 0;
    border: none !Important;
  }
  
  #contour legend
  {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2em;
    display: block;
    padding-bottom: 16px;
  }
  
  #contour input.text, #contour input.title, #contour textarea, #contour select
  {
    float: left;
    border: 1px solid #ccc;
    margin-right:0;
    font-size: 11px;
    /*CSS3*/
    -moz-border-radius: 3px;
    border-radius: 3px;  
  }

  #contour input.text:focus, #contour input.title:focus, #contour textarea:focus, #contour select:focus
  {
    border: 1px solid #666;
  }

  #contour input.text, #contour textarea
  {
    width: 344px !important;
    padding-left: 3px;
    padding-right: 3px;
  }

  #contour textarea
  {
    height: 250px;
  }

  #contour select
  {
    padding: 1px;
    width: 352px !important;
    height: 25px;
  }

  #contour input.fileupload
  {
    height: 25px !important;
    border: none;
    padding: 0;
    margin: 0;
  }
  
  #contour span.checkboxlist, #contour span.radiobuttonlist, #contour span.checkbox
  {
    display: block;
    float: left;
    padding: 5px 0;
  }
  
  #contour .checkboxlist input, #contour .radiobuttonlist input, #contour .checkbox input
  {
    width: auto !important;
    height: auto !important;
    border: none !important;
    float: left !important;
    margin-right: 10px;
    clear: left;
  }

  #contour .checkboxlist label, #contour .radiobuttonlist label, #contour .checkbox label
  {
    margin: 3px 0 12px 0;
  }
  
  #contour .hiddenfield
  {
      display:none;
  }

  #contour .contourButton
  {
    margin: 0 0 10px 255px;
    padding: 0 20px;
    height: 26px;
    color: #fff;
    background: #8F191B;
    border-color: #8F191B;
    cursor: pointer;
    width: auto;
    font-size: 12px;
    line-height: 16px;
      
    /*CSS3*/
    -moz-border-radius: 5px;
    border-radius: 5px;  
  }
  #contour .contourErrorMessage
  {
    padding: .8em;
    margin-bottom: .5em;
    border: 2px solid #FBC2C4;
  }
  #contour .contourErrorMessage, #contour .contourError
  {
    background: #FBE3E4;
    color: #8a1f11;
  }
  #contour input.contourError, #contour textarea.contourError
  {
    background: #FBE3E4;
    border-color: #FBC2C4;
  }
  
  #contour span.contourError
  {
    clear: both;  
    color: #8a1f11 !important;
    background: transparent !important;
    font-size: 12px;
    line-height: 30px;
  }

  #contour .email {
    display: inherit;
    float: none;
    width: auto;
    padding-left: 0;
    background: none;
  }




/* FMB properties above, Dynamica below */

BODY
{
  font-family: 'proxima-nova', "Times New Roman", Times, serif;
overflow: -moz-scrollbars-vertical;
}

OPTION
{
padding-top: 2px;
padding-bottom: 2px;
}



.grid_12 IMG
{
display: inline;
}


#conradregister

{

}

#conradregister h3

{
color:#ffffff;
padding:5px;
}

#conradregister TH
{
text-align: left;
Font-family:	'proxima-nova',"Times New Roman",Times,serif;
vertical-align: top;

padding-top: 5px;
padding-bottom: 5px;
}

#conradregister TD
{
text-align: left;
Font-family:	'proxima-nova',"Times New Roman",Times,serif;
vertical-align: top;

padding-top: 5px;
padding-bottom: 5px;
}

#logintable TH, #alerttable TH
{
text-align: left;
Font-family:	'proxima-nova',"Times New Roman",Times,serif;
font-weight: bold;

padding-top: 5px;
padding-bottom: 5px;
padding-right: 8px;
vertical-align: top;
}

#logintable TH SPAN, #alerttable TH SPAN
{
font-weight: normal;
}
#logintable TD, #alerttable TD
{
text-align: left;
Font-family:	'proxima-nova',"Times New Roman",Times,serif;

padding-top: 5px;
padding-bottom: 5px;
}
.cform_checkbox
{
margin-top: 10px;
margin-bottom: 10px;
}

.cform_checkbox
{
margin-top: 10px;
margin-bottom: 10px;
}

.cform_checkbox INPUT, .tickbox
{

}

.cform_checkbox SPAN, .ticktext
{
margin-left:5px;
}

#typeofwork

{

float:left;

}
.LoginWithSocial h1

{
	margin-top:1em;
}


.LoginWithSocial {
    display: block;
    clear: both;
    margin-bottom: 20px;
}
.LoginWithSocial a{
    margin-right: 5px;
}
.LoginWithSocial a img{
    max-width: 190px;
    display: inline-block; 
}
.LoginWithSocial a:hover{
    opacity: 0.85;
}

.LoginWithSocial{
  a.LoginSocialButton{
    opacity: 1;
    display: inline-block;
    width: 200px;
    cursor: pointer;
    &:hover{
      opacity: 0.85;
    }
  }
}


.salaryselect

{
width:200px !important;
}

.personalprofile

{

width:100% !important;
}

.jobboxgreystripe
{
clear: both;
font-weight: bold;
Font-family: 'proxima-nova',"Times New Roman",Times,serif;
line-height: 1.8em;
font-size: 16px;
}

.bylang
{
Font-family: 'proxima-nova',"Times New Roman",Times,serif;
line-height: 1.8em;
font-size: 12px;
}


.clearer
{
clear: both;
}

.browsebysector-holder

{
width:990px;
margin:auto;



}

.browsebysector-holder h3

{

color:#ffffff;
font-size:1.6em;
}


.browsebysector

{
background:#A8A9AB;
margin:auto;
width:100%;
overflow:hidden;
margin-top:50px;
padding-bottom:10px;
color:#ffffff;

}


.browsebysector a

{
color:#ffffff;
font-size:0.8em;
}

.browsebysector a:hover

{
	/*text-decoration:underline;*/
}

.browsebysector ul

{
margin:0px;
padding:0px;
}


.browsebysector li

{
list-style:none;
margin:0px;
padding:0px;
padding-bottom:5px;
}


#browsebysector-column1, #browsebysector-column2, #browsebysector-column3, #browsebysector-column4,#browsebysector-column5 

{
/* width:188px; */
min-width: 140px;
max-width: 142px;
float:left;
margin-right:10px;

}

#browsebysector-column1
{
/* width:188px; */
min-width: 148px;
max-width: 148px;
float:left;
margin-right:10px;

}

#browsebysector-column3
{
/* width:188px; */
min-width: 154px;
max-width: 154px;
float:left;
margin-right:10px;

}

#browsebysector-column6
{
/* width:188px; */
min-width: 200px;
max-width: 200px;
float:left;
margin-right:10px;

}



#browsebysector-column1 h3, #browsebysector-column2 h3, #browsebysector-column3 h3, #browsebysector-column4 h3,#browsebysector-column5 h3,#browsebysector-column6 h3

{
color:#ffffff;
padding-left:4px;
padding-top:4px;
font-size:1.1em;

}



.slide h2

{
color:#ffffff;
padding-top:0.5em;
padding-bottom:0.5em;
}

.slide h3
{
	padding-top:0.5em;
padding-bottom:0.5em;
}

h2#civil

{
background:rgba(156, 51, 110, 0.8);
box-shadow: -0.4em 0 0 rgba(156, 51, 110, 0.8);
}

h3#civil

{
background:rgba(156, 51, 110, 0.8);
box-shadow: 0.5em 0 0 rgba(156, 51, 110, 0.8);
}

h3.regjobtitles#civil

{
background:rgba(156, 51, 110, 1);
box-shadow: 0.5em 0 0 rgba(156, 51, 110, 1);
}



 a.civil

{
background:rgba(156, 51, 110, 1);

}



.slide span#civil

{
	box-shadow: 0.5em 0 0 rgba(156, 51, 110, 0.8),-0.5em 0 0 rgba(156, 51, 110, 0.8);
	background:rgba(156, 51, 110, 0.8);
}


h2#construction

{
background:rgba(250, 181, 0, 0.8);

box-shadow: -0.4em 0 0 rgba(250, 181, 0, 0.8);


}

h3#construction

{
background:rgba(250, 181, 0, 0.8);

box-shadow: 0.5em 0 0 rgba(250, 181, 0, 0.8);


}

h3.regjobtitles#construction

{
background:rgba(250, 181, 0, 1);

box-shadow: 0.5em 0 0 rgba(250, 181, 0, 1);


}

 a.construction

{
background:rgba(250, 181, 0, 1);


}

.slide #construction

{
background:rgba(250, 181, 0, 0.8);


}

.slide span#construction 

{
	box-shadow: 0.5em 0 0 rgba(250, 181, 0, 0.8),-0.5em 0 0 rgba(250, 181, 0, 0.8);
	
	
}

a.building

{
background:rgba(234, 88, 13, 1);
}

h2#building

{
background:rgba(234, 88, 13, 0.8);
box-shadow:-0.4em 0 0 rgba(234, 88, 13, 0.8)
}


h3#building

{
background:rgba(234, 88, 13, 0.8);
box-shadow:0.5em 0 0 rgba(234, 88, 13, 0.8)
}

h3.regjobtitles#building

{
background:rgba(234, 88, 13, 1);
box-shadow:0.5em 0 0 rgba(234, 88, 13, 1)
}

.slide span#building

{
	box-shadow: 0.5em 0 0 rgba(234, 88, 13, 0.8),-0.5em 0 0 rgba(234, 88, 13, 0.8);
	background:rgba(234, 88, 13, 0.8);
}

a.surveying

{
	background:rgba(5, 36, 83, 1);
}


h2#surveying

{
	background:rgba(5, 36, 83, 0.8);
	box-shadow:-0.4em 0 0 rgba(5, 36, 83, 0.8);
}


h3#surveying

{
	background:rgba(5, 36, 83, 0.8);
	box-shadow:0.5em 0 0 rgba(5, 36, 83, 0.8);
}

h3.regjobtitles#surveying

{
	background:rgba(5, 36, 83, 1);
	box-shadow:0.5em 0 0 rgba(5, 36, 83, 1);
}

.slide span#surveying

{
	box-shadow: 0.5em 0 0 rgba(5, 36, 83, 0.8),-0.5em 0 0 rgba(5, 36, 83, 0.8);
	background:rgba(5, 36, 83, 0.8);
}


a.environmental

{
	background: rgba(152, 155, 6, 1);
}


h2#environmental

{
	background: rgba(152, 155, 6, 0.8);
	box-shadow: -0.4em 0 0 rgba(152, 155, 6, 0.8);
}


h3#environmental

{
	background: rgba(152, 155, 6, 0.8);
	box-shadow: 0.5em 0 0 rgba(152, 155, 6, 0.8);
}

h3.regjobtitles#environmental

{
	background: rgba(152, 155, 6, 1);
	box-shadow: 0.5em 0 0 rgba(152, 155, 6, 1);
}

.slide span#environmental

{
	box-shadow: 0.5em 0 0 rgba(152, 155, 6, 0.8),-0.5em 0 0 rgba(152, 155, 6, 0.8);
	background: rgba(152, 155, 6, 0.8);
}

a.architectural

{
background:rgba(1, 172, 198, 1);
}


h2#architectural

{
background:rgba(1, 172, 198, 0.8);
box-shadow:-0.4em 0 0 rgba(1, 172, 198, 0.8);
}


h3#architectural

{
background:rgba(1, 172, 198, 0.8);
box-shadow:0.5em 0 0 rgba(1, 172, 198, 0.8)
}

h3.regjobtitles#architectural

{
background:rgba(1, 172, 198, 1);
box-shadow:0.5em 0 0 rgba(1, 172, 198, 1)
}




.slide span#architectural

{
	box-shadow: 0.5em 0 0 rgba(1, 172, 198, 0.8),-0.5em 0 0 rgba(1, 172, 198, 0.8);
	background:rgba(1, 172, 198, 0.8);
}




h3#hidden_tab,  .slide #hidden_tab, a.hidden_tab, bx-pager #hidden_tab

{
display: none;

}


.regjobtitles

{
	opacity:1 !important;
}


#conradregister h3 span
{
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    content: " ";
    height: 0;
float:right;
	bottom:-28px;
	margin-right:0px;
	position:relative;

}

#conradregister h3#civil span
{
    
 border-top:10px solid #9C336E;
}



#conradregister h3#construction span
{
 
 border-top:10px solid #FAB500;

}

#conradregister h3#building span
{
 
 border-top:10px solid #EA580D;

}


#conradregister h3#surveying span
{
 
 border-top:10px solid #052453;

}

#conradregister h3#environmental span
{

	border-top: 10px solid #989B06;

}

#conradregister h3#architectural span
{
 
 border-top:10px solid #01ACC6;

}

.nowrap-link {
	white-space: nowrap;
	overflow: hidden; /* Hide overflow */
	text-overflow: ellipsis; /* Show ellipsis if text overflows */
	display: block; /* Optional based on layout needs */
	/*width: 100%;*/ /* Optional based on layout needs */
}

.link-architectural
{
 
 background: #01ACC6!important;

}

.link-architectural:hover, .link-civil:hover, .link-construction:hover, .link-building:hover, .link-surveying:hover, .link-environmental:hover
{

	background: #323232!important;

}
.link-civil
{
 
 background: #9C336E!important;

}

.link-construction
{
 
 background: #FAB500!important;

}


.link-building
{
 
 background: #EA580D!important;

}
.link-surveying
{
 
 background: #052453!important;

}

.link-environmental
{

background: #989B06!important;

}







 #bx-pager a span
{
    border-left: solid transparent 15px;
    border-right: solid transparent 15px;
    content: " ";
    height: 0;
	bottom:-20px;
	right:5px;
	position:absolute;
	z-index:10000;
	font-weight:2em;

}

 #sector-tabs a span
{
    border-left: solid transparent 15px;
    border-right: solid transparent 15px;
    content: " ";
    height: 0;
	bottom:-20px;
	right:5px;
	position:absolute;
	z-index:10000;
	font-weight:2em;

}



#sector-tabs {

font-family: 'Josefin Sans';

}


.slider-tabs

{
	bottom:3%;
left: 0;
	right: 0;
position:absolute;
text-align:center;
display:none;
}

.footer-tabs

{

left: 0;
	right: 0;
position:relative;
text-align:center;
}


/* to fix issue with latest jobs encroaching into latest vacancies on sector home pages */

.sector-home-tabs

{
	position:relative !important; 
}


#sector-tabs a, .sector-link a {
	text-transform: uppercase;
	margin: 0 5px;
margin-bottom:10px;
	color:#ffffff;
	padding:0.5em;
	font-weight:bold;
	font-size:1em;
    display: inline-block;
	position:relative;
	 border: 5px solid rgba(0, 0, 0, 0.0);


}

 #sector-tabs a:hover, .sector-link a:hover
  {
	border: solid #ffffff 5px;
	text-decoration:none;
}

 #sector-tabs a.active {
	border: solid #ffffff 5px;
}



#browsebysector-column1 h3 span, #browsebysector-column2 h3 span, #browsebysector-column3 h3 span, #browsebysector-column4 h3 span, #browsebysector-column5 h3 span, #browsebysector-column6 h3 span
{
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    content: " ";
    height: 0;
float:right;
	bottom:-30px;
	margin-right:5px;
	position:relative;

}


.sector-link span
{
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    content: " ";
    height: 0;
float:right;
	bottom:-29px;
	margin-right:0px;
	position:relative;

}




#browsebysector-column1 h3 span#civil, #browsebysector-column6 h3 span#civil,  #bx-pager a.civil span,  #sector-tabs a.civil span, .sector-link a.civil span
{
 
 border-top:20px solid #9C336E;

}

#browsebysector-column2 h3 span#construction, #bx-pager a.construction span, #sector-tabs a.construction span, .sector-link a.construction span
{
 
 border-top:20px solid #FAB500;

}

#browsebysector-column3 h3 span#building, #bx-pager a.building span, #sector-tabs a.building span, .sector-link a.building span
{
 
 border-top:20px solid #EA580D;

}


#browsebysector-column5 h3 span#surveying, #bx-pager a.surveying span, #sector-tabs a.surveying span, .sector-link a.surveying span
{
 
 border-top:20px solid #052453;

}

#browsebysector-column5 h3 span#environmental, #bx-pager a.environmental span, #sector-tabs a.environmental span, .sector-link a.environmental span
{

	border-top: 20px solid #989B06;

}

#browsebysector-column4 h3 span#architectural, #bx-pager a.architectural span,  #sector-tabs a.architectural span, .sector-link a.architectural span
{
 
 border-top:20px solid #01ACC6;#01ACC6;

}

.vacancy-qty

{
margin-left:5px;
}






#header-spacer

{
height:25px;
}

blockquote {
quotes:"\201C" "\201D";
font-style:normal;
      font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
		font-size:1.3em;
		margin-bottom:1em;
		line-height:30px;
		  color:#323232;
		  letter-spacing:-.5px;

}
blockquote:before, blockquote:after {
font:bold 45px/1px 'proxima-nova', 'proxima-nova';
position:absolute;
color:#9C336E;
}
blockquote:before {
content:open-quote;
margin:15px 0 0 -25px;
}
blockquote:after {
content:close-quote;
margin:23px 0 0;
}

cite

{
font-size:1em;
font-style:normal;
margin-left:0px;
margin-top:1em;
color:#9C336E;
font-weight:bold;
}

.read-more, .read-less

{
display:block;
font-size:1.2em;
}

.jobresults

{
margin-right:-25px;
}

.jobresults ul

{
padding:0px;
margin:0px;
}

.jobresults li

{
list-style:none;
margin:0px;
padding:0px;
width:47%;
float:left;
height:280px;
margin-right:20px;
margin-bottom:30px;
background:#ffffff;
padding:10px;
position:relative;
border: 1px solid #ececec;

}

.jobresults li h2

{
/* font-size:1.4em;*/
font-weight:normal;
padding-top: 10px;
}

.jobresults li h3

{
font-size:1.1em;
font-weight:normal;
margin-top:2px;
margin-bottom:2px;
padding:0px;
}

.jobresults li#surveying h2 a, .jobresults li#surveying h3

{
	color:#052453;
}

.jobresults li#environmental h2 a, .jobresults li#environmental h3

{
	color: #989B06;
}

.jobresults li#civil h2 a, .jobresults li#civil h3

{
color:#9C336E;
}


.jobresults li#building h2 a, .jobresults li#building h3

{
color:#EA580D;
}


.jobresults li#construction h2 a, .jobresults li#construction h3

{
color:#FAB500;
}


.jobresults li#architectural h2 a, .jobresults li#architectural h3

{
color:#01ACC6;
}



.jobresults li p.more-button a

{
display:block;
margin-left:-10px;;
padding:5px;
padding-right:0px;
color:#ffffff;
text-align:right;
right:0px;
bottom:0px;
position:absolute;
width:100%;

}


.jobresults li p.more-button a:hover

{
	/*text-decoration:underline;*/

}
.jobresults li p.more-button a strong

{

margin-right:-10px;
font-weight:normal;

}

.jobresults li p.more-button a strong:hover

{

	font-weight: 600;

}

.jobresults h2 a:hover {
	color: #283132!important;
	font-weight: normal;
}

.jobresults li#notfound

{
	background: #9C336E;
	

}

.jobresults li#notfound p,.jobresults li#notfound a  {
	color: white !important;
}


.jobresults li#notfound p.more-button a span {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid #9C336E 10px;
	bottom: -34px;
	bottom: -32px;
	content: " ";
	height: 0;
	right: 4px;
	position: relative;
}
 
.jobresults li#civil p.more-button a, .topmenu ul li#civil > a, .topmenu li#civil > a

{
background:#9C336E;

}

.jobresults li#construction p.more-button a, .topmenu ul li#construction > a, .topmenu li#construction > a

{
background:#FAB500;

}

.jobresults li#building p.more-button a, .topmenu ul li#building > a, .topmenu li#building > a

{
background:#EA580D;
}

.jobresults li#surveying p.more-button a, .topmenu ul li#surveying > a, .topmenu li#surveying > a

{
	background:#052453;
}

.jobresults li#environmental p.more-button a, .topmenu ul li#environmental > a, .topmenu li#environmental > a

{
	background: #989B06;
}

.jobresults li#architectural p.more-button a, .topmenu ul li#architectural > a, .topmenu li#architectural > a

{
background:#01ACC6;

}

.jobresults li#conradconnect p.more-button a, .topmenu ul li#conradconnect > a, .topmenu li#conradconnect > a

{
	background: #052453;

}

.jobresults li#surveying p.more-button a span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
	border-top: solid #052453 10px;
    bottom: -34px;
    bottom: -32px;
    content: " ";
    height: 0;
    right: 4px;
    position: relative;
}
.jobresults li#surveying p.more-button a:hover span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
	border-top: solid #052453 10px;
    bottom: -34px;
    bottom: -32px;
    content: " ";
    height: 0;
     right: 4px;

    position: relative;
    width: 0;
}
 
 
 .jobresults li#environmental p.more-button a span {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid #989B06 10px;
	bottom: -34px;
	bottom: -32px;
	content: " ";
	height: 0;
	right: 4px;
	position: relative;
}
.jobresults li#environmental p.more-button a:hover span {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid #989B06 10px;
	bottom: -34px;
	bottom: -32px;
	content: " ";
	height: 0;
	right: 4px;

	position: relative;
	width: 0;
}
 
 .jobresults li#civil p.more-button a span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #9C336E 10px;
    bottom: -34px;
    bottom: -32px;
    content: " ";
    height: 0;
    right: 4px;
    position: relative;
}
.jobresults li#civil p.more-button a:hover span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #9C336E 10px;
    bottom: -34px;
    content: " ";
    height: 0;
     right: 4px;

    position: relative;
    width: 0;
}
  
  .jobresults li#building p.more-button a span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #EA580D 10px;
    bottom: -34px;
    bottom: -32px;
    content: " ";
    height: 0;
    right: 4px;
    position: relative;
}
.jobresults li#building p.more-button a:hover span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #EA580D 10px;
    bottom: -34px;
    bottom: -32px;
    content: " ";
    height: 0;
     right: 4px;

    position: relative;
    width: 0;
}
  
  
  .jobresults li#construction p.more-button a span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #FAB500 10px;
    bottom: -34px;
    bottom: -32px;
    content: " ";
    height: 0;
    right: 4px;
    position: relative;
}
.jobresults li#construction p.more-button a:hover span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #FAB500 10px;
    bottom: -34px;
    bottom: -32px;
    content: " ";
    height: 0;
     right: 4px;

    position: relative;
    width: 0;
}
  
  .jobresults li#architectural p.more-button a span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #01ACC6 10px;
    bottom: -34px;
    bottom: -32px;
    content: " ";
    height: 0;
    right: 4px;
    position: relative;
}
.jobresults li#architectural p.more-button a:hover span {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #01ACC6 10px;
    bottom: -34px;
    bottom: -32px;
    content: " ";
    height: 0;
     right: 4px;

    position: relative;
    width: 0;
}

.browsejobsbysector {
	/*margin-top: 30px;*/
}
 
 .jobsbyemail
{
	font-size: 16px;
	margin-bottom: 10px;
}

 .jobsbyemail a
{
	font-weight: 800;
border-radius: 25px;
padding: 10px;
background-color: #9C336E;
color:white;
}


.jobdetails-ref

{
font-size: 10px;
}

.jobdetails hr

{
height:1px;
border:0px;
}

.jobdetails h3

{
margin-bottom:0px;
margin-top:5px;
}


#jobdetails-box

{
# background:#ffffff;
background: rgba(246, 246, 246, 0.8); 
padding:10px;
margin-top:20px;

}


#jobdetails-box span
  
  {
   border-left: solid transparent 30px;
    border-right: solid transparent 30px;
    border-top: solid #ffffff 30px;
    bottom: -55px;
    content: " ";
    height: 0;
    right: -208px;
    position: relative;
  }
  

#jobdetails-content

{

}

#indeed-apply

{

margin-top:10px;

}



.jobdetails-civil h3, .jobdetails-civil a, .jobdetails-civil h2, .jobdetails-civil hr, h1.jobdetails-civil

{
color:#9C336E;


}
.jobdetails-civil hr

{
background-color:#9C336E;
color:#9C336E;
}


.jobdetails-construction h3, .jobdetails-construction a, .jobdetails-construction h2, h1.jobdetails-construction

{
color:#FAB500;

}

.jobdetails-construction  hr

{
background-color:#FAB500;
color:#FAB500;
}


.jobdetails-building h3, .jobdetails-building a, .jobdetails-building h2, h1.jobdetails-building

{
color:#EA580D;
}

.jobdetails-building  hr

{
background-color:#EA580D;
color:#EA580D;
}


.jobdetails-surveying h3, .jobdetails-surveying a, .jobdetails-surveying h2, h1.jobdetails-surveying

{
	color:#052453;
}

.jobdetails-surveying  hr

{
	background-color:#052453;
	color:#052453;
}

.jobdetails-environmental h3, .jobdetails-environmental a, .jobdetails-environmental h2, h1.jobdetails-environmental

{
	color: #989B06;
}

.jobdetails-environmental  hr

{
	background-color: #989B06;
	color: #989B06;
}

.jobdetails-architectural h3, .jobdetails-architectural a, .jobdetails-architectural h2, h1.jobdetails-architectural

{
color:#01ACC6;

}

.jobdetails-architectural  hr

{
background-color:#01ACC6;
color:#01ACC6;
}




#admincontainer

{
padding-top:30px;
padding-bottom:30px;
}


.darkbluechead, .lightblue
{
 background-color: #eee;
}


#admin-right

{
width:300px;
text-align:right;
float:right;
font-size:1.2em;
}

.gridcontainer{
	
	line-height: 50px;	
}

.gridcontainer span#candname {
	    font-size: 28px;
    line-height: 30px;
    color: #323232;
    font-weight: 700;
    text-transform: uppercase;
	
}

.gridcontainer span#faicons {
	font-size: 28px;
	padding-right: 10px;
	color: #9C336E;
    /*line-height: 30px;
    color: #323232;
    font-weight: 700;
    text-transform: uppercase;*/
	
}

.gridcontainer span#profiletitle,.gridcontainer span#profiletext {
	/*font-size: 28px;*/
	line-height: 30px;
	float: left;
	clear: left;
}

.gridcontainer span#profiletext {
	line-height: 1.4em;
}

.recruiter-sectors, .status-on-off
  
  
 {
position:relative;
 }
  
    .recruiter-sectors ul,.status-on-off ul
  
  
 {
margin:0px;
padding:0px;


 }
  
    
  .recruiter-sectors li, .status-on-off li
  
  
 {
 list-style:none;
 margin:0px;
padding:0px;
color:#ffffff;
padding:6px;
#padding-bottom:1em;
margin-bottom:1px;
position:relative;


 }
 
   .recruiter-sectors li a
  
  
 {

color:#ffffff;

 }
 
   .recruiter-sectors li a:hover
  
  
 {
	 /*text-decoration:underline;*/

 }
 

 
 
 .recruiter-sectors li#view-all
 
 {
 background:#A3A7AA
 }
 

 
 .recruiter-sectors li#civil

{
background:#9C336E;

}

.recruiter-sectors li#construction

{
background:#FAB500;

}

.recruiter-sectors li#building

{
background:#EA580D;
}

.recruiter-sectors li#surveying

{
	background:#052453;
}

.recruiter-sectors li#environmental

{
	background: #989B06;
}

.recruiter-sectors li#architectural

{
background:#01ACC6;

}


.recruiter-sectors li span
{
    border-left: solid transparent 20px;
    border-right: solid transparent 20px;
    content: " ";
	float:right;
	bottom:-20px;
	right:10px;
	margin-right:5px;
	position:absolute;


}


.recruiter-sectors li#view-all span
{
 
 border-top:20px solid #A3A7AA;

}


.recruiter-sectors li#civil span
{
 
 border-top:20px solid #9C336E;

}

.recruiter-sectors li#construction span
{
 
 border-top:20px solid #FAB500;

}

.recruiter-sectors li#building span
{
 
 border-top:20px solid #EA580D;

}
  
  
  .recruiter-sectors li#architectural span

{
 border-top:20px solid #01ACC6;

}

.status-on-off {
	text-align:center;
	width: 150px;
    float:left;
    padding-right:10px;
}

 .status-on-off li#on

{
background:#323232;

}

 .status-on-off li#off

{
background:#ccc;

}

.ckeditor

{
	background:#ffffff;
}

ul.quote-list

{
margin:0px;
padding:0px;
}

.quote-list li

{
margin:0px;
padding:0px;
list-style:none;
}

.quotee

{

padding-top:10px
}


.searchvacancies-mobile

{
display:none;
}



#formelement

{
display:block;
clear:both;
margin-bottom:5px;
padding-top:5px;
}

#formelement label

{
display:block;
margin-bottom:2px;
}


#formelement input[type=text],input[type=password],input[type=file]


{
width:100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
      border: 1px solid #D3DEED;
    text-align: left;
    white-space: nowrap;
 
    text-decoration: none;
		 -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
  -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
  box-shadow: inset 2px 2px 2px 0px #dddddd;
padding:0.8em;
  
    border-radius: 2px;
    background-color: #fff;
}


#formelement select


{
width:100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
       border: 1px solid #D3DEED;
    text-align: left;
    white-space: nowrap;
 
    text-decoration: none;
		 -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
  -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
  box-shadow: inset 2px 2px 2px 0px #dddddd;
padding:0.6em;
  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 8px;
	  background: #ffffff url(/conrad/images/arrow.png) no-repeat;
	  background-position: right 20px top 10px;
}


#formelement #ms


{
width:100% !important;

}

.register-jobtitles ul

{margin:0px;
padding:0px;
float:left;
width:50%;
clear:both;
}

.register-jobtitles li

{list-style:none;
margin:0px;
padding:0px;
padding-bottom:2px;
padding-top:2px;
}


.register-jobtitles input[type=checkbox]
{
line-height:20px;
}

.salaryselection

{
margin-top:10px;
}


#searchboxbutton

{
display:none;
}


#footer-tel
{
	text-align:right;
}




.sector-home

{
	color:#ffffff;
	font-weight:800;
	font-size:1.1em;
	line-height:1.2em;
}



.sector-home img

{
	    min-height: 250px;
    min-width: 100%;
	max-height:600px;
    object-fit: cover;
    width: 100%;
}
.sector-home h1

 {
  animation-duration: 2s;
  animation-name: slidein;
  color:#ffffff;
	text-align:center;
	font-weight:800;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
	
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}



.homeintro
{
	margin-top:2em;
}

.homeintro p {
	text-align: justify;
}

.homeintro .fa-prev

{
font-size:4em;
color:#01ACC6;
float:right;
margin-left:0.5em;
}

.ourpeople-contact {
	text-align: center;
	width:100%;
}

.ourpeople-hr

{
padding-bottom:1em;
}


.ourpeople-phone, .jobdetails-phone

	{
	padding-bottom:1em;
	width:100%;
	}
	
	.ourpeople-phone .fa

	{
	font-size:1.4em;
	
	}

 .ourpeoplebox .fa

	{
	font-size:8em;
	color:#01ACC6;
	margin-left:0em;
	margin-top: 20px;
	}

/* Our people landing page styles*/
.filterDiv {
	/*float: left;
	background-color: #2196F3;
	color: #ffffff;
	width: 100px;
	line-height: 100px;
	text-align: center;
	margin: 2px;*/
	display: none;
}

.show {
	display: block;
}

/* Style the buttons */


#myBtnContainer

{
	padding-left:0.7em;
}


.btn {
	border: none;
	outline: none;
	padding: 12px 16px;
	/*color: #ffffff;
	background-color: #f1f1f1;
	cursor: pointer;
	padding: 0.4em;*/
	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	margin-bottom: 0.2em;
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
}

.btn:hover {
	background-color: #ddd;
}

.btn.active {
	background-color: #666;
	color: white;
}

.homeintro .client-image, .homeintro .client-image IMG

{
float:right;
margin-left:0.5em;
width:160px;

}

.show_hide

{
	display:none;
}

/* 
#slidingDiv-filter-sector
{
	display:none;
}

#slidingDiv-filter-jobtitle
{
	display:none;
}


#slidingDiv-filter-location
{
	display:none;

}
*/





#slidingDiv-expander
{
	display:none;
}

#slidingDiv-sectors
{
	display:none;
}






.slidingDiv

{
	display:inline-block;
}

	

  .search-button {
	padding: 0 15px;
	margin: 0;
	border: none;
	border: 0;
	line-height: 2em;
	color: #fff;
	background: #323232;
	border-color: #323232;
	font-weight: normal;
	cursor: pointer;
	width: auto;
	font-size: 1.2em;
	text-align: right;


}


.search-button-filter {
	/*padding: 0 15px;*/
	margin: 0;
	margin-top: 20px;
	border: none;
	border: 0;
	line-height:2em;
	color: #323232;
	/*background: #323232;*/
	/*border-color: #323232;*/
	font-weight: bold;
	cursor: pointer;
	width: auto;
	font-size: 1.2em;
	text-align:left;  
	border-bottom: solid 1px #d3d3d3;
}
		
		
		.show_hide_filter {
    display: block;
	margin-bottom:2px;
	
}


		
		
		
   .expand-button {
      padding: 0 0 0 0;
      margin: 0;
/*      border: none;
      border: 0;*/
 line-height:2em;
      color: #000 !important;
      /* background: #fff;
      border-color: #323232; */
      font-weight: normal;
      cursor: pointer;
      width: auto;
      font-size: 1.2em;
 
   
        }
    
    .search-button:hover {
      background: #636365;
	  text-decoration:none;
	  color:#ffffff;
    }  

.ourpeopleimg

{
	width:100%;
	
}

.ourpeoplethumb

{
width:100%;
	object-fit: cover;
height:100%;

}


.ourpeoplebox-wrapper
{
	margin-top:1em;
	margin-bottom:1em;
}

.ourpeoplebox-img
{

}



.blog-box img
{
	width:100%;
	object-fit: cover;
height:100%;
}

.blog-list

{
	

	
}

.blog-box-date

{
font-size:0.9em;
padding-bottom: 15px;
}


.blog-box-container
{
	
}

.filter-by-type-blog

{

}
 



h3.filter-blog

{
	margin-top:0;
}

.blog-box

{

  

	 

}

.blog-box .buttonlink

{
	
}

.blog-article img
{
	max-width:100%;
	height:auto !important;
}



.consultants-thumb

{
	width:100%;
	padding-top: 20px !important;

}


.browse-jobs-title
{
	width:100%;

}


.browse-jobs-title li
{
	list-style:none;
	margin:0px;
	padding:0px;
		margin-bottom:3px;

}

.browse-jobs-title li A
{

	line-height:2em;
	padding:0.4em;
	color:#ffffff;
	font-weight:800;
	font-size:1em;


	}
	

.browse-jobs-title a:hover {
	color: #ffffff;
	/*text-decoration:underline;*/
	cursor: pointer;
	background: #323232;
}
	

.browse-jobs-title ul

{
  
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    margin: 0px;
    padding: 0px;
    margin-top: 1em;
	font-weight:700;
	
	
}

.nojobs {
	background: lightgray!important;
}

button.accordion.nojobs::after, button.accordion.onejob::after {
	content: none !important;
}




.accordion.nojobs  {
	pointer-events: none; /* Disables click events on the button */
	cursor: default; /* Resets the cursor style */
}



.filter-results
{
	width:100%;

}


.filter-results li
{
	list-style:none;
	margin:0px;
	padding:0px;
	/*margin-bottom:3px;*/
/*background-color: #eee;*/
color: #283132;
    cursor: pointer;
    /*padding: 5px;*/
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
}

/* Apply flex to the link so label left + count right */
.filter-results ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 10px;
	text-decoration: none;
	color: inherit; /* keep existing text colour */
	font-weight: 600;
}

/* Optional: make the sector name take up remaining space */
.filter-results .vacancy-label {
	flex: 1;
}



/* Parent toggle row */
.accordion-toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .75rem;
	padding: .6rem .75rem;
	width: 100%;
	border: none;
	background: none;
	cursor: pointer;
	text-align: left;
	font-size: 1rem;
	font-weight: 600;
}

/* Links in panel (parent + subs) */
.panel .filter-results ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .75rem;
	padding: .45rem .75rem;
	text-decoration: none;
	color: inherit;
}


/* In case some browsers ignore [hidden] */
[hidden]{
	display: none !important;
}


/* Rounded badge for job counts */
.filter-results .vacancy-qty, .vacancy-qty {
	/*background: #9C336E;   /* brand colour */
	color: #283132;
	border-radius: 999px;  /* pill/round shape */
	padding: 4px 10px;
	font-size: 0.8em;
	font-weight: normal;
	min-width: 24px;       /* ensures at least circle shape */
	text-align: center;
	line-height: 1.2;
	border: solid 1px #d3d3d3;
	white-space: nowrap;
}
	
.filter-results li#surveying a, .filter-results li#surveying

{
	background:unset;
color: #052453;
}

.filter-results li#environmental a, .filter-results li#environmental

{
	background:unset;
	color: #989B06;
}

.filter-results li#civil a, .filter-results li#civil

{
	background:unset;
color:#9C336E;
}

.filter-results li#construction a, .filter-results li#construction

{
	background:unset;
color:#FAB500;
}

.filter-results li#building a, .filter-results li#building

{
	background:unset;
color:#EA580D;
}

.filter-results li#architectural a, .filter-results li#architectural

{
	color:#01ACC6;
	background:unset;
}

.filter-results ul

{
  
 
    margin: 0px;
    padding: 0px;
    margin-top: 0em;

	
	
}



.location-filter-heading

{
	font-weight:bold;
	background:#B4B4B4; 
	padding:0.3em;
}




.linkedin
{

	margin-top:0.5em;
	
}


a.sector-page-view-consultant
{
line-height:2em;
	padding:0.7em;
	color:#ffffff;
	font-weight:800;
	font-size:1.1em;
	cursor: pointer;
	margin-bottom:0.2em;
	
}

a.sector-page-view-consultant:hover
{
	background: #323232;

}

.sectoraccordion {
	color: #eee!important;
	width: unset!important;
}

button.accordion.sectoraccordion:after {
	content: '\002B'; /* Unicode character for a plus symbol */
	color: #eee;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	margin-bottom:3px;
	font-weight:bold;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

ul.sectoraccordionpanel {
	column-count: 1;
	margin-top: 0;
}

.paging b

{
     border: #323232 1px solid;	
	  line-height: 2em;
	  padding: 0 20px;
	      font-size: 1.2em;
}


.paging a

{
	padding: 0 20px;
    margin: 0;
    line-height: 2em;
    color: #fff;
    background: #323232;
    border-color: #323232;
    font-weight: normal;
    cursor: pointer;
    width: auto;
    font-size: 1.2em;
}


.paging a:hover
{
	  background: #636365;
	  text-decoration:none;
	  color:#ffffff;
}


.sharethis

{
	display: block;
    clear: both; /* Ensure it stays below floated content */
    width: 100%; /* Force it to span the full width of its container */
    margin-top: 20px; /* Add spacing */
	padding-bottom:3em;
	padding-top:1em;

	margin:auto;
	text-align:center;
}

.sharethis h3
{

	margin-bottom:0.2em;
}



.blog-box-read

{
	display:inline-block;
	float:right;
}


.locationbox

{

position:relative;



}


.contactmap

{
	
	
}




#slidingDiv-filter-salary, #slidingDiv-filter-type, #slidingDiv-filter-blog
{
    /*display: none;*/
	
}

#slidingDiv
{
	display:none;
}






	.show_hide

{
	display:block;
}

	

#slidingDiv{
	
	
	/*padding-bottom:10px;*/
}

@media (max-width: 1230px) {
.jobdetails-contact {
	width: 100%!important;
}
.fa-linkedin-square {
	margin-top: 10px;
}
}


/* ***************************************************************************************    Desktop + Tablet */

	@media screen and (min-width: 640px) {

#applynowdiv-mobile

{
	display:none;
}

.mobile-introtext

{
	display:none;
}

.sectors

{
	display:none;
}

.searchbox-wrapper

{
	text-align:center;
}


.blog-box-container
{
	margin-bottom:2em;
}

.blog-box-image

{
/*	height:250px;*/
		overflow:hidden;
		margin-bottom:0.5em;
}


.ourpeopletabselector

{
	    margin-bottom: -34px !important;
    /*margin-top: 2.6em;*/
}


.socialmedia-footer

{
	text-align:right;
	display: flex;
justify-content: flex-end;
}



	}


/* *******************************************************************************************      tablets portrait css */

@media only screen and (min-device-width : 832px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

.logo img

{
width:300px;
margin-top:0.5em;
}

.jobresults li

{
	height:280px;
	    width: 100%;
}




.jobresults li {
    
	
}



.searchbox select

{
	width:140px;
}

.searchbox input

{
	width:230px !important;
}

#searchbutton

{
	width:70px;
}



.blog-box

{

  



}

.box {
	padding: 1em;
}


.socialmedia-header

{
	

}




#social-media
{
	
}


#footer-tel
{
	text-align:left;
}
  
  
  .socialmedia-footer

{
	text-align:right;
	display: flex;
justify-content: flex-start;
}




}



/* *******************************************************************************************      tablets lanscape css */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	
/* Styles */

.blog-box

{

  



}

.logo img
{
	width:300px;
}



#cssmenu

{
	margin-left: -30px !important;
}


.searchbox-wrapper

{
	padding-top:1em;
	padding-bottom:1em;
	padding-left:0.2em;
	padding-right:0.2em;
	
}


#social-media

{
	
}

.fa-linkedin-square {

	/*margin-top: -7px;*/

}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

/* Styles */
.box {
	padding: 1em;
}
}


/* *******************************************************************************************      mobile responsive css */

@media screen and (max-width: 40em) {
	/* #menu is the original menu */
	
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
  
	
	body
	
	{
	
	
	}
	
	
	#login
	{

  position:absolute;
  top: 20px;
  left:20px;


	
	}
	
	
	
	.filter-results
	{
	
	}
	




.blog-box-image

{
	height:200px;
		overflow:hidden;
		margin-bottom:0.5em;
}

	
	
	.header-container
	
	{
	width:100%;
	padding-left:0px;
	padding-right:0px;

	}
	
	
		
	.header
	
	{
width:100%;
	}
	

	#header-logo
	
	{
	max-width:285px;
	
	}
	

.headerlogo {
	display: none;	
}

.home-logo {
	display: block;
}

.logo img

{
width:100% !important;
margin-top:4.5em;
}

	#topnavbar
	
	{
height:0px;
width:0px;
	}
	
	.topnav
	
	{
	
	}

	#header-tel
	
	{
	width:100%;
	font-size:1.2em;
	padding-top:0px;
	}
	
	.main-container
	
	{
	width:auto;
	padding-left:10px;
	padding-right:10px;
margin:auto;
	/*margin-top:2em;*/


	}
	
	.slider
	
	{
display:block;
	}

	#bx-pager
	
	{
		display:none;
	}
	
	#sector-tabs {


display:none;
}


.slider

{
	display:none;
}
	



	
	.latest-vacancies-slider {
    float: left;
    width: 100%;
    margin-bottom: 1em;

	
	}
	
	
	.browsebysector
	
	{

	}
	
	
	.browsebysector-holder

{


padding:10px;
width:auto;



}

	
	
.introtext-home

{
width:100%;
}	

#applynowdiv-desktop

{
	display:none;
}

.searchbox

{

  float:none;
  width:100%;
  text-align:center;
  


}

.searchbox-element
{

}

.searchbox-element label

{
text-align:center;
width:auto;
}



.searchvacancies

{
display:none;
}

  .searchvacancies-mobile
  
  {
display:inline;
  float:left;
  	padding-top: 4px;
	padding-bottom: 4px;
	color: #ffffff;	
	font-size:1.2em;
	padding-left:5px;
		background: #636365;
	
		width:100%;


  }
  
  .searchbox span
  
  {
     border-left: solid transparent 30px;
    border-right: solid transparent 30px;
    border-top: solid #A3A7AA 30px;
    bottom: -5px;
    content: " ";
    height: 0;
    margin-right:25px;;
	float:right;
    position: relative;

    
  }
  
  



.latest-vacancies

{
float:left;
width:100%;

}

.referral-content

{
width:100%;

}

.searchbox span

{
right:-20px;
}




.jobresults li

{
width:auto;
height:auto;
float:none;

}

.more-button
{
	padding-top:0.2em;
}

#jobdetails-content

{
width:auto;


}

#jobdetails-box {
    background: #ffffff;

    padding: 10px;
    margin-top: 20px;
}


.footer
	
	{

	}
	
	  .footer-content
  
  {
width:100%;
  margin:auto;
  padding:10px;


  
  }


#footer-tel
{
	text-align:left;
}

.footerrow {
	background-image: none;
	padding-bottom: 0px!important;
}  
  
  .personalprofile

{

width:100% !important;
}
  

.register-jobtitles ul

{margin:0px;
padding:0px;
float:left;
width:100%;
clear:both;
}

#browsebysector-column1, #browsebysector-column2,
#browsebysector-column3, #browsebysector-column4,
#browsebysector-column5, #browsebysector-column6
{
min-width:100%;
max-width:100%;
width:400px !important;
clear:both;
}


#searchboxbutton

{
display:block;
float:right;
	font-family: FontAwesome;
}

.ourpeoplebox
			{
				margin-left:0.6em !important;
			}

.ourpeopleimg

{
width:100%;

}

.ourpeoplethumb

{
width:100%;

}
.location-map
{
	margin-bottom: 15px;
	background: #FFF;
	background: rgba(255,255,255,0.9);
	padding: 15px;
	float: right;
}
	
	.blog-box

{

  
height:auto !important;


}

#formelement input[type=text],input[type=email],input[type=password],input[type=file], #formelement select


{
width:100% !important;

	
}

 .main-container-register
  
  {
 
  width:100%;
 
  
  }
  
  
  
  
.browse-jobs-title ul

{
  
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    column-count: 1;
    column-gap: 0px;
    margin: 0px;
    padding: 0px;
    margin-top: 1em;
	font-weight:700;
	
	
}


.filter-results ul

{
  
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    column-count: 1;
    column-gap: 0px;
    margin: 0px;
    padding: 0px;
    margin-top: 0em;
	font-weight:700;
	
	
}

.show_hide_filter

{
	display:block;
}
  
  
  
  .socialmedia-header
		{
			display:none;
		}
		
  
  
  .searchbox-wrapper {
 margin-top:0;
 margin-bottom:-15px;
   
  }
  
  
  .sectors
  
  {
	  
	  margin-top:40px;
	  display:none;
  }
  
  .sector
  {
  
height:150px;

  position:relative;
  
  margin-bottom:1em;

}



	
		.sector img
		
		{
			width: 100%;
    object-fit: cover;
    height: 100%;

		}
		
		
		.sector-link
		
		{
			position:absolute;
			bottom:10px;
			left:0px;
			right:0px;
			text-align:center;
			 display: flex;
  align-items: center;
  justify-content: center;
		}





input.locsearch

{
	width:210px !important;
}

#distance 

{
	width:90px !important;
}



.row-pad3 {
	padding-top: 0px !important;
	padding-bottom:0px !important;
	padding-left: 0px; /* row-space to left */
	padding-right: 0px; /* row-space to right: (row-space-left - column-space) e.g. 20px-20px=0 */
}





.ourpeopletabselector

{
	    margin-bottom: -36px !important;
    /*margin-top: 3.3em;*/
}

.ourpeopletabselector ul 

{
	padding-left:0px !important;
}



.ourpeopletabselector ul.tabs li 

{
	display:inline-block !important;
}


.mobile-introtext

{

	text-align:center;
	width:300px;
	display:none;
	
	  
}

.mobile-introtext h1

{
	
	font-size:19px !important;
	
}


.logocontainer

{
	/*margin-bottom:-2em !important;*/
	

}




 .footerrow {
 

   background-position: right -100px bottom 0;
   padding-bottom:100px;
  }


.logo-small

{
	max-width:80%;
}



	
/* end of mobile formatting */ 	}
	
	





/* Full-width input fields */
input[type=text],input[type=email], textarea {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}


#getintouch-label, #getintouch-label {
  display: inline-block;
}

.container {
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10001; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    max-width: 400px;
    background-color: #e9e9e9;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* Recruiters Form */

/* The Modal (background) */
.modal-rec {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 10001; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	padding-top: 60px;
}

/* Modal Content/Box */
.modal-content-rec {
	max-width: 400px;
	background-color: #e9e9e9;
	margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
	border-radius: 15px;
	padding: 15px;
}

.textarea-rec {
	border-radius: 15px;
	
}

.special

{
display:none !important;
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 5px;
    top: -26px;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}




	ul.tabs-nav{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs-nav li{
			background: none;
			color: #ffffff;
			display: inline-block;
			padding: 10px 7px;
			cursor: pointer;
		}

		ul.tabs-nav li.current{
			background: #F6F6F6;
    background: rgba(246, 246, 246, 0.8);
			color: #222;
		}

		.tab-content{
			display: none;
		
		}

		.tab-content.current{
			display: inherit;
		}
		
		
		.consultant-tabs
		{
			margin-bottom:-1.65em !important;
			margin-top:2em !important;
		}
		
		.breadcrumbs
		
		{
			
			font-size:1.3em;
			margin-top:1em;
			margin-bottom:0.5em;
			margin-left:1em;
		}

			.breadcrumbs a
		
		{
			
			

		
		} 
		
		
		
		
	
			.btn {
	
	cursor: pointer;
	margin-bottom: 0.2em;
	font-family: 'Josefin Sans';
	text-transform: uppercase;
	margin: 0 5px;
	margin-bottom:10px;
	color:#ffffff;
	padding:0.5em;
	font-weight:bold;
	font-size:1em;
	display: inline-block;
	position:relative;
	border: 5px solid rgba(0, 0, 0, 0.0);
	
}

/*home page overrides*/

.section-wrapper {
	display: flex;
	flex-wrap: wrap;
	background-color: #fff; /* Example color */
}

.home-text-container {
	width: 100%; /* Adjust based on your layout */
	max-width: 1200px; /* Maximum width of the content area */
	margin: 0 auto; /* Center the container */
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.home-text-container.buttonlink {
	text-align: center;
	display: inline-block;
}

.row {
	display: flex;
	flex-wrap: wrap;
}

.col-7-12, .col-5-12 {
	padding: 15px;
}

.col-7-12 {
	flex: 0 0 58.3333%; /* 7/12 */
}

.col-5-12 {
	flex: 0 0 41.6667%; /* 5/12 */
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative; /* Needed for absolute positioning of the image */
	overflow: hidden; /* Hides parts of the image that overfill the div */
}

.image-container img {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translateX(-50%);
	object-fit: cover; /* Ensures the image covers the div area */
}

.home-text-pad {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 20px;
	margin-top: 2em;
	margin-bottom: 2em;
}

@media (max-width: 768px) {
	.col-7-12, .col-5-12 {
		flex: 0 0 100%;
	}

	.image-container {
		display: none; /* Hide the image on small devices */
	}
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px; /* Adjust spacing as necessary */
}

.breadcrumbs, .ourpeopletabselector, .col-6-12 {
	padding: 0 15px; /* Adjust padding to ensure content alignment */
}

.ourpeopletabselector {
	width: 100%; /* Ensures the tabs are full width above the columns */
	margin-bottom: 20px; /* Space between tabs and columns */
}

.col-6-12 {
	flex: 0 0 50%; /* Each column takes up half of the container width */
	max-width: 50%; /* Prevents the columns from exceeding half width */
}

@media (max-width: 768px) {
	.col-6-12 {
		flex: 0 0 100%; /* Stacks the columns vertically on smaller screens */
		max-width: 100%;
	}
}

@media (max-width: 924px) {
	.nosidepad {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
}