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


/* /////////////////////////// TYPOGRAPHY /////////////////////// */

/*
@font-face {
    font-family: 'CircularStdBoldRegular';
    src: url('../fonts/circularstd-bold.eot');
    src: url('../fonts/circularstd-bold.eot') format('embedded-opentype'),
         url('../fonts/circularstd-bold.woff') format('woff'),
         url('../fonts/circularstd-bold.ttf') format('truetype'),
         url('../fonts/circularstd-bold.svg#CircularStdBoldRegular') format('svg');
}
*/

/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * collabora.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2013
 */

@font-face {
	font-family: 'Circular Bold';
	src: url('fonts/lineto-circular-bold.eot');
	src: url('fonts/lineto-circular-bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/lineto-circular-bold.woff') format('woff'),
		 url('fonts/lineto-circular-bold.ttf') format('truetype'),
		 url('fonts/lineto-circular-bold.svg#CircularBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*  end of Lineto font-face call */

body { font-size: 100%; background-color: #eee; color: #3c3c3e; }
h1, h2, h3, h4, h5, p {
	margin:0;
	padding:0;
	margin-bottom: 15px;
}
h1 , h2 , h3 , h4 , h5 {
	font-family:'Circular Bold', Arial, Helvetica, sans-serif;
	font-weight: 400 !important;
	color: #3c3c3e;
}
p {
	font-family: 'Karla', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	color: #3c3c3e;
}



::selection {
	background: #43c200; /* Safari */
	color: #fff;
}
::-moz-selection {
	background: #43c200; /* Firefox */
	color: #fff;
}
a {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	word-wrap: break-word;
	text-decoration: none;
}

.purple { color: #5c3ccc !important; }
.green { color: #43c200 !important; }
.white { color: #fff !important; }
.grey { color: #3c3c3e	 !important; }

.fullWidthWrapper { width: 100%; float: left; clear: both; }
.container { max-width: 1340px; width: 92%; padding: 0 4%; margin: 0 auto; }

.middleItWrapper {
  height: 100vh; 
  min-height: 500px;
  position:relative;
  width: 100%;
}
.middleItContent {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%); 
  text-align: center;
}




.topPurp { width: 100%; float: left; height: 10px; background-color: #43c200; position:absolute; }





/* ///////////// SECTION 1 ///////////////// */

.section1 {
	background-color: #5c3ccc;
	/*background-image: url(../images/section1BG.jpg);*/
	background-position: bottom;
	background-size: cover;
	height: 100vh;
	text-align: center;
	min-height: 500px;
	/*position: relative;*/
}
.section1 img {
	width: 40%;
	height: auto;
	min-width: 260px;
	margin-bottom: 30px;
}
.section1 h1 {
	color: #fff;
	font-weight: bold;
}
.section1subtitle {
	font-size: 36px;
    font-size: 2.5vw;   
	display: block;
	margin-top: 10px;
}
.downArrow {
	width: 100%;
	/*position: absolute;*/
	position: relative;
	bottom: 40px;
	z-index: 99;
	text-align:center;
	height: 16px;
}
.downArrow img {
	width: 26px !important;
	height: 16px !important;
}

@media (max-width: 850px) {
	
	.section1 h1 {
		font-size: 38px !important;
	}
	.section1subtitle {
		font-size: 27px !important;
	}

}

@media (max-width: 480px) {
	
	.section1 h1 {
		font-size: 32px !important;
	}
	.section1subtitle {
		font-size: 21px !important;
	}

}





/* ///////////// SECTION 2 ///////////////// */

.section2 {
	background: url(../images/section2BG.jpg) repeat;
	height: auto;
	padding: 70px 0;
	text-align: center;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

	#nav_mobile {
		background-image: url(../images/section2BG@2x.jpg);
		background-size: 40px 40px;
	}

}

.col4 {
	width: 23%;
	float: left;
	vertical-align: top;
	padding: 0 1%;
}
.col4 img {
	width: 80%;
	height: auto;
	margin-bottom: 20px;
	max-width: 280px;
}
.col4 p a {
	background-color: #43c200;
	padding: 10px 20px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
}
.col4 p a:hover {
	background-color: #5c3ccc;
}
.col4 h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 120%;
}
.col4 p.lead {
	font-size: 22px;
	color: #3c3c3e;
	font-weight: bold;
	line-height: 120%;
}
.col4 p {
	font-size: 18px;
	color: #3c3c3e;
	margin-bottom: 20px;
	line-height: 120%;
}

@media (max-width: 767px) {
	
	.col4 {
		width: 48%;
		margin-bottom: 20px;
	}

}

@media (max-width: 480px) {
	
	.col4 {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}

}






/* //////////////// SECTION 3 /////////////// */

.section3 {
	background-color: #fff;
	padding: 60px 0;
	text-align:center;
}
.section3 p {
	font-size: 35px;
	font-size: 3vw;
	margin-bottom: 0;
}

@media (max-width: 850px) {
	
	.section3 p {
		font-size: 40px !important;
	}

}

@media (max-width: 480px) {
	
	.section3 p {
		font-size: 30px !important;
	}

}



/* //////////////// SECTION 4 /////////////// */

.section4 {
	background-color: #43c200;
	background-image: url(../images/greenCircs.jpg);
	background-size: cover;
	padding: 0px 0;
	text-align:center;
}
.section4 h3 {
	font-size: 26px;
	font-size: 4vw;
	color: #fff;
	font-weight: bold;
	padding: 0 15%;
	line-height: 130%;
	margin-bottom: 0;
}

@media (max-width: 850px) {
	
	.section4 h3 {
		font-size: 26px !important;
	}

}

@media (max-width: 480px) {
	
	.section4 h3 {
		font-size: 22px !important;
		padding: 0 5%;
	}

}




/* //////////////// SECTION 5 /////////////// */

.section5 {
	background-image: url(../images/section5BG.jpg);
	background-position: top;
	background-size: cover;
	height: auto;
	padding: 0px 0;
	text-align: center;
}
.logowatermarkBG {
	width: 100%;
	height: auto;
}
.overLaidWatermark {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); 
	text-align: center;
}
.section5 h2 {
	font-size: 62px;
	font-size: 5.5vw;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 0 5%;
}

@media (max-width: 850px) {
	
	.section5 h2 {
		font-size: 38px !important;
	}

}

@media (max-width: 480px) {
	
	.section5 h2 {
		font-size: 34px !important;
	}

}



.roundellsWrapper {
	width: 100%;
	float: left;
	text-align:center;
}

.roundelText {
	width: 22%;
	height: auto;
	text-align: center;
	margin-right: 20px;
	font-size: 4vw;
	background-image: url(../images/roundelTextBG.png);
	background-size: cover;
	display: inline-table;
	font-family:'Circular Bold', Arial, Helvetica, sans-serif;
	color: #5c3ccc;
}
.roundelText span , .circText span {
	display: table-cell;
	vertical-align: middle;
}

.circWrapper {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.circ {
	width: 45%;
	float: left;
	vertical-align: top;
	text-align: right;
}
.circText {
	width: 55%;
	float: right;
	vertical-align: top;
	text-align: left;
	display:inline-table;
}
.circText span {
	font-size: 3vw;
	font-family:'Circular Bold', Arial, Helvetica, sans-serif;
}

@media (max-width: 850px) {
	
	.roundelText {
		width: 30%;
		font-size: 5.5vw;
	}
	.circText span {
		font-size: 4vw;
	}
	.circ {
		width: 43%;
	}
	.circText {
		width: 57%;
	}

}

@media (max-width: 850px) {
	
	.roundelText {
		width: 35%;
		font-size: 6vw;
	}
	.circText span {
		font-size: 4.5vw;
	}

}

@media (max-width: 480px) {
	
	.roundelText {
		width: 50%;
		font-size: 8vw;
	}
	.circText span {
		font-size: 6.5vw;
	}
	.circ {
		width: 40%;
	}
	.circText {
		width: 60%;
	}

}






.decade3ColsVert {
	width: 33%;
	float: left;
	margin-top: 20px;
}
.decade3ColsVertInner {
	display: block;
	padding: 0 16%;
}
.decade3ColsVertInner img {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	max-width: 300px;
}
.decade3ColsVertInner p {
	font-size: 45px;
	font-size: 4vw;
	line-height: 120%;
	font-family:'Circular Bold', Arial, Helvetica, sans-serif;
	color: #5c3ccc;
}


@media (max-width: 850px) {
	
	.decade3ColsVertInner p {
		font-size: 38px !important;
	}
	
}

@media (max-width: 480px) {
	
	.decade3ColsVert {
		width: 100%;
	}
	.decade3ColsVertInner p {
		font-size: 30px !important;
	}

}




.decade5ColsVert {
	width: 24%;
	/*float: left;*/
	display: inline-block;
	margin-top: 20px;
	vertical-align: top;
}
.decade5ColsVertInner {
	display: block;
	padding: 0 16%;
}
.decade5ColsVertInner img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	max-width: 300px;
}
.decade5ColsVertInner p {
	font-size: 45px;
	font-size: 4vw;
	line-height: 120%;
	/*font-family:'Circular Bold', Arial, Helvetica, sans-serif;*/
	/*color: #5c3ccc;*/
}



@media (max-width: 900px) {
	
	.decade5ColsVert {
		width: 24%;
	}
	.decade5ColsVertInner {
		padding: 0 10%;
	}
	.decade5ColsVertInner p {
		font-size: 24px !important;
	}
	
	
	.section5 .middleItWrapper {
  height: auto; 
  min-height: auto;
  position:relative;
  width: 100%;
}
.section5 .middleItContent {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  text-align: center;
  padding: 60px 0;
  float: left;
}
	
}

@media (max-width: 700px) {
	
	.decade5ColsVert {
		width: 49%;
	}
	.decade5ColsVertInner p {
		font-size: 22px !important;
	}
	
}


@media (max-width: 480px) {
	
	.decade5ColsVert {
		/*width: 100%;*/
	}
	.decade5ColsVertInner p {
		font-size: 22px !important;
	}

}


/* //////////////// SECTION 6 /////////////// */

.section6 {
	background-color: #fff;
	height: auto;
	text-align: center;
	padding-top: 80px;
}

.section6 h3 {
	font-size: 47px;
	font-size: 4vw;
	margin-bottom: 30px;
}
.section6 p {
	font-size: 21px;
	font-size: 1.75vw;
	line-height: 140%;
	padding: 0 10%;
	margin-bottom: 35px;
	margin-bottom: 7vh;
}

.section6 img {
	width: 50%;
	height: auto;
	z-index: 999;
	position: relative;
}

@media (max-width: 850px) {
	
	.section6 h3 {
		font-size: 42px !important;
	}
	.section6 p {
		font-size: 18px !important;
		line-height: 150%;
		padding: 0 5%;
	}
	.section6 img {
		width: 70%;
	}

}

@media (max-width: 480px) {
	
	.section6 h3 {
		font-size: 34px !important;
	}
	.section6 p {
		font-size: 16px !important;
		padding: 0;
	}
	.section6 img {
		width: 80%;
	}

}






/* //////////////// SECTION 7 /////////////// */

.section7 {
	background-color: #eeeeee;
	background-image: url(../images/greyCircs.jpg);
	background-size: cover;
	height: auto;
	text-align: center;
	padding: 0px 0 0px;
	/*position: relative;
	top: -100px;	*/
}


.section7bContainer {
	width: 66%;
	padding: 0 17%;
}

.section7 h3 {
	margin-bottom: 40px;
	padding: 0 5%;
}
.section7 p {
	font-size: 30px;
	font-size: 2.5vw;
	margin-bottom: 50px;
	color: #5c3ccc;
	padding: 0 5%;
}

@media (max-width: 850px) {
	
	.section7 h3 {
		font-size: 36px !important;
		margin-bottom: 30px;
	}
	.section7 p {
		font-size: 20px !important;
	}
	
	
}

@media (max-width: 480px) {
	
	.section7 h3 {
		font-size: 32px !important;
		margin-bottom: 30px;
	}
	.section7 p {
		font-size: 20px !important;
		line-height: 130%;
	}
	

}

.projectsWrapper {
	width: 100%;
	float: left;
	/*margin-bottom: 80px;*/
}
.projectPill {
	width: 19%;
	margin: 0 0.5% 1%;
	display: inline-block;
	vertical-align: top;
	background-color: #3c3c3e;
	-webkit-border-radius: 14px 14px 14px 14px;
	border-radius: 14px 14px 14px 14px;
	color: #fff;
	font-size: 19px;
	font-size: 2vw;
	font-family:'Circular Bold', Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
.projectPillInner {
	display: block;
	padding: 18px 20px 17px;
	text-align: center;
	
	
}
.projectPill:hover {
	background-color: #43c200;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}

@media (max-width: 800px) {
	
	.projectPill {
		width: 24%;
		margin: 0 0.5% 1%;
		font-size: 22px !important;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
	}
	
}

@media (max-width: 600px) {
	
	.projectPill {
		width: 32%;
		margin: 0 0.5% 1%;
		font-size: 18px !important;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
	}
	
}

@media (max-width: 480px) {
	
	.projectPill {
		width: 49%;
		margin: 0 0.5% 1%;
		font-size: 14px !important;
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
	}
	
}

@media (max-width: 320px) {
	
	.projectPill {
		width: 99%;
		margin: 0 0.5% 1%;
		font-size: 16px !important;
	}
	
}



.industryCol {
	width: 25%;
	float: left;
	vertical-align: top;
	position: relative;
	background-color: #eeeeee;
}
.industryCol img {
	width: 100%;
	height: auto;
	visibility: hidden;
}
.industryColinner {
	background-image: url('../images/pBG.png');
	background-repeat:repeat;
	display: block;
	position: absolute;
	bottom: 0;
	text-align:center;
	width: 100%;
}
.industryColinner p {
	padding: 30px 30px;
	color: #3c3c3e;
	font-size: 25px;
	font-size: 2.4vw;
	font-family:'Circular Bold', Arial, Helvetica, sans-serif;
	position:relative;
	margin: 0;
}
.automotive {
	background-image:url(../images/industry_car.jpg);
	background-position: top center;
	background-size: cover;
}
.oem {
	background-image:url(../images/industry_oem.jpg);
	background-position: top center;
	background-size: cover;
}
.silicon {
	background-image:url(../images/industry_silicon.jpg);
	background-position: top center;
	background-size: cover;
}
.tv {
	background-image:url(../images/industry_tv.jpg);
	background-position: top center;
	background-size: cover;
}

.industriesBottomPadder {
	padding-bottom: 0px;
}

@media (max-width: 900px) {

	.industryColinner p {
		font-size: 20px !important;
		font-size: 3vw;
		padding: 30px 20px;
	}
	.section7 {
		top: -70px;
	}

}

@media (max-width: 800px) {
	
	.industryColinner p {
		font-size: 18px !important;
		font-size: 2.5vw;
		padding: 30px 15px;
	}
	
}

@media (max-width: 700px) {

	.industryCol {
		width: 50%;
	}
	.industryColinner p {
		font-size: 26px !important;
		font-size: 4vw;
	}
	.industriesBottomPadder {
		padding-bottom: 0px;
	}
	.section7 {
		top: -50px;
	}

}

@media (max-width: 480px) {

	.industryColinner p {
		font-size: 26px !important;
		font-size: 5vw;
	}
	.industriesBottomPadder {
		padding-bottom: 0px;
	}
	.section7 {
		top: -30px;
	}

}

@media (max-width: 450px) {
	
	.section7bContainer {
		width: 92%;
		padding: 0 4%;
	}
	.industryCol {
		/*width: 100%;*/
	}
	.industryColinner p {
		font-size: 28px !important;
		font-size: 6vw;
	}

}

@media (max-width: 380px) {
	
	.industryColinner p {
		font-size: 22px !important;
	}

}





/* ///////////// SECTION 8 ///////////////// */

.section8 {
	background-image: url(../images/section8BG.jpg);
	background-position: top center;
	background-size: cover;
	text-align: center;
	padding: 0px 0;
}

.section8 h3 {
	font-size: 47px;
	font-size: 4vw;
	margin-bottom: 35px;
	padding: 0 10%;
}
.section8 p {
	font-size: 16px;
	font-size: 1.5vw;
	line-height: 150%;
	padding: 0 10%;
	margin-bottom: 20px;
}

@media (max-width: 850px) {
	
	.section8 h3 {
		font-size: 42px !important;
		padding: 0 5%;
	}
	.section8 p {
		font-size: 18px !important;
		line-height: 150%;
		padding: 0 5%;
	}

}

@media (max-width: 480px) {
	
	.section8 h3 {
		font-size: 34px !important;
	}
	.section8 p {
		font-size: 16px !important;
		padding: 0;
	}

}






/* ///////////// SECTION 9 ///////////////// */

.section9 {
	background-image: url(../images/section9BG.jpg);
	background-repeat: repeat;
	text-align: center;
	padding: 0px 0;
}

.section9b {
	background-image: url(../images/greenCircs.jpg);
	background-size: cover;
}

.section9 h3 {
	font-size: 47px;
	font-size: 4vw;
	margin-bottom: 35px;
	padding: 0 12%;
}
.section9 p {
	font-size: 22px;
	font-size: 1.6vw;
	line-height: 160%;
	padding: 35px 10%;
	margin-bottom: 20px;
	font-family: 'Merriweather', Times, Georgia, serif;
	font-style: italic;
	font-weight: 300;
	margin-bottom: 0;
	
}

.quoteWrapper {
	width: 100%;
	background-color: #fff;
	-webkit-border-radius: 1000px 1000px 1000px 1000px;
	border-radius: 1000px 1000px 1000px 1000px;
	float: left;
}
.quoteTail {
	width: 100%;
	background-image: url(../images/quoteTail.png);
	background-repeat: no-repeat;
	height: 25px;
	float: left;
	margin-bottom: 25px;
	background-position: 15%;
}

p.section9normalp {
	font-style: normal;
	padding-top: 0;
	margin-top: 0;
	font-family: 'Karla', Arial, Helvetica, sans-serif;
}

p.section9normalpShouty {
	padding-top: 0;
	margin-top: 0;
	font-family:'Circular Bold', Arial, Helvetica, sans-serif;
	font-weight: 400 !important;
	color: #3c3c3e;
	font-style: normal;
	line-height: 125%;
}

@media (max-width: 850px) {
	
	.section9 h3 {
		font-size: 42px !important;
		padding: 0 5%;
	}
	.section9 p {
		font-size: 18px !important;
		padding: 26px 10%;
	}
	.quoteTail {
		background-position: 19%;
	}
	p.section9normalpShouty {
		font-size: 20px !important;
		padding: 0;
		padding-bottom: 20px;
	}

}

@media (max-width: 600px) {

	.quoteWrapper {
		-webkit-border-radius: 20px 20px 20px 20px;
		border-radius: 20px 20px 20px 20px;
	}
	.section9 p {
		padding: 26px 7%;
	}
	.quoteTail {
		background-position: 10%;
	}
	p.section9normalpShouty {
		font-size: 22px !important;
		padding: 0;
		padding-bottom: 20px;
		padding: 0 5% 20px;
	}
	
}

@media (max-width: 480px) {
	
	.section9 h3 {
		font-size: 34px !important;
	}
	.section9 p {
		font-size: 16px !important;

	}
	p.section9normalpShouty {
		font-size: 20px !important;
		padding: 0;
		padding-bottom: 20px;
	}
	

}




/* //////////////// SECTION 10 /////////////// */

.section10 {
	background-color: #5c3ccc;
	height: auto;
	text-align: center;
}

.section10 h3 {
	font-size: 47px;
	font-size: 4vw;
	margin-bottom: 30px;
	color: #fff;
}
.section10 p {
	font-size: 20px;
	font-size: 1.75vw;
	line-height: 140%;
	padding: 0 10%;
	margin-bottom: 30px;
	margin-bottom: 7vh;
	color: #fff;
}

.section10 a {
	color: #43c200;
}
.section10 a:hover {
	color: #fff;
}

@media (max-width: 850px) {
	
	.section10 h3 {
		font-size: 42px !important;
	}
	.section10 p {
		font-size: 18px !important;
		line-height: 150%;
		padding: 0 5%;
	}

}

@media (max-width: 480px) {
	
	.section10 h3 {
		font-size: 34px !important;
	}
	.section10 p {
		font-size: 16px !important;
		padding: 0;
	}

}


.section10 img {
	width: 40%;
	height: auto !important;
	max-width: 400px;
}





/* //////////////// SECTION 11 /////////////// */

.section11 {
	background-color: #3c3c3e;
	height: auto;
	text-align: center;
	padding: 30px 0;
}
.section11 p {
	font-size: 19px;
	color: #fff;
	line-height: 130%;
	margin-bottom: 10px;
}
p.credit {
	font-size: 10px;
	margin-bottom: 0;
	color: #999;
}
p.credit a { color: #999; }
p.credit a:hover { color: #43c200; }

@media (max-width: 600px) {
	
	.section11 p {	
		font-size: 13px !important;
		margin-bottom: 8px;
	}
	.section11 {
		padding: 20px 0;
	}
	p.credit {
		font-size: 9px !important;
		margin-bottom: 0;
	}

}



/*p.filer { font-size:10vw; }*/


h3 { line-height: 120%; }
.col4 p { color: #666666; margin-bottom: 10px; }
p.specialisms { margin-bottom: 8px; color: #3c3c3e !important; }
p.location { color: #858585; margin-bottom: 20px; }


.downArrowLinker:hover {
	cursor: pointer;
}




.section7bContainer
.middleItContents {
	padding: 60px 0;
	float: left;
}





.middleItWrapperNEW {
	display: table;
	width: 100%;
	
}

.middleItContentNEW {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 60px 0;
	width: 100%;
}


h1, p , h3, h2 { 
	line-height: 130%;
}