* {
  margin: 0;
  padding: 0;
}



/* ***************************************************************************************    general setting */


.wrapper2 {
	
	/* The image used */
  background-image: url("/site_images/wrapper2.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:4em;
  text-align:center;
  color:#ffffff;
}


.wrapper2 h3

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


.box2

{
	

}


.h1large

{
	font-size:3em;
	line-height:1em;
}

.homeintro img

{
	max-height:100%;
	max-width:100%;
}


.social-media-header

{
	position:absolute;
	top:10px;
	right:80px;
	z-index:5000;
}


ul.ourpeople-tabs

{
	text-align:left;
}

.home-logo img {
	width: 80%;
	margin: -100px auto 0 auto; /* top: -100px, left/right: auto, bottom: 0 */
	display: block; /* required for auto margins to center block elements */
}

/*
.home-logo img

{
	max-width:100%;
	margin-top: -100px;
}
*/
.searchbox-home h2

{
	color:#ffffff;
	margin-top:1em;
	padding-left: 10px;
	padding-right: 10px;
	text-shadow: 1px 1px 16px rgba(150, 150, 150, 1);
}


.latest-vacancies-home h2

{
	margin:auto;
	text-align:center;
	font-size:2em;
	margin-bottom:1em;
}

.latest-vacancies-viewall

{
	text-align:center;
	margin-top:4em;
	margin-bottom:1em;
}

#jobdetails-content h2

{
	margin-top:1em;
}

#jobdetails-box h1, #jobdetails-box h1 a

{
	margin-top:0.5em;
	/*color:#323232!important;*/
}

#jobdetails-box h3

{
	color: #323232!important;
}


.conradconnect-footer
{
	
	margin-top:2em;


}

.conradconnect-footer img
{
	width:175px;

	margin-bottom:0.5em;
}



.branding

{
	
		/* The image used */
  background-image: url("/site_images/branding.png");

  /* Full height */


  /* Center and scale the image nicely */
  background-position: center;
  background-position: right 0% bottom 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  /*text-align:center;
  color:#ffffff;*/
	
}


.pagewrapper

{
	background:#ffffff;
	padding-top:0em;
	padding-bottom:0em;
	width:100%;
	line-height:1.6em;
}

.pagewrapper .container

{
	padding:0 !important;
}




.pagewrapper img

{
	max-width:100% !important;
}



.pagewrapper h1
{
	font-size:3em;
	margin-bottom:0.5em;
}




.pagewrapper h3
{
	font-size:1.7em;
	line-height:1.2em;
	margin-top:1em;
	margin-bottom:1em;
}


.textwrapper h1
{

	margin-bottom:0.5em;
	margin-top:1em;
}


.textwrapper

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


.textwrapper blockquote
{
	padding-left:2em;
}





.pagecontent

{
	background:#ffffff;
	padding-top:2em;
	padding-bottom:2em;
	width:100%;
	line-height:1.6em;
	
}



.pagecontent img

{
	max-width:100% !important;
}



.pagecontent h1
{
	font-size:2.2em;
}

.pagecontent h3
{
	font-size:1.7em;
	line-height:1.2em;
	margin-top:1em;
	margin-bottom:1em;
}

.text-content

{
	padding-top:2em;
}

.imagecontent
{
	

}

.imagecontent img
{
object-fit: cover;
height:100% !important;


}


.candidate-reg-form


{
	max-width:1000px;
	margin:auto;
}





.rightslant {

clip-path: polygon(39% 0, 100% 0%, 68% 100%, 0% 100%);



}

.rightslant2 {

clip-path: polygon(25% 0%, 49% 9%, 24% 94%, 1% 81%);


}

clip-path: polygon(20% 12%, 39% 21%, 19% 100%, 0 91%);


.leftslant {

clip-path: polygon(50% 0%, 100% 0%, 0% 100%, 75% 100%);
}


.testimonials-wrapper
{
	  /*margin-top:2em;
	  margin-bottom:2em;*/
	  background-image: url("/site_images/testimonials-background.jpg");
	    background-size: cover;
		padding-bottom:4em;
		padding-top:2em;
}


.testimonials-wrapper h2

{
	text-align:center;
	font-size:2em;
	margin-top:1em;

}

.morecontent
{

}

.blankDiv
{
height:100%;
width:100%;
clear:both;
}

.homeimages {

  clear:both;
}

  

.sublocations ul {
  list-style-type: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left:0;
}
.sublocations li {
display: block;
margin-right:10px;
margin-left:0;
    line-height: 1.5;
    padding: .5em 4.166666667em .416666667em .833333333em;
    letter-spacing: .083333333em;
    font-weight: 700;
    border: 2px solid #9C336E;
    position: relative;
    margin-bottom: 1em;
    overflow: hidden;
    z-index: 10;
}

.wrapper-purple h3

{
	color:#ffffff !important;
	font-size:2em;
}

.wrapper-purple
{
	color:#ffffff;
	background: #9C336E;
	
}

.wrapper-purple blockquote
{
	color:#ffffff;
	
	
}

.wrapper-purple a

{
	color: #ffffff !important
}

.ourpeoplebox
{
	position:relative;
	
	
  margin:auto;
background: #ffffff;
    border: 1px solid #ececec; 
height: 100%;
  overflow:hidden;
  line-height:1.4em;
  
}


  .ourpeoplebox
  
  {
  min-height:300px;
  
  
  }
  
  
    .ourpeoplebox:hover
  
  {
  opacity: 0.7;
   

  }
  



  
  
  
    .ourpeoplebox img
  
  {
  margin-top: 0px;
 -webkit-transition: 0.9s ease;
    transition: 0.9s ease;
  
  }
  
  
    
    .ourpeoplebox img:hover
  
  {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  
  }
  
  
  
  
  
  
  
  .ourpeoplebox h3
  
  {
	  margin:0;
	  padding:0;
  }




.ourpeople-info

{
	position:absolute;
	bottom:0;
padding-left:1em;
 /*background: rgba(0, 0, 0, 0.5);*/
 background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
z-index:5000;
margin-top:-11em;
text-align:center;
color:#ffffff;
width:100%;
padding-top:0.5em;
padding-bottom:0.5em;
}


.ourpeople-info h3

{

color:#ffffff;

}





 .ourpeoplebox-civil

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

}

.ourpeoplebox-construction

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

}


.ourpeoplebox-building 

{

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


.ourpeoplebox-surveying 

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

}

.ourpeoplebox-environmental

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

}

.ourpeoplebox-architectural

{

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


}









.ourpeople-contact

{
	
margin-top:1em!important;
}


.ourspecialists

{
	margin-bottom:1em;
}


.slidein

 {
  animation-duration: 2s;
  animation-name: slidein;

}

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

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







.fade-in-image { img  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}







.pic-wrapper {
position:relative;
  width: 100%;
height: 100vh;
  overflow: hidden;
  top: -31px;
}

figure {
position:absolute;
  top: 0;
  left: 0;
  width: 100%;
 height: 100vh;
  opacity: 0;
  /*animation*/
  
  animation: slideShow 24s linear infinite 0s;
  -o-animation: slideShow 24s linear infinite 0s;
  -moz-animation: slideShow 24s linear infinite 0s;
  -webkit-animation: slideShow 24s linear infinite 0s;
}

.figurecaption {
  position: relative;
  text-align:center;
  top: 25%;

  color: #fff;
  z-index:20;
}

.pic-1 {
  opacity: 1;
  background: url(/site_images/homeimages/pic1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url(/site_images/homeimages/pic2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url(/site_images/homeimages/pic3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url(/site_images/homeimages/pic4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* keyframes*/

@keyframes 
slideShow {  0% {
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 transform:scale(1.1);
 -ms-transform:scale(1.1);
}
 100% {
 opacity: 0;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}
 @-o-keyframes 
slideShow {  0% {
 opacity: 0;
 -o-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -o-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -o-transformm:scale(1);
}
}
 @-moz-keyframes 
slideShow {  0% {
 opacity: 0;
 -moz-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -moz-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -moz-transformm:scale(1);
}
}
 @-webkit-keyframes 
slideShow {  0% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -webkit-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -webkit-transformm:scale(1);
}







}









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

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

.figurecaption {
	display: flex;
	align-items: center; /* Aligns vertically center */
	justify-content: center; /* Aligns horizontally center (if needed) */
	height: 100%; /* Ensure the parent has a defined height */
	top: unset;
}

.searchbox-home

{
	width:500px;
	margin:auto;
}

.searchbox-home [class*='col-'] {
	
	padding-left:0;
	padding-right:0;
	padding-top:1em;
}
	
	
	.searchbox-home label {
	
	text-align:left;
}
	
/*	.searchbox-home button {
	
	height:42px !important;
	margin-top:28px !important;
}*/
	

.headerlogo

{
	
	position:absolute;
	/*right: 600px;
	left: 10px;*/
	/*top: 8px;*/
	/*left: 60px;*/
	z-index: 5000;
}

.headerlogin

{
	position:absolute;
	
	right:380px;
	top:8px;
	z-index:5000;
}


.within

{
	margin-left:8px;
}


.home-logo

{
	margin-bottom:5em;
}



#footer-tel

{
	font-size:1.3em;
	line-height:1.5em;
}


#header-email a

{
	font-size:1.3em;
}


	}



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

/*@media screen and (max-width: 40em) {*/
@media screen and (max-width: 832px) {
	/* #menu is the original menu */


.pagewrapper h1 {
 font-size: 2em;
 
 line-height: 1em;
}




.searchbox-home input.locsearch

{
	width:100% !important;
	
}
.searchbox-home select

{
	width:100% !important;
	
}


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


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

.h1large {
    font-size: 2.4em !important;
    line-height: 1em;
}


.container

{
	padding:0 !important;
}

.box2

{
margin-bottom:2em;
}



.figurecaption {
    position: relative;
    text-align: center;
    /*top: 20%;*/
    color: #fff;
    z-index: 20;



	}


blockquote

{
	font-size:1em;
	margin-left: -1em;
	padding-right: 1em;
}

.box blockquote

{
	
	margin-left: 1em;

}

.branding
{
	display:none;
}


.mobilehide


	{
	display:none;


}

}


/* Adjustments for desktops (1024px to 1440px) */
@media (max-width: 1440px) {
	
	
	.pic-wrapper {
		position: relative;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		top: -33px;
	}

	figure {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		opacity: 0;
		/*animation*/

		animation: slideShow 24s linear infinite 0s;
		-o-animation: slideShow 24s linear infinite 0s;
		-moz-animation: slideShow 24s linear infinite 0s;
		-webkit-animation: slideShow 24s linear infinite 0s;
	}
	
	.pic-1 {
		opacity: 1;
		background: url(/site_images/homeimages/pic1_medium.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.pic-2 {
		animation-delay: 6s;
		-o-animation-delay: 6s;
		-moz--animation-delay: 6s;
		-webkit-animation-delay: 6s;
		background: url(/site_images/homeimages/pic2_medium.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.pic-3 {
		animation-delay: 12s;
		-o-animation-delay: 12s;
		-moz--animation-delay: 12s;
		-webkit-animation-delay: 12s;
		background: url(/site_images/homeimages/pic3_medium.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.pic-4 {
		animation-delay: 18s;
		-o-animation-delay: 18s;
		-moz--animation-delay: 18s;
		-webkit-animation-delay: 18s;
		background: url(/site_images/homeimages/pic4_medium.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

/* Adjustments for tablets (768px to 1024px) */
@media (max-width: 1024px) {
	.pic-1 {
		opacity: 1;
		background: url(/site_images/homeimages/pic1_small.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.pic-2 {
		animation-delay: 6s;
		-o-animation-delay: 6s;
		-moz--animation-delay: 6s;
		-webkit-animation-delay: 6s;
		background: url(/site_images/homeimages/pic2_small.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.pic-3 {
		animation-delay: 12s;
		-o-animation-delay: 12s;
		-moz--animation-delay: 12s;
		-webkit-animation-delay: 12s;
		background: url(/site_images/homeimages/pic3_small.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.pic-4 {
		animation-delay: 18s;
		-o-animation-delay: 18s;
		-moz--animation-delay: 18s;
		-webkit-animation-delay: 18s;
		background: url(/site_images/homeimages/pic4_small.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

/* Adjustments for mobile devices (up to 768px) */
@media (max-width: 768px) {
	.pic-1 {
		opacity: 1;
		background: url(/site_images/homeimages/pic1_extra_small.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.pic-2 {
		animation-delay: 6s;
		-o-animation-delay: 6s;
		-moz--animation-delay: 6s;
		-webkit-animation-delay: 6s;
		background: url(/site_images/homeimages/pic2_extra_small.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.pic-3 {
		animation-delay: 12s;
		-o-animation-delay: 12s;
		-moz--animation-delay: 12s;
		-webkit-animation-delay: 12s;
		background: url(/site_images/homeimages/pic3_extra_small.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.pic-4 {
		animation-delay: 18s;
		-o-animation-delay: 18s;
		-moz--animation-delay: 18s;
		-webkit-animation-delay: 18s;
		background: url(/site_images/homeimages/pic4_extra_small.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}