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

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


/*
 * 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;
}

/* 06102017 addtions - new font to add mimssing characters to Karla */

@font-face {
    font-family: 'karmillabold';
    src: url('../fonts/karmilla-bold-webfont.eot');
    src: url('../fonts/karmilla-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karmilla-bold-webfont.woff2') format('woff2'),
         url('../fonts/karmilla-bold-webfont.woff') format('woff'),
         url('../fonts/karmilla-bold-webfont.ttf') format('truetype'),
         url('../fonts/karmilla-bold-webfont.svg#karmillabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'karmillaregular';
    src: url('../fonts/karmilla-regular-webfont.eot');
    src: url('../fonts/karmilla-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karmilla-regular-webfont.woff2') format('woff2'),
         url('../fonts/karmilla-regular-webfont.woff') format('woff'),
         url('../fonts/karmilla-regular-webfont.ttf') format('truetype'),
         url('../fonts/karmilla-regular-webfont.svg#karmillaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* end of 06102017 addtions - new font to add mimssing characters to Karla */




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



::selection {
	background: #40ba2f; /* Safari */
	color: #fff;
}
::-moz-selection {
	background: #40ba2f; /* 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: #5c2983 !important; }
.green { color: #40ba2f !important; }
.white { color: #fff !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: #40ba2f; position:absolute; }





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

.section1 {
	background-color: #5c2983;
	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: #3c3c3e;
	font-size: 57px;
    font-size: 4vw;
	font-weight: bold;
}
.section1subtitle {
	font-size: 36px;
    font-size: 2.5vw;   
	display: block;
}
.downArrow {
	width: 100%;
	position: absolute;
	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: 42px !important;
	}
	.section1subtitle {
		font-size: 27px !important;
	}

}

@media (max-width: 480px) {
	
	.section1 h1 {
		font-size: 36px !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: #40ba2f;
	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: #5c2983;
}
.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: #40ba2f;
	padding: 80px 0;
	text-align:center;
}
.section4 h3 {
	font-size: 47px;
	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: 46px !important;
	}

}

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

}




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

.section5 {
	background-image: url(../images/section5BG.jpg);
	background-position: top;
	background-size: cover;
	height: auto;
	padding: 60px 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;
}

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

}

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

}

.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;
	color: #5c2983;
}
.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;
	
}

@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%;
	color: #5c2983;
}


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

@media (max-width: 480px) {
	
	.decade3ColsVert {
		width: 100%;
	}
	.decade3ColsVertInner p {
		font-size: 30px !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;
	height: auto;
	text-align: center;
	padding: 150px 0 0px;
	position: relative;
	top: -100px;	
}

.section7 h3 {
	font-size: 47px;
	font-size: 4vw;
	margin-bottom: 60px;
}
.section7 p {
	font-size: 30px;
	font-size: 2.5vw;
	margin-bottom: 50px;
	color: #5c2983;
}

@media (max-width: 850px) {
	
	.section7 h3 {
		font-size: 42px !important;
		margin-bottom: 30px;
	}
	.section7 p {
		font-size: 28px !important;
	}
	.section7 {
		padding-top: 100px;
	}
	
}

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

}

.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;
	-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: #40ba2f;
	-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;
	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;
	}
	.section7 {
		top: -70px;
	}

}


@media (max-width: 600px) {

	.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) {

	.industryCol {
		width: 100%;
	}
	.industryColinner p {
		font-size: 28px !important;
		font-size: 6vw;
	}

}





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

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

.section8 h3 {
	font-size: 47px;
	font-size: 4vw;
	margin-bottom: 35px;
	padding: 0 20%;
}
.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: 80px 0;
}

.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: 40px 10%;
	margin-bottom: 20px;
	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%;
}

@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%;
	}

}

@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%;
	}
	
}

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

	}
	

}




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

.section10 {
	background-color: #5c2983;
	height: auto;
	text-align: center;
	padding-top: 80px;
}

.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: #40ba2f;
}
.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: 50%;
	height: auto !important;
	margin-bottom: 80px;
	max-width: 450px;
}





/* //////////////// 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: #40ba2f; }

@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; }



/* KOREAN BITS */

.logoWrapper {
	width: 100%;
	float: left;
	text-align: center;
	background-color: #fff;
}
.logoWrapper img {
	width: 100%;
	height: auto;
	padding: 28px 0;
	min-width: 220px;
}

@media (max-width: 600px) {
	.logoWrapper img {
		width: 220px !important;
		min-width: 220px !important;
		padding: 25px 0;
	}
}

.heroWrapper {
	width: 100%;
	float: left;
}
.heroWrapper img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.ctaWrapper {
	width: 100%;
	float: left;
}
.ctaGreen {
	background-image: url(../images/CTABG_green.jpg);
	background-size: cover;
}
.ctaPurple {
	background-image: url(../images/CTABG_purple.jpg);
	background-size: cover;
}
.ctaItem {
	float: left;
	width: 47%;
	margin: 3% 1% 3% 2%;
}
.ctaItemRHS {
	margin: 3% 2% 3% 1%;
}
.ctaItem a {
	background-image: url(../images/cta-btnBG_green.png);
	background-size: cover;
	background-repeat: repeat-x;
	display: block;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	text-align: center;
	padding: 5%;
	color: #3c3c3e;
	font-weight: 400;
	
	font-family: 'karmillabold' , 'karla' !important;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.ctaItem a:hover {
	opacity: 0.8;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ctaItemPurple {
	background-image: url(../images/cta-btnBG_purple.png);
}

@media (max-width: 900px) {

	.ctaItem {
		margin-top: 4%;
		margin-bottom: 4%;
	}
	
}

@media (max-width: 600px) {
	.ctaItem {
		width: 92%;
		margin-right: 4%;
		margin-left: 4%;
		margin-bottom: 0px;
		margin-top: 7%;
	}
	.ctaItemRHS {
		margin-top: 10px;
		margin-bottom: 7%;
	}
	.ctaItem a {
		font-size: 22px !important;
	}
}

@media (max-width: 480px) {
	.ctaItem {
		margin-top: 35px;
	}
	.ctaItemRHS {
		margin-top: 10px;
		margin-bottom: 35px;
	}
	.ctaItem a {
		font-size: 18px !important;
	}
}


@media (max-width: 321px) {

	.ctaItem a {
		font-size: 15px !important;
	}

}


.solutionsWrapper {
	width: 50%;
	float: right;
	background-color: #fff;
}
.solutionsInnerWrapper {
	display: block;
	padding: 5%;
	text-align: left;
}
.solutionsInnerWrapper h1 {
	margin-bottom: 30px;
}
.greyBG {
	background-color: #f5f5f5;
}
.solutionsInnerWrapper h1 {
	color: #5c2983;
	font-weight: bold;
}
.solutionsInnerWrapper p {
	color: #3c3c3e;
	line-height: 130%;
}
.solutionsInnerWrapper img {
	width: 12%;
	height: auto;
	float: left;
	margin-right: 15px;
}

@media (max-width: 900px) {
	
	.solutionsWrapper {
		width: 100%;
	}
	.solutionsInnerWrapper h1 {
		font-size: 48px !important;
	}
	.solutionsInnerWrapper p {
		font-size: 17px !important;
	}
	.solutionsInnerWrapper img {
		width: 66px !important;
	}
	
	.solutionsWrapper {
		height: auto !important;
	}
	
}

@media (max-width: 480px) {
	
	.solutionsInnerWrapper h1 {
		font-size: 38px !important;
	}
	.solutionsInnerWrapper p {
		font-size: 15px !important;
	}
	.solutionsInnerWrapper img {
		width: 52px !important;
	}
	
}

@media (max-width: 321px) {
	
	.solutionsInnerWrapper h1 {
		font-size: 34px !important;
	}
	
}

.numbersWrapper {
	width: 80%;
	float: left;
	background-image: url(../images/section5BG.jpg);
	background-position: top;
	background-size: cover;
	padding: 8% 10%;
}
.numberItemWrapper {
	width: 33%;
	float: left;
	text-align:center;
}
.numberItemInner {
	display: block;
	padding: 0 8%;
}
.numberItemInner img {
	width: 100%;
	height: auto;
}
.numberItemInner h1 {
	color: #3c3c3e;
	font-weight: bold;
	margin-top: 20px;
}


@media (max-width: 900px) {
	
	.numbersWrapper {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}

}

@media (max-width: 600px) {
	
	.numberItemWrapper {
		width: 100%;
	}
	.numberItemInner h1 {
		font-size: 42px !important;
	}

}

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

}


.focusindustriesTitle {
	width: 100%;
	float: left;
	background-color: #5c2983;
	padding: 4% 0;
	text-align: center;
}
.focusindustriesTitle h1 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0 10%;
}

@media (max-width: 480px) {
	
	.focusindustriesTitle {
		padding: 20px 0;
	}
	.focusindustriesTitle h1 {
		font-size: 40px;
	}
}

@media (max-width: 321px) {
	
	.focusindustriesTitle h1 {
		font-size: 30px !important;
	}
	
}


.industryBlock {
	width: 94%;
	float: right;
	padding: 3%;
	text-align: left;
	background-color: #fff;
}
.industryBlock img {
	float: right;
	margin-left: 3%;
	vertical-align: top;
	width: 30%;
	height: auto;
}
.industryStriped img {
	float: left;
	margin-right: 3%;
	margin-left: 0;
}
.industryBlock h1 {
	color: #5c2983;
	font-weight: bold;
}
.industryBlock p {
	color: #3c3c3e;
	line-height: 130%;
}
.industryStriped {
	background-image: url(../images/section9BG.jpg);
	background-repeat: repeat;
}

@media (max-width: 900px) {
	
	.industryBlock h1 {
		font-size: 48px !important;
	}
	.industryBlock p {
		font-size: 15px !important;
	}
	.industryBlock img {
		width: 40%;
		margin-bottom: 50px;
		margin-left: 25px;
	}
	.industryStriped img {
		margin-right: 25px;
		margin-left: 0;
	}
}

@media (max-width: 600px) {
	
	.industryBlock h1 {
		font-size: 48px !important;
	}
	.industryBlock p {
		font-size: 15px !important;
	}
	.industryBlock img {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	.industryStriped img {
		margin: 0;
		margin-bottom: 20px;
	}
}

@media (max-width: 480px) {
	
	.industryBlock h1 {
		font-size: 38px !important;
	}
	
}

.mapWrapper {
	width: 100%;
	float: left;
}
.mapWrapper img {
	width: 100%;
	height: auto;
	vertical-align: top;
}





.servicesWrapper {
	width: 98%;
	float: left;
	background-color: #40ba2f;
	text-align: center;
	padding: 4% 0;
	padding-right: 2%;
	/* sort out 3 col at 33% visual centering bug */
}
.servicesWrapper h1 {
	color: #fff;
	font-weight: bold;
	padding: 0 10%;
}
.servicesItemWrapper {
	width: 28%;
	float: right;
	margin: 2% 2% 2% 2%;
}
.lhsEdge {
	margin-left: 3%;
}
.rhsEdge {
	margin-right: 3%;
}
.servicesItemInner {
	display: block;
	background-color: #fff;
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	padding: 10% 6%;
}
.servicesItemInner h2 {
	color: #40ba2f;
	font-weight: bold;
	word-break: normal;
}
.servicesItemInner p {
	color: #3c3c3e;
	line-height: 130%;
	margin-bottom: 0;
	text-align: center;
}


@media (max-width: 900px) {

	.servicesWrapper {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.servicesWrapper h1 {
		font-size: 40px !important;
	}
	.servicesItemInner h2 {
		/*font-size: 42px !important;*/
	}
	.servicesItemInner p {
		font-size: 16px !important;
	}
}

@media (max-width: 700px) {

	.servicesWrapper {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.lhsEdge {
		margin-left: 0%;
	}
	.rhsEdge {
		margin-right: 0%;
	}
	.servicesItemWrapper {
		width: 44%;
		margin-right: 4%;
		margin-left: 2%;
	}
	.servicesItemWrapper:nth-child(2n) {
		margin-left: 4% !important;
		margin-right: 2% !important;
	}
	.servicesItemInner h2 {
		font-size: 22px !important;
	}
	
}

@media (max-width: 480px) {
	
	.servicesWrapper h1 {
		font-size: 30px !important;
	}
	.servicesItemWrapper , .servicesItemWrapper:nth-child(2n) {
		width: 92%;
		margin-right: 4% !important;
		margin-left: 4% !important;
	}
	
	.servicesItemInner h2 {
		font-size: 28px !important;
	}

}


.openWrapper {
	width: 100%;
	float: left;
	background-color: #fff;
	text-align: center;
}
.openWrapper img {
	margin: 4% 0 3% 0;
	width: 17%;
	height: auto;
}


@media (max-width: 480px) {
	
	.openWrapper img {
		margin: 50px 0 45px 0;
		width: 200px;
	}

}


p.footerLinker {
	color: #fff;
	text-align: center;
}
p.footerLinker a {
	color: #40ba2f;
}
p.footerLinker a:hover {
	color: #ffffff;
}
p.legals {
	margin-bottom: 0px !important;
	font-size: 13px;
	text-align: center;
}


@media (max-width: 900px) {
	
	p.legals {
		font-size: 10px !important;
	}
	
}






/* /////////// NAV ////////////// */

.navWrapper {
	width:100%; float: left; padding: 20px 0;
	background-image: url("../images/CTABG_purple.jpg");
	background-size: cover;
}
.navWrapper  ul {
	padding: 0;
	margin: 0;
	text-align: center;
}
.navWrapper li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	padding: 0 4px;
}
.navWrapper li a {
	/*background-color: #fff;*/
	background-image: url(../images/cta-btnBG_purple.png);
	display: block;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	text-align: center;
	padding: 5%;
	color: #3c3c3e;
	font-weight: bold;
	text-decoration: none;
	
	padding: 14px 25px;
	font-size: 18px;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.navWrapper li a:hover {
	opacity: 0.8;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.mobileNavWrapper {
	display: none;
	position: relative;
}
.mobileNavWrapper img {
	width: 34px !important;
	min-width: 34px !important;
}
.mobileNavWrapper a {
	position: absolute;
	float: right;
	right: 25px;
	/*top: 20px;*/
}
.mobileNavButtonsWrapper {
	display: none;
	width:100%; float: left; padding: 20px 0;
	background-image: url("../images/CTABG_purple.jpg");
	background-size: cover;
}
.mobileNavButtonsWrapper ul , .mobileNavButtonsWrapper li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:center;
}
.mobileNavButtonsWrapper li a {
	/*background-color: #fff;*/
	background-image: url(../images/cta-btnBG_purple.png);
	display: block;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	text-align: center;
	color: #3c3c3e;
	font-weight: 400;
	text-decoration: none;
	
	font-family: 'karmillabold' , 'karla' !important;
	
	padding: 14px 0;
	font-size: 18px;
	
	width: 92%;
	margin: 8px 4%;
}
.mobileNavButtonsWrapper li a:hover {
	opacity: 0.8;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

@media (max-width: 910px) {
	
	.navWrapper li a {
		font-size: 14px;	
		padding: 12px 20px;
	}

}

@media (max-width: 750px) {
	
	.navWrapper , .inlineLogonavWrapper {
		display: none;
	}
	.mobileNavWrapper {
		display: block;
	}

}

@media (max-width: 600px) {

	.mobileNavWrapper a {
		right: 15px;
		top: 10px;
	}

}







.inlineLogonavLogoWrapper {
	width: 26%;
	float: left;
	text-align: left;
	margin-left: 3%;
}
.inlineLogonavWrapper {
	width: 68%;
	float: right;
	margin-top: 35px;
	margin-right: 3%;
}
.inlineLogonavWrapper  ul {
	padding: 0;
	margin: 0;
	text-align: right;
}
.inlineLogonavWrapper li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	padding: 0 4px;
}
.inlineLogonavWrapper li a {
	background-color: #8a8a88;
	display: block;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	text-align: center;
	padding: 5%;
	color: #fff;
	font-weight: 400;
	
	
	font-family: 'karmillabold' , 'karla' !important;
	
	text-decoration: none;
	
	padding: 14px 25px;
	font-size: 18px;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.inlineLogonavWrapper li a:hover {
	background-color: #5c2983;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}


@media (max-width: 1040px) {

	.inlineLogonavWrapper {
		margin-top: 35px;
	}
	.inlineLogonavWrapper li a {
		padding: 12px 20px;
		font-size: 16px;
	}
	.inlineLogonavWrapper li {
		padding: 0 2px;
	}
	
	
}

@media (max-width: 880px) {
	
	.inlineLogonavWrapper {
		margin-top: 35px;
	}
	.inlineLogonavWrapper li a {
		padding: 10px 14px;
		font-size: 14px;
	}
	.inlineLogonavWrapper li {
		padding: 0 1px;
	}
	
}


@media (max-width: 750px) {

	.inlineLogonavLogoWrapper {
		width: 15%;
		margin-left: 5%;
	}
	.mobileNavWrapper a {
		margin-right: 5%;
		right: 0;
	}
	
}


.engText {
	font-family:'Circular Bold', Arial, Helvetica, sans-serif !important;
	font-weight: 400 !important;
}
.engText a {
	font-weight: 400 !important;
}

.quoteWrapperBlockof2DivWrapper {
	width: 100%;
	float: left;
	background-color: #fff;
}
.servicesBlockWrapper {
	width: 100%;
	float: left;
}


.singleCTA {
	width: 94%;
	margin: 3%;
}




/* 24/10/2016 */

.logosBox {
	background-image: none !important;
	background-color: #333 !important;
}

.numbersWrapper {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	text-align:center;
}
.logosBox h1 {
	text-align: center;
	margin-bottom: 45px;
	color: #fff;
}
.logoItem {
	/* 5 logos */ /*
	width: 17%;
	*/
	
	/* 6 logos */
	width: 14%;
	
	margin: 0 1%;
	/*float: left;*/
	display: inline-block;
	background-color: #fff;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
}
.logoItemInner {
	display: block;
	padding: 15px;
	text-align:center;
}
.logoItemInner img {
	width: 100%;
	height: auto;
}



@media (max-width: 950px) {

	.logoItem {
		width: 30%;
		margin: 0 1% 3%;
	}
	
	.logosBox h1 {
		font-size: 38px !important;
		margin-top: 20px;
	}

}

@media (max-width: 450px) {

	.logoItem {
		width: 40%;
		margin: 0 2% 5%;
	}

	.logosBox h1 {
		font-size: 30px !important;
		margin-bottom: 15px;
	}

}


/* 24102016 */

/* ///////////// 01072016 NEW MOBILE NAV //////////////// */

/* new nav anim with velocity */

.pageHeight {
	float: left;
}

#nav_mobileInlineSolution {
	width: auto; right: 0; position: absolute; display: block;
	width: 100%;
	height: 1000px;
	margin-top: 90px;
	overflow: hidden;
}

#nav_mobileInlineSolution li {
	list-style: none;
}
.NEWmobileNavAnimWrapper { right: -600px; position: relative; }
#nav_mobileInlineSolution ul { display: block; }

ul.NEWmobileNav {
	width: 77%;
	padding-left: 3%;
	margin-left: 20%;
	height: 100%;
	background-image: url(https://www.collabora.com/assets/images/core/2016nav/mobilenavBG-white.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 0px;
	float: left;
	margin-bottom: 0;
	padding-bottom: 10px;
	
	padding-top: 30px;
}
ul.NEWmobileNavContactBits {
	width: 77%;
	padding-left: 3%;
	margin-left: 20%;
	height: 100%;
	background-image: url(https://www.collabora.com/assets/images/core/2016nav/mobilenavBG-white.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-top: 0px;
	float: left;
	padding-top: 0px;
	
	text-align:right;
	
	-webkit-transition: all 0ms ease-out;
	-moz-transition: all 0ms ease-out;
	-ms-transition: all 0ms ease-out;
	-o-transition: all 0ms ease-out;
	transition: all 0ms ease-out;
	
}
	
ul.NEWmobileNav li {
	width: 43% !important;
	float: left;
	margin-bottom: 20px;
	text-align: right;
	margin-right: 7%;
}
ul.NEWmobileNav li a {
	color: #3c3c3e;
	font-size: 20px;
	padding: 3px 0;
	text-align: right !important;
}


@media (min-width: 750px) {
	
	#nav_mobileInlineSolution {
		display: none;
	}
	
}

@media (max-height: 400px) {

	ul.NEWmobileNav li a {
		padding: 0px 0;
	}
	ul.NEWmobileNav li {
		margin-bottom: 15px;
	}
	ul.NEWmobileNav {
		padding-bottom: 5px;
	}
	
}
	

.NEWmobileNavTrigger {
	margin-bottom: 30px;
}
ul.NEWmobileNav li a:hover {
	color: #5c2983;
}
ul.NEWmobileNav li.NEWmobileNavContactLink {
	width: 93%;
	margin-right: 7%;
}
ul.NEWmobileNav li.NEWmobileNavContactLink a {
	font-size: 17px;
	padding: 0;
	font-family: 'karmillaregular','Karla', Arial, Helvetica, sans-serif;
}
ul.NEWmobileNavContactBits li a {
	text-align: right;
	font-size: 17px;
	padding: 2px 0;
	font-family: 'karmillaregular','Karla', Arial, Helvetica, sans-serif;
	width: 93% !important;
	margin-right: 7% !important;
	color: #3c3c3e;
}
ul.NEWmobileNavContactBits li a:hover {
	color: #5c2983 !important;
}

@media (max-width: 550px) {
	
	ul.NEWmobileNav {
		width: 87%;
		padding-left: 3%;
		margin-left: 10%;
	}
	ul.NEWmobileNavContactBits {
		width: 87%;
		padding-left: 3%;
		margin-left: 10%;
	}
	ul.NEWmobileNav li {
		width: 45% !important;
		margin-right: 5%;
	}
	ul.NEWmobileNavContactBits li a {
		width: 95% !important;
		margin-right: 5% !important;
	}
	
	.focusindustriesTitle h1 , .servicesWrapper h1 {
		font-size: 30px !important;
		line-height: 130%;
	}
	
}

.singleCTA a , .inlineLogonavWrapper li a , .NEWmobileNavAnimWrapper a {
	font-family: "karmillaregular","karla";
}
.logosBox h1 {
	line-height: 130%;
}
.servicesWrapper h1 {
	line-height: 120%;
}


/* ADDING IN NEW ENG LINK IN HEADER */

.sectionEngLinkHeader {
	/*padding: 20px 0;*/
	padding: 15px 0;
	background-color: #3c3c3e;
}
.sectionEngLinkHeader p {
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
}
#nav_mobileInlineSolution {
	margin-top: 152px;
}
.homeFlagImg { margin-right: 8px; position: relative; /*top: 2px;*/ top: 4px; }	
	

@media (max-width: 1200px) {
	
	.sectionEngLinkHeader p {
		font-size: 16px;
	}
	.sectionEngLinkHeader {
		padding: 15px 0;
	}
	.homeFlagImg { margin-right: 8px; top: 4px; }	
	
}

@media (max-width: 600px) {
	
	#nav_mobileInlineSolution {
		margin-top: 145px;
	}
	ul.NEWmobileNav li a { 
		font-size: 16px;
	}
	ul.NEWmobileNavContactBits li a {
		font-size: 16px;
	}
}

@media (max-width: 550px) {
	
	#nav_mobileInlineSolution {
		margin-top: 132px;
	}
	.homeFlagImg { margin-right: 8px; top: 2px; width: 20px; height: auto; }

}

@media (max-width: 550px) {
	.sectionEngLinkHeader {
		padding: 12px 0;
	}
}


@media (max-width: 380px) {
	
	ul.NEWmobileNav li a { 
		font-size: 14px;
	}
	ul.NEWmobileNavContactBits li a {
		font-size: 14px;
	}
	.section11 p {
		font-size: 12px !important;
	}
}


p.legals a {
	color: #fff;
}
p.legals a:hover {
	color: #40ba2f;
}



/* 11062018 -- max width updates */

body {
	background-color: #fff;
	width: 100%;
}
.logoWrapper , .heroWrapper {
	max-width: 1495px;
	float: none;
	display: block;
	margin: 0 auto;
}
.mobileNavWrapper a {
	position: relative;
}
.maxWidthWrapper {
	max-width: 1495px;
	float: none;
	display: block;
	margin: 0 auto;
}