.clr {
	clear: both;
	height: 1px;
}

html, body {
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.fullWidthUnit h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #333333;
}

	h1,
	h1.tight {
		font-size: 26px;
		line-height: 30px;
		font-weight: 400;
		margin-bottom: 25px;
	}

		h1 span,
		h1 span span {
			font-size: 28px;
			font-weight: 200;
		}

		h1.tight {
			margin-bottom: 0;
		}

		h1.light {
			font-weight: 300;
		}

		h1.page-title {
			color: #00ccff;
			margin-top: 0;
		}

	h2,
	h2.tight {
		font-size: 24px;
		line-height: 30px;
		font-weight: 400;
		margin: 30px 0 20px 0;
	}

		h2 a,
		h2 a:link,
		h2 a:active,
		h2 a:hover {
			font-family: 'Roboto', sans-serif;
			font-size: 24px;
			line-height: 26px;
			font-weight: 400;
			color: #333333;
			text-decoration: underline;
		}

		h2.tight {
			margin-top: 0;
			margin-bottom: 0;
		}

		h2.tightTop {
			margin-top: 0;
		}

		h2.light {
			font-weight: 300;
		}

	h3,
	h3.blk {
		font-size: 20px;
		line-height: 22px;
		font-weight: 400;
	}

		h3 a,
		h3 a:link,
		h3 a:active,
		h3 a:hover {
			font-family: 'Roboto', sans-serif;
			font-size: 20px;
			line-height: 22px;
			font-weight: 400;
			color: #000;
			text-decoration: underline;
		}

		h3.blk {
			color: #000;
		}

h4 {
	font-size: 17px;
	line-height: 22px;
	font-weight: 400;
}

	h4 a,
	h4 a:link,
	h4 a:active,
	h4 a:hover {
		font-family: 'Roboto', sans-serif;
		font-size: 17px;
		line-height: 22px;
		font-weight: 400;
		color: #000;
		text-decoration: none;
	}

span,
td,
div,
p,
p.sm,
.sm,
li,
a,
a:link,
a:active,
a:hover {
	font-family: 'Roboto', sans-serif;
	line-height: 21px;
	font-size: 16px;
	font-weight: 300;
	color: #000;
}

li {
	padding-bottom: 10px;
}

p {
	margin-bottom: 20px;
}

a,
a:link,
a:active,
a:hover {
	color: #000;
	text-decoration: underline;
}

	a:hover {
		color: #00ccff;
		text-decoration: underline;
	}

h4 a,
h4 a:link,
h4 a:active,
h4 a:hover {
	color: #000;
	text-decoration: none;
}

a.arrowBlu:hover {
	text-decoration: underline;
}

h4 a,
h4 a:link,
h4 a:active,
h4 a:hover {
	font-weight: 200;
	color: #000;
}

p.sm,
span.sm {
	font-size: 11px
}


/**************************************
	BUTTONS START
*/
.standardButton,
a.standardButton,
a:link.standardButton,
a:active.standardButton,
a:visited.standardButton,
a:hover.standardButton {
	display: inline-block;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px;
	height: 40px;
	background-color: #000;
	color: #ffff00;
	text-decoration: none;
	padding: 0 15px 0 15px;
	margin: 10px 0 0 0;
	cursor: pointer;
}

/*
	BUTTONS END
**************************************/

/*-- DIVIDERS --*/
hr.dividerGeneral {
	height: 1px;
	width: 90%;
	border-bottom: 1px solid #ccc;
}

hr.dividerGeneralBlu {
	height: 1px;
	width: 90%;
	border-bottom: 1px solid #00aeef;
}

.addColumn {
	background-color: transparent;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}
.align-center,
.alignCenter {
	text-align: center;
}

.rightFloat {
	float: right;
}

.leftFloat {
	float: left;
}

.block {
	display: inline-block;
}

.hiddenElem,
.emailCheck {
	height: 0;
	display: none;
}

.imgCenter {
	margin-left: auto;
	margin-right: auto;
}

.imgNoBorder {
	border: 0;
}
/*make all images responsive*/
img {
	max-width: 100%;
}

.img.fixed {
	display: block;
	width: auto;
}

.padding {
	padding: 10px 40px;
}

.marginTop {
	margin-top: 10px;
}

.marginRight {
	margin-right: 10px;
}

.marginLeft {
	margin-left: 10px;
}

.marginBoth {
	margin-right: 10px;
	margin-left: 10px;
}

.wrapper {
	padding: 0;
	margin: 10px 0 0 0;
	width: 100%;
}

.innerContainer,
.innerContainerNoPad,
.innerContainerNoMargin,
.innerContainerNoMarginPerm,
.innerContainerNoMarginTop,
.innerContainerNoPadNoMargin,
.innerContainerNoPadNoMarginPerm,
.innerContainerNoBorder {
	display: block;
	background-color: transparent;
	margin: 10px;
	padding: 20px 40px;
}

.innerContainerNoMargin,
.innerContainerNoMarginPerm {
	margin: 0;
}

.innerContainerNoMarginTop {
	margin-top: 0;
}

.innerContainerNoPad {
	padding: 0;
}

.innerContainerNoPadNoMargin,
.innerContainerNoPadNoMarginPerm {
	padding: 0;
	margin: 0;
}

.innerContainerNoBorder {
	border: 0;
}

.containerCenter {
	text-align: center;
}

.containerInner {
	margin: 10px;
}

.noBackground {
	background: transparent;
}

.noPad {
	padding: 0;
}

	.noPad h4 {
		padding-left: 10px;
	}

.noPadTopBottom {
	padding-top: 0;
	padding-bottom: 0;
}

.noMargin {
	margin: 0;
}

.noMarginLeftRight {
	margin-left: 0;
	margin-right: 0;
}

.mobileOnly {
	display: none;
	visibility: hidden;
}

.hidden {
	display: none;
	visibility: hidden;
}

.topBar {
	background-color: #fff;
	height: 35px;
}

	.topBar ul {
		float: right;
		height: 35px;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;
	}

		.topBar ul li {
			float: left;
			font-family: 'Asap', sans-serif;
			height: 35px;
			font-size: 14px;
			color: #999999;
			padding: 0 15px;
			margin-bottom: 0;
			margin-top: 0;
			background: transparent url(topBarLISeperator.png) no-repeat bottom right;
		}

			.topBar ul li:last-child {
				background: none;
			}

			.topBar ul li a {
				font-family: 'Asap', sans-serif;
				display: block;
				height: 35px;
				padding-top: 17px;
				font-size: 14px;
				font-weight: 600;
				letter-spacing: 1px;
				color: #999999;
				text-decoration: none;
			}

	.topBar .container-fluid .row div p {
		line-height: 40px;
		color: #999999;
	}


/* 
  class to keep all inner divs in a row equal height:
  add 'equal' to class='row' wherever you want the divs to be of equal height 
*/
.equal, .equal > div[class*='col-'],
.equal2, .equal2 > div[class*='col-'] {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex: 1 0 auto;
}

	.equal2 > div[class*='col-'] {
		display: block;
	}


/*==================================================================*/


.container-fluid {
	max-width: 1300px;
	/*
  max-width:1200px;
  padding-right: 0;
  padding-left: 0;*/
	margin-right: auto;
	margin-left: auto;
}

.no-container-gutters {
	padding: 0 !important;
}

.full-width {
	max-width: 100%;
}

/* general formatting */

.text-container-right {
	padding-left: 20px !important;
}

.blueUnderline {
	width: 70%;
	height: 20px;
	border-bottom: 1px solid #00ccff;
	margin-bottom: 20px;
}

.black-underline,
.black-underline-full {
	width: 70%;
	height: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}

.black-underline-full {
	width: 100%;
}

.top-border-black {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #333;
}
/* create container same height as the title column to line elements up*/
.title-height {
	min-height: 90px;
}
/*============================================*/
/*============================================*/
/*-- MENU BASE BAR --	*/
.menuBase {
	background-color: #000;
	height: 27px;
	margin: 0;
	padding: 0;
}



/*********************************************
  Header
*********************************************/

.headerBlock {
	padding: 0;
}

	.headerBlock .headerLogo {
		display: block;
		height: 92px;
		width: 100%;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
	}

/* HEADER IMAGE SETTINGS */
.hpContainer {
	min-height: 526px;
	background: transparent url(FASTUS-Header-Default-LG.jpg) no-repeat center top;
	margin:0;
	/*
	-webkit-clip-path: polygon(0 0,100% 0, 100% 64%, 0 89%);
	clip-path: polygon(0 0,100% 0, 100% 64%, 0 89%);
	*/
}

	.hpContainer.headDefault {
		background-image: url(FASTUS-Header-Default.jpg);
	}
	.hpContainer.headDefaultSm {
		background-image: url(FASTUS-Header-Default-main.jpg);
	}
	.hpContainer.headProducts {
		background-image: url(FASTUS-Header-Products.jpg);
	}
	.hpContainer.headApplications {
		background-image: url(FASTUS-Header-Applications.jpg);
	}
	.hpContainer.headTechnology {
		background-image: url(FASTUS-Header-Default-main.jpg);
	}
/*
	.hpContainer.headController {
		background-image: url(CI-HeaderController.jpg);
	}

	.hpContainer.headLighting {
		background-image: url(CI-HeaderLighting.jpg);
	}

	.hpContainer.headPhotometricStereo {
		background-image: url(CI-HeaderPhotometricStereo.jpg);
	}

	.hpContainer.headPrincipleOperation {
		background-image: url(CI-HeadPrincipleOperation.jpg);
	}

	.hpContainer.headHighResolutionColor {
		background-image: url(CI-headHighResolutionColor.jpg);
	}

	.hpContainer.headHDR {
		background-image: url(CI-headHDR.jpg);
	}

	.hpContainer.headEDOF {
		background-image: url(CI-headEDOF.jpg);
	}

	.hpContainer.headBFDF {
		background-image: url(CI-headBFDF.jpg);
	}
		*/

/* HOME PAGE & HEADER AREA SPECIFIC LAYOUT STYLE */
.hpHeaderArea {
	max-width: 1300px;
	position: relative;
	min-height: 397px;
	margin: 0 auto;
}
/* define height of header box to knock breadcrumb down */
.homePageHeader .innerPageHeaderArea {
	min-height: 400px;
}

.innerHeadContainer .innerPageHeaderArea {
	min-height: 300px;
}

.hpHeaderArea h1.mainTitle {
	font-size: 39px;
	line-height: 44px;
	font-family: 'Maven Pro', sans-serif;
	color: #00ccff;
	padding-top: 144px;
	margin-left: 0px;
	margin-bottom: 0;
}

	.hpHeaderArea h1.mainTitle.wht {
		color: #fff;
	}

.hpHeaderArea h2 {
	font-weight: 300;
	letter-spacing: .5px;
	margin-left: 64px;
	margin-top: 20px;
}

.hpHeaderArea .FASTUSLogo {	
	position: absolute;
	top: 71px;
	right:85px;
}


.applicationImageLayer {
	margin: 0 0 20px 0;
}

	.applicationImageLayer div {
	}

.innerHeaderContainer {
	height: 222px;
	background: transparent url(CCSComputationalImaging-Header-sm.jpg) no-repeat center top;
	/*
	-webkit-clip-path: polygon(0 0,100% 0, 100% 64%, 0 89%);
	clip-path: polygon(0 0,100% 0, 100% 64%, 0 89%);
	*/
}



/* HEADER TEXT BLOCK */
.hpHeaderArea .headTextBlock {
	position: absolute;
	top: 50px;
	right: 50px;
	min-height: 160px;
	width: 50%;
	opacity: 1.0;
	background: transparent url(headerTextAreaBlue.png) no-repeat left top;
	overflow: hidden;
	padding: 0;
}

	.hpHeaderArea .headTextBlock .text-inner {
		padding: 18px 28px 26px 28px;
	}

	.hpHeaderArea .headTextBlock .head-block-base {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 52px;
		background-color: #231916;
		background: #231916 url(logoFASTUS-headBlockTrans.png) no-repeat right 20px top 7px;
	}

.headLogoBlock {
	position: absolute;
	top: 50px;
	right: 25px;
	min-height: 156px;
	width: 165px;
	opacity: 0.95;
	background: transparent url(headLogoBlock.png) no-repeat left top;
	overflow: hidden;
	padding: 18px 28px 26px 28px;
}

.innerPageHeaderArea .FASTUSLogoInner {
	position: absolute;
	top: 10px;
	right: 30px;
	width: 110px;
}

.headTextBlock h1.textBlockTitle {
	font-size: 30px;
	line-height: 36px;
	font-family: 'Maven Pro', sans-serif;
	color: #fff;
	margin-bottom: 0;
}

.headTextBlock h2 {
	font-weight: 300;
	color: #000;
	letter-spacing: .5px;
	padding: 0;
	margin: 0;
}

.headTextBlock p {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	letter-spacing: .5px;
	padding: 0;
	margin: 0;
}








/* PRODUCT ICONS */
a.productLink {
	text-align: center;
	display: block;
	padding-top: 30px;
	padding-bottom: 20px;
	text-decoration: none;
}
	/* Main div for border to extend to 50% from bottom left corner */
	a.productLink:after {
		content: "";
		background: #666666;
		position: absolute;
		bottom: 15%;
		left: 0;
		height: 70%;
		width: 1px;
	}

	a.productLink.no-border:after {
		content: "";
		background: transparent;
		position: absolute;
		bottom: 25%;
		left: 0;
		height: 50%;
		width: 1px;
	}

	a.productLink img {
		border: 0;
		margin: 0 auto;
	}

	a.productLink p {
		font-family: 'Maven Pro', sans-serif;
		font-size: 15px;
		color: #999;
		padding-top: 10px;
		text-decoration: none;
	}

	a.productLink ul.prod-link-list {
		list-style: none;
		margin: 0 0 0 -35px;
		text-align: center;
		list-style-position: inside;
	}

		a.productLink ul.prod-link-list li {
			font-family: 'Maven Pro', sans-serif;
			font-size: 15px;
			color: #fff;
			text-decoration: none;
			padding: 10px 0 0 13px;
			text-align:left;
			/*background: transparent url(bulletRoundLtBlue.png) no-repeat left 18px;*/
		}

			a.productLink ul.prod-link-list li:before {
				content: "\2022";
				margin-right: 12px;
				color: #00ccff;
			}


/*********************************************
  Breadcrumb
*********************************************/
.breadcrumb1 {
	display: block;
	min-height: 40px;
	padding-top: 5px;
	margin: 10px 0 17px 0;
	z-index: 1000;
}

	.breadcrumb1 ul {
		list-style: none;
		min-height: 40px;
		background-color: transparent;
		border-radius: 0;
		margin: 0 0 0 0;
		padding: 0;
	}

		.breadcrumb1 ul li,
		.breadcrumb1 span {
			display: inline-block;
			line-height: 20px;
			font-size: 10px;
			font-weight: 300;
			color: #333;
			margin-right: 0;
			padding-right: 8px;
		}

		.breadcrumb1 ul li {
			padding-right: 0px;
			padding-bottom: 0;
		}

		.breadcrumb1 ul > li + li:before {
			padding: 0 5px;
			color: #333;
			/*content: ">\00a0";*/
		}

	.breadcrumb1 span + span:before {
		padding: 0 0 0 0;
		color: #333;
	}

	.breadcrumb1 > .active {
		color: #000;
	}

	.breadcrumb1 ul li a,
	.breadcrumb1 span a {
		display: inline-block;
		line-height: 20px;
		color: #333;
		text-decoration: none;
		font-size: 10px;
		font-weight: 300;
		padding: 0 0 0 0;
	}

		.breadcrumb1 ul li a:hover,
		.breadcrumb1 span a:hover {
			color: #333;
		}



/*********************************************
  MAIN SITE STYLE START
*********************************************/

/* COLOUR BLOCKS */
.contentBlock {
	position: relative;
	width: 100%;
	padding: 20px;
	/*
	-webkit-clip-path: polygon(0 0,100% 0, 100% 64%, 0 89%);
	clip-path: polygon(0 0,100% 0, 100% 64%, 0 89%);
		*/
}

	.contentBlock:after {
		position: absolute;
		top: 55px;
		left: 12px;
		content: "";
		height: 0;
		width: 0;
		height: 0px;
		transform: translate(-50%, 0%);
		z-index: 2;
		border-style: solid;
		border-width: 12px;
		border-color: transparent transparent transparent #fff;
	}

	.contentBlock div:first-child h2:first-child,
	.contentBlock div:nth-child(2) h2:first-child {
		margin-top: 30px;
	}

.contentLeft {
	padding-right: 20px !important;
}

.ltGreyBg {
	background-color: #f1f1f1;
}
.ltGreyBg2 {
	background-color: #f7f7f7;
}

.ltBlueBg {
	background-color: #00ccff;
}

.drkGreyBg {
	background-color: #333333;
}

.contentBlock2 {
	position: relative;
	background: transparent url(contentBlockLtGrey.png) no-repeat left top;
	overflow: hidden;
	width: 100%;
	padding: 20px;
}

	.contentBlock2.drkGrey {
		background-image: url(contentBlockDrkGrey.png);
	}

	.contentBlock2 div:first-child h2:first-child,
	.contentBlock2 div:nth-child(2) h2:first-child {
		padding-top: 30px;
	}

ul.ltBlueArrowList, ul.ltBlueArrowList2 {
	list-style: none;
	padding: 0;
}

	ul.ltBlueArrowList li,
	ul.ltBlueArrowList2 li {
		float: left;
		width: 32%;
		min-height: 60px;
		background: transparent url(iconArrowRLtBlueCircle.png) no-repeat left 10px;
		background-size: 50px;
		border-bottom: 1px solid #666666;
		margin-right: 1%;
		padding: 5px 0;
	}

	ul.ltBlueArrowList2 li {
		min-height: 70px;
		background-size: 60px;
		padding: 8px 0;
	}

	ul.ltBlueArrowList li.PMS {
		background-image: url(SVG/iconListPMS.svg);
	}

	ul.ltBlueArrowList li.RGB {
		background-image: url(SVG/iconListRGB.svg);
	}

	ul.ltBlueArrowList li.HDR {
		background-image: url(SVG/iconListHDR.svg);
	}

	ul.ltBlueArrowList li.EDOF {
		background-image: url(SVG/iconListEDOF.svg);
	}

	ul.ltBlueArrowList li.BFDF {
		background-image: url(SVG/iconListBFDF.svg);
	}
	/*v2*/

	ul.ltBlueArrowList2 li.PMS {
		background-image: url(iconListPMS60.png);
	}

	ul.ltBlueArrowList2 li.RGB {
		background-image: url(iconListRGB60.png);
	}

	ul.ltBlueArrowList2 li.HDR {
		background-image: url(iconListHDR60.png);
	}

	ul.ltBlueArrowList2 li.EDOF {
		background-image: url(iconListEDOF60.png);
	}

	ul.ltBlueArrowList2 li.BFDF {
		background-image: url(iconListBFDF60.png);
	}

	ul.ltBlueArrowList li a,
	ul.ltBlueArrowList li a:link,
	ul.ltBlueArrowList li a:active,
	ul.ltBlueArrowList li a:hover,
	ul.ltBlueArrowList2 li a,
	ul.ltBlueArrowList2 li a:link,
	ul.ltBlueArrowList2 li a:active,
	ul.ltBlueArrowList2 li a:hover {
		display: block;
		line-height: 60px;
		font-family: 'Roboto', sans-serif;
		color: #000;
		text-decoration: none;
		padding: 0 0 0 60px;
		margin: 0;
	}

		ul.ltBlueArrowList2 li a,
		ul.ltBlueArrowList2 li a:link,
		ul.ltBlueArrowList2 li a:active,
		ul.ltBlueArrowList2 li a:hover {
			line-height: 60px;
			padding: 0 0 0 68px;
		}

/* CALL TO ACTIONS */
ul.cta {
	list-style: none;
	padding: 0 0 0 0;
	margin-left: 20px;
}

	ul.cta.horizontal2 {
		list-style: none;
		padding: 0 0 0 0;
		margin-left: 0;
	}

	ul.cta li {
		float: none;
		width: 100%;
		min-height: 40px;
		border-top: 1px solid #333;
		margin: 0;
		padding-top: 0;
	}
	/*homepage cta display*/
	ul.cta.horizontal,
	ul.cta.horizontal2 {
		margin-top: 25px;
	}

		ul.cta.horizontal li {
			display: inline-block;
			width: 47.5%;
			margin-right: 1.5%;
			border-top: none;
		}

		ul.cta.horizontal2 li {
			display: inline-block;
			width: 47.5%;
			margin-right: 2.5%;
			border-top: none;
		}

			ul.cta.horizontal2 li:last-child {
				margin-right: 0;
			}

	ul.cta li span,
	ul.cta li a,
	ul.cta li a:link,
	ul.cta li a:active,
	ul.cta li a:hover {
		display: block;
		line-height: 22px;
		/*font-family: 'Roboto', sans-serif;*/
		font-family: 'Maven Pro', sans-serif;
		font-size: 18px;
		font-weight: 400;
		color: #333;
		text-decoration: none;
		padding: 4px 0 0 80px;
		margin: 0;
		background-repeat: no-repeat;
		background-position: left 21px top 8px;
		background-position-x: 21px;
		background-position-y: 8px;
		background-size: 33px auto;
	}

	ul.cta li span {
		font-weight: 500;
	}

	ul.cta li a.download {
		background-image: url(ctaDownloadSm.png);
	}

	ul.cta li span.brochure {
		line-height: 39px;
		background-image: url(ctaBrochureSm.png);
	}

	ul.cta li a.contact {
		line-height: 39px;
		font-weight: 500;
		background-image: url(ctaContactSm.png);
	}

	ul.cta li a.video {
		line-height: 39px;
		font-weight: 500;
		background-image: url(ctaVideoSm.png);
	}

	ul.cta li ul.datasheets {
		list-style: none;
		padding: 0;
		margin: 0;
	}

		ul.cta li ul.datasheets li {
			margin: 0;
			padding: 0;
			line-height: 25px;
			min-height: 25px;
			border: 0;
		}

			ul.cta li ul.datasheets li a {
				font-size: 16px;
				line-height: 18px;
				padding: 0 0 5px 80px;
				margin: 0 !important;
			}

/* LINKED PRODUCTS */

ul.linkedProducts {
	list-style: none;
	padding: 0 0 0 0;
	margin-left: 20px;
}

	ul.linkedProducts li {
		float: none;
		width: 100%;
		min-height: 40px;
		font-size: 16px;
		font-weight: 500;
		color: #333;
		border-bottom: 1px solid #333;
		margin: 0;
		padding-top: 0;
	}

		ul.linkedProducts li.title {
			float: none;
			width: 100%;
			min-height: 40px;
			font-family: 'Roboto', sans-serif;
			color: #00ccff;
			border-bottom: 1px solid #00ccff;
			margin: 0;
			padding-top: 0;
		}

		ul.linkedProducts li a,
		ul.linkedProducts li a:link,
		ul.linkedProducts li a:active,
		ul.linkedProducts li a:hover {
			display: block;
			line-height: 40px;
			font-family: 'Roboto', sans-serif;
			font-size: 16px;
			font-weight: 500;
			color: #333;
			text-decoration: none;
			padding: 4px 0 0 10px;
			margin: 0;
		}

/* HOME PAGE AREA */
a.series-block {
	text-decoration: none;
}

	a.series-block img {
	}

	a.series-block span {
		display: block;
		border-top: 1px solid #333;
		line-height: 20px;
		text-decoration: none;
		padding: 5px 0 0 0;
	}
/* LIGHTING AREA */
.lightingInfoContainer {
	width: 100%;
	padding-bottom: 20px;
}

	.lightingInfoContainer .mainImage {
		width: 80%;
		margin: 0 auto;
	}

h4.lightingTitle {
	width: 33.333333%;
	display: block;
	font-weight: 700;
	line-height: 67px;
	border-bottom: 1px solid #00ccff;
}

.lightingDesc,
.lightingSpec {
	background-color: #f3f3f3;
}

.lightingSpec {
	padding: 27px 0 28px 0;
}

.lightingDesc p {
	padding: 28px 18px 28px 18px;
}

.lightingSpec .title {
	color: #00ccff;
	font-weight: 700;
	padding: 6px 5px;
}

.lightingSpec .detail {
	padding: 6px 0 0 10px;
}

	.lightingSpec .detail .item {
		background: transparent url(bulletSquareLtBlue.png) no-repeat top 10px left 0;
		padding: 0 0 0 10px;
	}

		.lightingSpec .detail .item a {
			text-decoration: underline;
			cursor: pointer;
		}

			.lightingSpec .detail .item a:hover {
				color: #00ccff;
			}


/* CONTROLLER AREA */
.controllerInfoContainer {
	width: 100%;
	padding-bottom: 0;
}

	.controllerInfoContainer .containerCell {
		border: 1px solid #fff;
		padding: 3px 10px;
	}

h4.controllerTitle {
	width: 90%;
	display: block;
	font-weight: 700;
	line-height: 30px;
	padding: 0;
	margin: 0;
}

.controllerDesc p {
	padding: 0;
	margin: 3px 0 0 0;
}

.controllerSpec {
	color: #00ccff;
	font-weight: 700;
	padding: 6px 0;
}

	.controllerSpec .detail {
		padding: 6px 0;
	}

		.controllerSpec .detail .item {
			background: transparent url(bulletSquareLtBlue.png) no-repeat top 10px left 0;
			padding: 0 0 0 10px;
		}


/* SOFTWARE AREA */

ul.softwareList {
	list-style: none;
	padding: 0;
}

	ul.softwareList li {
		display: inline-block;
		text-align: center;
		width: 15%;
		margin-right: 1%;
	}

		ul.softwareList li:last-child {
			margin-right: 0%;
		}

		ul.softwareList li div {
			display: block;
			width: 110px;
			height: 110px;
			line-height: 110px;
			border: 4px solid #00ccff;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			background-repeat: no-repeat;
			background-size: auto;
			background-size: 75%;
			background-position: center center;
			margin: 0 auto;
		}

			ul.softwareList li div.SFCL {
				background-image: url(softwareSegmentedFullColorLight.png);
			}

			ul.softwareList li div.BL {
				background-image: url(softwareBarLight.png);
			}

			ul.softwareList li div.Controller {
				background-image: url(softwareController.png);
			}

			ul.softwareList li div.FCL {
				background-image: url(softwareFullColorLights.jpg);
			}

			ul.softwareList li div.MSL {
				background-image: url(softwareMultiSpectralLight.png);
			}

			ul.softwareList li div.CI {
				background-image: url(iconCI.png);
			}



/* APPLICATION AREA */

.applicationIcon {
	float: left;
	margin: 0 20px 40px 0;
	border: 0;
}

.applicationImgBox {
	/*
	border-top: 1px solid #666666;
	background-color: #f1f1f1;
	*/
	text-align: center;
	padding: 10px 0 0 0;
}

h1.applicationH1 {
	margin-top: 31px;
	margin-bottom: 5px;
}

ul.applicationHeader {
	list-style: none;
	margin:0;
	padding:0;
}
ul.applicationHeader li {
	list-style: none;
	line-height:20px;
	margin: 0;
	padding: 0 0 10px 0;
}
	ul.applicationHeader li:before {
		content: "\2022";
		margin-right: 12px;
		color: #fff;
		padding: 0 0 0 0;
	}

/* MARKET THUMBS */
.market-row {
	padding:0;
	margin:20px 0 0 0;
}
.market-thumb {
	display: inline-block;
	width: 19.2%;
	margin-right: 0.5%;
}
.market-thumb:last-child {
	margin-right: 0%;
}
.market-thumb img{
	width:100%;
}
.market-thumb p {
	font-size:14px;
	font-weight:700;
}

/* APPLICATIONS */
.application-item {
	text-align:center;
}
	.application-item a,
	.application-item a:link,
	.application-item a:active,
	.application-item a:visited,
	.application-item a:hover {
		display: block;
		text-decoration: none;
	}
	.application-item img {
		margin: 0 auto 11px auto;
		width: 100%;
		max-width:300px;
	}
	.application-item p {
		display: block;
		border-top: 2px solid #a3a3a3;
		text-align:left;
		font-size: 14px;
		line-height: 16px;
		font-weight: 400;
		padding-top:5px;
	}


.BFDFimg1 {
	max-height: 476px;
}

.PMSimg1 {
	max-width: 450px;
}
/*========= GENERAL STYLES ===================*/
ul.bluSq {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

	ul.bluSq li {
		background: transparent url(bulletSquareLtBlue.png) no-repeat top 7px left 0;
		background-size: 8px 8px;
		padding: 0 0 10px 20px;
	}


/*********************************************
  MAIN SITE STYLE END
*********************************************/


/*========================================*/
/* Other Controls */
/*iframe percentage*/
.tourViewContainer {
	width: 100%;
	max-width: 750px;
	height: 750px;
	margin: 0 auto;
	padding: 0;
}

.aspect-ratio {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 51%;
}

	.aspect-ratio iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
/*========================================*/


/************************************

	FORMS STYLE START

**************************************/
.formFullWidth,
.formHeader,
.formTitle,
.formField,
.formErr {
	float: left;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	line-height: 21px;
	font-size: 16px;
	font-weight: 400;
	color: #000;
}

.formHeader {
	width: 100%;
	text-align: left;
}

.formFullWidth {
	width: 100%;
}

.formTitle {
	width: 30%;
}

	.formTitle.singleRow {
		width: 100%;
	}

.formField {
	width: 45%;
	margin-bottom:35px;
}

	.formField.singleRow {
		width: 95%;
	}

.formErr {
	width: 5%;
}

	.formErr.singleRow {
		width: 100%;
	}

.formField textarea {
	resize: vertical;
}

.formTable {
	width: 100%;
}

.formRow {
	width: 100%;
	min-height: 30px;
	line-height: 21px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.formFullWidth,
.formTitle,
.formElem,
.formMsg {
	float: left;
	vertical-align: top;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.formTitle {
	clear: both;
	width: 30%;
	padding-top: 9px;
}

.formElem {
	width: 65%;
}

.formMsg {
	width: 5%;
}

	.formRow::after,
	.formMsg::after {
		clear: both;
	}

.frmPadding {
	padding-top: 9px;
}

.frmBold {
	font-weight: 600;
}

/*
.formTable {
  max-width:500px;
  border-collapse:collapse;
}
.formTable tr td{
  padding:3px;
}
*/
/*input, textarea, select, button*/
input.form,
input.textarea,
input.select,
input.button,
input.submit
select.form {
	border: 1px solid #999;
	height: 36px;
	line-height: 34px;
	width: 100%;
	color: #000;
	padding-left: 13px;
}

input.searchBox,
select.searchBox,
select.form {
	border: 1px solid #999;
	height: 36px;
	line-height: 36px;
	width: 100%;
	margin: 0;
}

select::-ms-expand {
	display: none;
}

/*-- radio button list style --*/
table.rblVehicleType input {
	width: 20px;
	display: block;
	float: left;
}

table.rblVehicleType label {
	width: 200px;
	display: block;
	float: left;
}

/*-- checkbox style --*/
table.frm {
	margin-bottom: 20px;
}

div.frm {
	line-height: 30px;
}

table.frm tr td {
	vertical-align: middle;
}

	table.frm tr td input[type=checkbox],
	table.frm tr td input[type=radio] {
		/*display: none;*/
	}

	table.frm tr td label {
		display: inline;
		color: #333;
		font-weight: 200;
		cursor: pointer;
		text-indent: 5px;
		white-space: nowrap;
		vertical-align: middle;
		margin-right: 0;
		margin-left: 5px;
	}

	table.frm tr td input[type=checkbox] {
		/*
    float:left;
    width            : 1em;
    height           : 1em;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 0.25em;
    background       : rgb(211,168,255);
    background-image : -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : linear-gradient(rgb(240,240,240),rgb(211,168,255));
      */
		vertical-align: middle;
		line-height: 1em;
		font-size: 10pt;
	}

.formElem h4 {
	margin-top: 0;
	padding-top: 0;
}

.ListControl input[type=checkbox]:checked + label::before {
	content: "\2714";
	color: #fff;
	height: 1em;
	line-height: 11px;
	width: 1em;
	font-weight: 900;
	margin-right: 6px;
	margin-left: -20px;
}

.ListControl input[type=radio] + label {
	display: block;
	width: 1em;
	height: 1em;
	border: 0.0625em solid rgb(192,192,192);
	border-radius: 1em;
	background: rgb(211,168,255);
	background-image: -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
	background-image: -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
	background-image: -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
	background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
	background-image: linear-gradient(rgb(240,240,240),rgb(211,168,255));
	vertical-align: middle;
	line-height: 1em;
	font-size: 14px;
}

.ListControl input[type=radio]:checked + label::before {
	content: "\2716";
	color: #fff;
	display: inline;
	width: 1em;
	height: 1em;
	margin-right: 6px;
	margin-left: -20px;
}

/*Single Checkbox:*/
.CheckBoxLabel {
	white-space: nowrap;
}

.SingleCheckbox input[type=checkbox] {
	display: none;
}

.SingleCheckbox label {
	display: block;
	float: left;
	color: #000;
	cursor: pointer;
}

.SingleCheckbox input[type=checkbox] + label {
	width: 1em;
	height: 1em;
	border: 0.0625em solid rgb(192,192,192);
	border-radius: 0.25em;
	background: rgb(211,168,255);
	background-image: -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
	background-image: -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
	background-image: -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
	background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
	background-image: linear-gradient(rgb(240,240,240),rgb(211,168,255));
	vertical-align: middle;
	line-height: 1em;
	text-indent: 20px;
	font-size: 14px;
}

.SingleCheckbox input[type=checkbox]:checked + label::before {
	content: "\2714";
	color: #fff;
	height: 1em;
	line-height: 11px;
	width: 1em;
	font-weight: 900;
	margin-right: 6px;
	margin-left: -20px;
}

.confMsg,
.msgConf,
.msgErr,
.errMsg {
	line-height: 21px;
	font-size: 16px;
	color: #f00;
}

.errMsgBorder,
.msgConfBorder {
	display: block;
	width: 100%;
	border: 1px solid #FF0000;
	background-color: #fff;
	line-height: 21px;
	font-size: 16px;
	font-weight: normal;
	color: #FF0000;
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

	.errMsg ul li,
	.errMsgBorder ul li,
	.msgConf ul li,
	.msgConfBorder ul li {
		font-size: 16px;
		color: #f00;
		padding: 2px 0;
		margin: 0;
	}

	.confMsg,
	.msgConf,
	.msgConf ul li,
	.msgConfBorder ul li {
		/*border:1px solid #2DB200;*/
		font-weight: normal;
		color: #2DB200;
	}

.msgConfBorder {
	border: 1px solid #2DB200;
	font-weight: normal;
	color: #2DB200;
	padding: 10px 10px 10px 10px;
}

.PleaseWait {
	height: 60px;
	width: 200px;
	background-image: url(loading_black-lg.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
	line-height: 40px;
	margin: 0 0 3px 5px;
	/*display:none;*/
}


/************************************
	BESPOKE FORM OVERRIDE ITEM STYLES
**************************************/
/*input, textarea, select, button*/
input.form[type=text],
textarea.form {
	border: 1px solid #999;
	border-radius: 0;
	-webkit-appearance: none; /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	height: 40px;
	width: 100%; /*Width of select dropdown to give space for arrow image*/
	line-height: 40px;
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: ""; /*Removes default arrow from firefox*/
}

select.form {
	/*-webkit-appearance: none; Removes default chrome and safari style*/
	/*-moz-appearance: none;  Removes Default Firefox style*/
	/*background: #fff url('formSelectButtonGry.png') no-repeat; Adds background-image*/
	/*background-position: top right; Position of the background-image*/
	height: 40px;
	/*width: 100%; Width of select dropdown to give space for arrow image*/
	line-height: 40px;
	/*text-indent: 0.01px;  Removes default arrow from firefox*/
	/*text-overflow: "";Removes default arrow from firefox*/
	/*custom style for fonts
	font-size: 17px;
	font-weight: 300;*/
	color: #000;
	/* reset */
	/*
	margin: 0;
	padding-left: 12px;
	padding-right: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	*/
	padding-left: 10px;
}

input.form.drkBg[type=text],
textarea.form.drkBg {
	background-color: #ccc;
}

/************************************
	BESPOKE FORM OVERRIDE ITEM STYLES END 
**************************************/


/************************************

	FORMS STYLE END

**************************************/


/* VIDEO FRAME */

.videoWrapper {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
	margin: 0 auto;
}

	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


/* SPECIFIC SITE STYLE START */

/* PRODUCT PAGE*/

.product-header {
	margin: -35px auto 0 auto;
	padding: 50px 0 0 0;
	min-height: 496px;
	background-image: url(product-title-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50px 40px;
	background-size: 95% auto;
	background-color:transparent;
	z-index:100;
}

/* CONCERTINA BLOCKS */
.info-header {
	display: block;
	width: 100%;
	min-height: 45px;
	background-color: #00ccff;
	padding: 12px 20px;
	margin-top: 30px;
}

	.info-header span {
		display: inline-block;
	}

	.info-header .itag {
		font-size: 18px;
		font-weight: 700;
		line-height: 21px;
		/*color: #046595;*/
		color: #fff;
		padding-right: 8px;
	}

	.info-header .ititle {
		font-size: 16px;
		font-weight: 700;
		line-height: 21px;
		color: #333333;
	}

.info-header-title {
	position: relative;
	display: block;
	min-height: 20px;
	line-height: 20px;
	text-align: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #333;
	border: 0;
	background-color: #eceff0;
	padding: 6px 20px;
	cursor: pointer;
	margin-top: 4px;
}

	.info-header-title span {
		display: inline-block;
		margin: 0;
	}

	.info-header-title .itag {
		font-size: 15px;
		font-weight: 700;
		line-height: 21px;
		color: #333333;
		padding-right: 8px;
		margin: 0;
	}

	.info-header-title .ititle {
		font-size: 15px;
		line-height: 16px;
		font-weight: 700;
		color: #006699;
		padding-right: 75px;
	}

	.info-header-title .arrow-title {
		font-size: 15px;
		font-weight: 700;
		color: #333333;
		position: absolute;
		right: 20px;
		top: 5px;
		padding-right: 20px;
		background: transparent url(iconArrowDwnGrey.png) no-repeat center right 0;
	}

.info-container {
	width: 100%;
	padding: 6px 20px;
}

	.info-container p {
		padding: 3px 17px;
	}

/* PRODUCT GRID */
		.prod-grid {
}

	.prod-grid .grid-row {
		margin-top:6px;
	}
	.prod-grid .grid-row.gry {
		background-color: #f6f3f3;
	}

		.prod-grid .grid-row .prod-col {
			display: inline-block;
			width: 13.9%;
			min-height: 62px;
			vertical-align: top;
			margin:0;
		}

			.prod-grid .grid-row .prod-col.col-title {
				background-color: #1d1d1b;
				min-height: 69px;
				background-repeat: no-repeat;
				background-position: center center;
			}

			.prod-grid .grid-row .prod-col.col-selector {
				min-height: 69px;
			}
				.prod-grid .grid-row .prod-col.col-selector .circle {
					background-color: #2a3639;
					margin: 27px auto;
					position: relative;
					border: none;
					border-radius: 50%;
					opacity: 1;
					width: 15px;
					height: 15px;
				}
			.prod-grid .grid-row .prod-col.col-border {
				border-right: 1px solid #000;
			}

			.prod-grid .grid-row .prod-col.col-border-wht {
				border-right: 2px solid #fff;
			}

			.prod-grid .grid-row .prod-col img {
				width: 100%;
				border:0;
			}

			.prod-grid .grid-row .prod-col.col1 {
				width: 13.9%;
			}

			.prod-grid .grid-row .prod-col a {
				text-decoration:none;
			}
			.prod-grid .grid-row .prod-col .p-title {
				margin: 0;
				padding: 0;
				text-decoration: none;
			}
			.prod-grid .grid-row .prod-col .p-title span {
				font-size: 14px;
				font-weight: 700;
			}
			.prod-grid .grid-row .prod-col .p-desc {
				font-size: 14px;
				font-weight: 700;
				text-decoration: none;
				margin: 0;
				padding: 0;
			}

			.prod-grid .grid-row .prod-col .p-desc {
				font-weight: 300;
			}

.prod-desc {
	/*display: table;*/
	margin-top: 40px;
}
	.prod-desc .grid-row {
		/*display: table-row;*/
		height: 145px;
		background-color: #f6f3f3;
		margin-bottom: 10px;
		vertical-align: top;
		/*
		margin-top: 6px;
		padding: 0;
		
			*/
	}
		.prod-desc .grid-row .col-desc,
		.prod-desc .grid-row .col-title {
			display: inline-block;
			vertical-align: top;
			/*display: table-cell;
			border-bottom: 10px solid #fff;
			padding: 5px 22px 0 22px;*/
			/*
			height: 144px;
			display: inline-block;
			margin: 0;
			padding: 0;
			*/
		}
		.prod-desc .grid-row .col-title {
			background-color: #1d1d1b;
			background-repeat:no-repeat;
			background-position:center center;
			width: 13.9%;
			height: 145px;
		}
		.prod-desc .grid-row .col-desc {
			height: 145px;
			width: 85.5%;
			padding:20px 20px
		}

.product-block {
}
	.product-block a {
		text-decoration: none;
	}
	.product-block .p-title {
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
	.product-block .p-desc {
		font-size: 14px;
		font-weight: 300;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}

.prod-chart {
	margin:0 auto;
	max-width:369px;
}


/* quote button */
.submitButton {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	font-weight: 400;
	background-color: #333333;
	color: #fff;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	/*margin: 10px auto 10px auto;*/
	text-decoration: none;
	cursor: pointer;
}





/************* SPECIFIC SITE STYLE END *********************/



/* ================================*/
/*-------------------------------*/
/*left column containers that switch to 50% on mobile and 100% on mobile*/
.leftColBox50Split {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.leftColBox50Container {
	overflow: hidden;
	width: 100%;
}


/* ================================*/
/* footer */
.page-footer {
	width: 100%;
	position: relative;
	text-align: center;
	padding-bottom: 0;
	margin: 0 0 0 0;
}

	.page-footer .headerBar {
		min-height: 55px;
		padding-top: 0;
		padding-bottom: 0;
	}

		.page-footer .headerBar .lCol,
		.page-footer .headerBar .rCol {
			min-height: 50px;
			height: auto;
			float: left;
			width: 50%;
			padding: 0;
			margin: 0;
		}

		.page-footer .headerBar .infoBlock {
			display: block;
			width: 48%;
			height: 64px;
			line-height: 64px;
			background-color: #000;
			margin: 7px auto;
		}

			.page-footer .headerBar .infoBlock a:link,
			.page-footer .headerBar .infoBlock a:active,
			.page-footer .headerBar .infoBlock a:visited,
			.page-footer .headerBar .infoBlock a:hover {
				display: block;
				height: 100%;
				width: 100%;
				line-height: 64px;
				padding: 0 0 0 0;
				font-size: 26px;
				color: #ffff00;
				text-decoration: none;
			}

			.page-footer .headerBar .infoBlock a .infoBlockInner {
				display: block;
				margin: 0 auto;
			}

				.page-footer .headerBar .infoBlock a .infoBlockInner img {
					border: 0;
					margin-right: 15px;
				}

			.page-footer .headerBar .infoBlock a.tel {
				/*background: transparent url(iconPhoneYellow.png) left bottom no-repeat;*/
				font-size: 26px;
				color: #ffff00;
			}

				.page-footer .headerBar .infoBlock a.tel .infoBlockInner {
					font-size: 26px;
					color: #ffff00;
					width: 300px;
					padding: 10px 0 0 0;
				}

			.page-footer .headerBar .infoBlock a.email {
				/*background: transparent url(iconEmailYellow.png) left bottom no-repeat;*/
				font-size: 22px;
				color: #ffff00;
			}

				.page-footer .headerBar .infoBlock a.email .infoBlockInner {
					font-size: 22px;
					color: #ffff00;
					width: 490px;
					padding: 15px 0 0 0;
				}

/*---- info bar -----*/

.infoBarContainer {
	background-color: #333333;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.page-footer .infoBar {
	min-height: 192px;
	min-height: 55px;
	padding-top: 0;
	padding-bottom: 0;
}

	.page-footer .infoBar h3 {
		color: #cccccc;
	}

	.page-footer .infoBar .titleBlock {
		text-align: left;
		padding-top: 60px;
	}

	.page-footer .infoBar .contactDetail {
		text-align: left;
		padding-top: 52px;
		padding-bottom: 40px;
	}

		.page-footer .infoBar .contactDetail h4 {
			color: #fff;
			padding: 0;
			margin: 0;
			line-height: 20px;
		}

		.page-footer .infoBar .contactDetail p,
		.page-footer .infoBar .contactDetail p.sm {
			color: #fff;
			padding: 0;
			margin: 0;
			line-height: 20px;
		}

			.page-footer .infoBar .contactDetail p.sm {
				color: #fff;
				font-size: 11px;
				line-height: 15px;
				padding-bottom: 5px;
			}

		.page-footer .infoBar .contactDetail a {
			color: #fff;
		}


/*---- footer location bar -----*/
.page-footer .locationBar {
	width: 100%;
	min-height: 50px;
	height: auto;
	position: relative;
	text-align: left;
	padding: 28px 0;
	margin: 0 0 0 0;
	background-color: #ffff00;
}

	.page-footer .locationBar h2 {
		font-size: 22px;
		line-height: 26px;
		color: #000;
	}

	.page-footer .locationBar ul.baseLocationLinks {
		list-style: none;
		padding: 0;
		margin: 20px 0 0 0;
	}

		.page-footer .locationBar ul.baseLocationLinks li {
			float: left;
			width: 40%;
			text-align: center;
			background-color: #000;
			height: 64px;
			padding: 0;
			margin: 0 5%;
		}

			.page-footer .locationBar ul.baseLocationLinks li:first-child {
				/*margin-left:0;*/
			}

			.page-footer .locationBar ul.baseLocationLinks li:last-child {
				/*margin-right: 0;*/
			}

			.page-footer .locationBar ul.baseLocationLinks li a,
			.page-footer .locationBar ul.baseLocationLinks li a:active,
			.page-footer .locationBar ul.baseLocationLinks li a:hover {
				display: block;
				height: 64px;
				width: 100%;
				font-size: 24px;
				line-height: 64px;
				font-weight: 700;
				text-align: center;
				color: #ffff00;
				text-decoration: none;
				margin: 0;
				padding: 0;
			}

				.page-footer .locationBar ul.baseLocationLinks li a:hover {
					text-decoration: none;
				}

/* Site Map */

.page-footer .baseArea1 {
	width: 100%;
	min-height: 300px;
	background-color: #3e3e3e;
	margin: 0;
	padding: 0;
}

	.page-footer .baseArea1 .container-fluid ul.siteMap,
	.page-footer .baseArea1 .container-fluid ul.siteMap li ul {
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 20px 0 0 0;
	}

		.page-footer .baseArea1 .container-fluid ul.siteMap li ul {
			margin: 5px 0;
		}

		.page-footer .baseArea1 .container-fluid ul.siteMap li,
		.page-footer .baseArea1 .container-fluid ul.siteMap.alignRight li {
			float: left;
			width: 20%;
			font-size: 12px;
			font-family: 'Roboto', sans-serif;
			line-height: 16px;
			font-weight: 600;
			text-align: left;
			color: #66ccff;
			padding: 0 2% 3px 2%;
			margin: 0 0 0 0;
		}

		.page-footer .baseArea1 .container-fluid ul.siteMap.alignRight li {
			float: right;
			text-align: right;
			padding: 0 5px 3px 5px;
		}
		/* sub menu */
		.page-footer .baseArea1 .container-fluid ul.siteMap li a,
		.page-footer .baseArea1 .container-fluid ul.siteMap li a:active,
		.page-footer .baseArea1 .container-fluid ul.siteMap li a:hover {
			font-family: 'Roboto', sans-serif;
			font-size: 12px;
			line-height: 18px;
			font-weight: 600;
			text-align: left;
			color: #66ccff;
			text-decoration: none;
			margin: 0;
			padding: 0;
		}

			.page-footer .baseArea1 .container-fluid ul.siteMap li a:hover {
				/*color: #66ccff;*/
				text-decoration: none;
			}

		.page-footer .baseArea1 .container-fluid ul.siteMap li ul li,
		.page-footer .baseArea1 .container-fluid ul.siteMap.alignRight li ul li {
			float: none;
			width: 100%;
			font-family: 'Roboto', sans-serif;
			font-size: 12px;
			line-height: 18px;
			font-weight: 400;
			text-align: left;
			color: #FFF;
			padding: 0 0 5px 0;
			margin: 0;
		}

		.page-footer .baseArea1 .container-fluid ul.siteMap.alignRight li ul li {
			text-align: right;
			padding: 0 0 5px 0;
		}


		.page-footer .baseArea1 .container-fluid ul.siteMap li ul li a,
		.page-footer .baseArea1 .container-fluid ul.siteMap li ul li a:active,
		.page-footer .baseArea1 .container-fluid ul.siteMap li ul li a:hover {
			font-family: 'Roboto', sans-serif;
			font-size: 12px;
			line-height: 18px;
			font-weight: 400;
			text-align: left;
			color: #FFF;
			text-decoration: none;
		}

			.page-footer .baseArea1 .container-fluid ul.siteMap li ul li a:hover {
				color: #66ccff;
				text-decoration: none;
			}

		.page-footer .baseArea1 .container-fluid ul.siteMap li ul li.divider {
			border-top: 0px solid #66ccff;
			margin-top: 5px;
			margin-bottom: 5px;
			height: 1px;
			width: 100%;
		}


	.page-footer .baseArea1 p {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		line-height: 18px;
		font-weight: 400;
		text-align: center;
		color: #FFF;
		text-decoration: none;
	}

/* footer icons -------- */
.page-footer .headerBar ul.socialIcons {
	float: right;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

	.page-footer .headerBar ul.socialIcons li {
		float: left;
		text-align: center;
		width: 50px;
		min-width: 50px;
		max-height: 40px;
		font-size: 0.9rem;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: 0;
	}

	.page-footer .headerBar ul.socialIcons > li > a,
	.page-footer .headerBar ul.socialIcons > li > a:link,
	.page-footer .headerBar ul.socialIcons > li > a:visited,
	.page-footer .headerBar ul.socialIcons > li > a:hover {
		text-decoration: none;
		display: block;
		padding: 0;
		margin: 0;
	}

		.page-footer .headerBar ul.socialIcons > li > a:hover {
		}

		.page-footer .headerBar ul.socialIcons > li > a > img.footerIcon {
			max-height: 40px;
			border: 0;
		}


/************************
  COLLAPSIBLE MENU HEADERS
************************/
.collapse-menu-header-1 {
	display: block;
	min-height: 50px;
	line-height: 40px;
	text-align: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	border: 0;
	border-top: 1px solid #999999;
	padding: 6px 0;
	background: transparent url(btnExpandPlusLtBlue.png) no-repeat right 13px;
	cursor: pointer;
}

.collapse-sub-menu-header-2,
.page-footer .baseArea1 .container-fluid ul.siteMap li a.collapse-sub-menu-header-2 {
	display: block;
	min-height: 40px;
	line-height: 40px;
	text-align: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #66ccff;
	background-color: transparent;
	border: 0;
	border-top: 1px solid #999999;
	padding: 6px 0;
	background: transparent url(btnExpandPlusLtBlueSm.png) no-repeat right 20px;
	cursor: pointer;
}

	.collapse-sub-menu-header-2.straight-link,
	.page-footer .baseArea1 .container-fluid ul.siteMap li a.collapse-sub-menu-header-2.straight-link {
		background :none;
		border: 0;
		padding: 0 0;
		margin-top: 0;
		line-height: 20px;
	}

.collapse-info-header-1 {
	display: block;
	min-height: 67px;
	line-height: 67px;
	text-align: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #333;
	border: 0;
	border-top: 1px solid #999999;
	padding: 6px 0;
	background: transparent url(iconArrowDwnGreyCircle.png) no-repeat right 27px;
	cursor: pointer;
}

button.collapse-info-header-1[aria-expanded="true"] {
	background-image: url(iconArrowUpLtBlueCircle.png);
}

.collapse-info-header-2 {
	display: block;
	min-height: 40px;
	line-height: 40px;
	text-align: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #333;
	border: 0;
	border-top: 1px solid #999999;
	padding: 6px 0;
	background: transparent url(iconArrowDwnGreyCircle.png) no-repeat right 13px;
	cursor: pointer;
}

button.collapse-info-header-2[aria-expanded="true"] {
	background-image: url(iconArrowUpLtBlueCircle.png);
}
/************************
  COLOR OVERRIDES 
*/
a.wht,
a.wht:empty,
a.wht:link,
a.wht:active,
a.wht:visited,
a.wht:hover,
.wht {
	color: #fff;
}

a.blk,
a.blk:empty,
a.blk:link,
a.blk:active,
a.blk:visited,
a.blk:hover,
.blk {
	color: #000;
}

.ltBlue {
	color: #00ccff;
}

a.bluHover:hover {
	color: #00ccff !important;
}

a.no-underline,
a:active.no-underline,
a:visited.no-underline,
a:hover.no-underline {
	text-decoration: none !important;
}

/* .net validation controls */
.showValidation {
	/*
	display: inline-block !important;
	color: #888 !important;
	*/
}

/*========================================
  RESPONSIVE CONTROL
=============================================*/
@media (max-width: 1700px) {
	html, body {
		background-position: bottom 160px left -340px;
	}
}

@media (max-width: 1500px) {

	html, body {
		background-position: bottom 160px left -340px;
	}
}


@media (max-width: 1300px) {

	.hpHeaderArea .FASTUSLogo {
		right:20px;
	}

}

@media (max-width: 1150px) {

	html, body {
		background-position: bottom 160px left -340px;
	}
	/*footer area block items*/
	.page-footer .headerBar .infoBlock {
		width: 58%;
	}
}

/**********************************************/
/*Extra large devices (large desktops, 1200px and up) 
	.col-xl-
*/
@media (min-width: 1200px) {
}

@media (max-width: 1200px) {

	/* HEADER IMAGE SETTINGS */
	.hpContainer {
		background-position: calc(50% - 200px) 0;
	}

		.hpContainer.homePageHeader {
			background-position: calc(50% - 50px) 0;
		}

		.hpContainer.headController,
		.hpContainer.headLighting {
			background-position: calc(50% - 50px) 0;
		}

		.hpContainer.headDefault {
			background-position: center top;
			background-position: calc(50% + 100px) 0;
		}
}
/**********************************************/


/**********************************************/
/* Large devices (desktops, 1000px and up) 
	.col-lg-
*/
@media (max-width: 1199px) {

	.contentLeft {
		padding-right: 0 !important;
	}

	/* PRODUCT GRID */

	.prod-grid .grid-row .prod-col {
		width: 13.5%;
	}

}

@media (max-width: 1100px) {
	/*homepage video*/
	.videoWrapper.hp {
		margin-top: 30px;
	}

	/* MARKET THUMBS */
	.market-thumb {
		width: 19%;
	}

	/* SOFTWARE AREA */

	ul.softwareList li div {
		width: 90px;
		height: 90px;
		line-height: 90px;
		border: 4px solid #00ccff;
	}
}


/*==================================================*/
/*
	SAME WIDTH AT WHICH MENU COLLAPSES
*/
/*==================================================*/

@media (max-width: 1045px) {
	/*
		.headerBlock .headerLogo {
		height: 92px;
		width: 100%;
		margin: 10px 0 0 0;

	}
		
	.hpHeaderArea .FASTUSLogo {
		left: 20%;
	}*/
}



/**********************************************/
/*Medium devices (tablets, 768px and up) 
	.col-md-
*/
@media (min-width: 970px) {
}


@media (max-width: 991.98px) {

	/* 
    class to keep all inner divs in a row equal height:
    add 'equal' to class='row' wherever you want the divs to be of equal height 
  */
	.equal, .equal > div[class*='col-'] {
		display: block;
	}


	/* HEADER TEXT BLOCK */
	.hpHeaderArea .headTextBlock {
		width: 70%;
	}

	/*homepage video*/
	.videoWrapper.hp {
		margin-top: 0;
	}

	/* CALL TO ACTIONS */
	.ctaContainer {
		display: table;
		width: 100%;
		text-align: center;
		padding: 0;
		margin:30px 0 0 0;
	}
	ul.cta li:first-child {
		/*border-top: 0px solid #333;*/
	}

	ul.cta li span.brochure {
		line-height: 39px;
		background-image: url(ctaBrochureSm.png);
		padding: 4px 0 0 40px;
	}

	ul.cta {
		min-width: 400px;
		border-bottom: 1px solid #333;
		margin-left: 0;
	}

		ul.cta.horizontal2 {
			min-width: 400px;
			border-bottom: none;
			margin-left: 0;
		}

		ul.cta li {
			display: inline-block;
			width: 48.5%;
			margin-right: 1.5%;
		}

			ul.cta li:first-child {
				width: 100%;
				margin-right: 0%;
				margin-left: 0%;
			}

			ul.cta li:last-child {
				margin-right: 0;
			}

			ul.cta li ul.datasheets li {
				display: inline-block;
				width: auto;
			}
				/*
				ul.cta li ul.datasheets li a {
					background: transparent url(bulletSquareLtBlue.png) no-repeat left 10px;
					padding: 0 15px 0 15px;
				}*/
				ul.cta li ul.datasheets li a {
					padding: 0 15px 0 0;
				}

					ul.cta li ul.datasheets li a:before {
						content: "\2022";
						margin-right: 12px;
						color: #00ccff;
						padding: 0 0 0 0;
					}



	/* CONCERTINA BLOCKS */
	.info-header-title .ititle {
		padding-right: 10px;
	}
	.info-header-title .arrow-title {
		display: block;
		position: relative;
		width: 100px;
		padding-right: 10px;
		padding-left: 20px;
		margin-bottom:10px;
		background: transparent url(iconArrowDwnGrey.png) no-repeat center right 0;
	}

	/* PRODUCT PAGE */
	.prod-desc .grid-row {
		height: 215px;
	}

		.prod-desc .grid-row .col-title {
			width: 25%;
			height: 215px;
		}

		.prod-desc .grid-row .col-desc {
			font-size: 14px;
			height: 215px;
			width: 70%;
		}

	/* LIGHTING AREA */

	h4.lightingTitle {
		width: 50%;
	}

	.lightingInfoContainer .mainImage {
		max-width: 300px;
		margin: 0 auto 20px auto;
	}

	.lightingDesc p {
		padding: 28px 18px 18px 18px;
	}

	.lightingSpec {
		padding: 0 14px 18px 14px !important;
	}
}


/* bespoke product page */

@media (max-width: 900px) {

	.product-header {
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		min-height: 460px;
	}
}

@media (max-width: 950px) {
	ul.ltBlueArrowList2 li {
		width: 49%;
	}
	/*
	ul.ltBlueArrowList2 li a,
	ul.ltBlueArrowList2 li a:link,
	ul.ltBlueArrowList2 li a:active,
	ul.ltBlueArrowList2 li a:hover {
		font-size:15px;
		display: block;
		line-height: 20px;
		font-family: 'Roboto', sans-serif;
		color: #000;
		text-decoration: none;
		padding:15px 0 15px 60px;
		margin: 0;
	}*/

	/* SOFTWARE AREA */

	ul.softwareList li div {
		width: 60px;
		height: 60px;
		line-height: 60px;
		border: 3px solid #00ccff;
	}
}



@media (max-width: 880px) {

	/* MARKET THUMBS */
	.market-thumb {
		width: 32.2%;
	}

}


/**********************************************/
/*Medium devices (tablets, 768px and up) 
	.col-sm-
*/
@media (min-width: 769.98px) {
}

@media (max-width: 769px) {


	html, body {
		background-position: bottom 430px left -340px;
	}


	/* change standard font styles for mobiles */
	h3 {
		font-size: 18px
	}

	h4 {
		font-size: 16px;
	}

	td,
	p,
	.fullWidthUnit p,
	p.redLg,
	p.redLgC,
	p.profile,
	li,
	a,
	a:link,
	a:active,
	a:hover {
		line-height: 21px;
		font-size: 16px
	}


	/* general formatting */

	.col-sm-12.text-container-right,
	.col-12.text-container-right {
		padding-left: 0 !important;
		padding-top: 20px !important;
	}

	/* reduce size of main logo */
	.headerBlock .headerLogo a img {
		height: 80px;
		margin-top: 4px;
	}

	/* HOME PAGE SPECIFIC LAYOUT STYLE */
	.hpHeaderArea h1.mainTitle {
		font-size: 30px;
	}

	.hpHeaderArea h2 {
		font-size: 18px;
		margin-top: 5px;
	}


	/* PRODUCT PAGE*/

	.product-header {
		min-height: 430px;
		background-position: left top 50px;
	}

	/* PRODUCT GRID */

	.prod-grid .grid-row .prod-col.col-title,
	.prod-desc .grid-row .col-title {
		background-size: 100% auto;
	}

	/* LINKED PRODUCTS */

	ul.linkedProducts {
		margin-top: 20px;
		margin-left: 0;
	}


	/* CONTROLLER AREA */

	h4.controllerTitle {
		width: 50%;
	}


	/* SOFTWARE AREA */

	ul.softwareList li div {
		width: 85px;
		height: 85px;
		line-height: 85px;
		border: 4px solid #00ccff;
	}

	/* APPLICATION AREA */

	.BFDFimg1 {
		max-height: 656px;
	}

	.PMSimg1 {
		max-width: 100%;
	}

	/*footer*/

	.page-footer .headerBar {
		font-size: 12px;
	}


	/*footer site map*/

	.page-footer .baseArea .lCol,
	.page-footer .baseArea .rCol {
		float: none;
		width: 100%;
	}

	.page-footer .baseArea1 .container-fluid ul.siteMap li,
	.page-footer .baseArea1 .container-fluid ul.siteMap.alignRight li {
		float: left;
		width: 50%;
	}


	/*footer area block items*/
	.page-footer .headerBar .infoBlock {
		width: 88%;
	}

	/*-- change menu style end --*/
	.page-header div .row div p,
	.page-header div .row div p a {
		font-size: 18px;
		line-height: 24px;
	}


	.noMobile {
		display: none;
		visibility: hidden;
	}

	.mobileOnly {
		display: block;
		visibility: visible;
	}

	ul.ltBlueArrowList li,
	ul.ltBlueArrowList2 li {
		width: 49%;
	}
}




@media (min-width : 576px) and (max-width : 750px) {

	a.productLink img {
		width:90%;
	}

}


@media (max-width: 720px) {


	/* HEADER TEXT BLOCK */
	.hpHeaderArea .headTextBlock {
		width: 80%;
		top: 30px;
	}


	.prod-desc .grid-row {
		height: 215px;
	}
	.prod-desc .grid-row .col-title {
		width: 25%;
		height: 215px;
	}

	.prod-desc .grid-row .col-desc {
		font-size:14px;
		height: 215px;
		width: 70%;
	}
}

	@media (max-width: 650px) {

		.tabletOnly {
			display: block;
			visibility: visible;
		}

		/*-- FORM ELEMENTS --*/
		.formTitle,
		.formField,
		.formErr {
			float: left;
			margin-bottom: 5px;
		}

		.formTitle {
			width: 100%;
		}

		.formField {
			width: 95%;
			margin-bottom: 15px;
		}

		.formErr {
			width: 5%;
		}


		/* CALL TO ACTIONS 
		ul.cta {
			border-bottom: 1px solid #333;
			margin-bottom: 30px;
		}

			ul.cta li {
				display: block;
				width: 100%;
				margin-right: 0;
			}
			*/


		/* HEADER TEXT BLOCK 
		.hpHeaderArea .headTextBlock {
			width: 60%;
		}
			*/

		/* PRODUCT PAGE*/
		.product-header {
			min-height: 360px;
		}

		/* SOFTWARE AREA */

		ul.softwareList li div {
			width: 75px;
			height: 75px;
			line-height: 75px;
			border: 4px solid #00ccff;
		}


		/* footer */

		.page-footer .locationBar ul.baseLocationLinks li {
			float: none;
			width: 80%;
			margin: 5px auto;
		}

		.page-footer .headerBar {
			font-size: 12px;
		}

			.page-footer .headerBar .lCol,
			.page-footer .headerBar .rCol {
				float: none;
				width: 100%;
				text-align: center;
			}

			/*.page-footer .headerBar .alignLeft,*/
			.page-footer .headerBar .alignRight,
			.page-footer .headerBar .alignCenter {
				text-align: center;
			}

				.page-footer .headerBar .alignRight ul.socialIcons {
					/*float: none;*/
					margin: 0 auto;
				}
		/*footer site map*/
		.page-footer .container-fluid ul.siteMap li,
		.page-footer .container-fluid ul.siteMap li ul li,
		.page-footer .container-fluid ul.siteMap.alignRight li,
		.page-footer .container-fluid ul.siteMap.alignRight li ul li {
			float: none;
			width: 100%;
			text-align: center;
			padding-left: 0;
			margin-left: 0;
		}

			.page-footer .container-fluid ul.siteMap li a,
			.page-footer .container-fluid ul.siteMap li a:active,
			.page-footer .container-fluid ul.siteMap li a:hover,
			.page-footer .container-fluid ul.siteMap li ul li a,
			.page-footer .container-fluid ul.siteMap li ul li a:active,
			.page-footer .container-fluid ul.siteMap li ul li a:hover {
				text-align: center;
			}



		ul.ltBlueArrowList {
		}

			ul.ltBlueArrowList li,
			ul.ltBlueArrowList2 li {
				float: none;
				width: 100%;
				margin-right: 0;
			}
	}


	@media (max-width: 625px) {

		/* HEADER IMAGE SETTINGS */
		.hpContainer.homePageHeader,
		.hpContainer.innerHeadContainer,
		.hpContainer.headDefault {
			background: transparent url(FASTUS-Header-Default-sm.jpg) no-repeat center top;
			background-size: auto 250px;
		}
		.hpContainer.headProducts {
			background-image: url(FASTUS-Header-Products-sm.jpg);
		}

		.hpContainer.headApplications {
			background-image: url(FASTUS-Header-Applications-sm.jpg);
		}
		.hpContainer.headTechnology {
			background-image: url(FASTUS-Header-Default-sm.jpg);
		}
		/*
		.hpContainer.headController {
			background-image: url(CI-HeaderController-sm.jpg);
		}

		.hpContainer.headLighting {
			background-image: url(CI-HeaderLighting-sm.jpg);
		}

		.hpContainer.headPhotometricStereo {
			background-image: url(CI-HeaderPhotometricStereo-sm.jpg);
		}

		.hpContainer.headPrincipleOperation {
			background-image: url(CI-HeadPrincipleOperation-sm.jpg);
		}

		.hpContainer.headHighResolutionColor {
			background-image: url(CI-headHighResolutionColor-sm.jpg);
		}

		.hpContainer.headHDR {
			background-image: url(CI-headHDR-sm.jpg);
		}

		.hpContainer.headEDOF {
			background-image: url(CI-headEDOF-sm.jpg);
		}

		.hpContainer.headBFDF {
			background-image: url(CI-headBFDF-sm.jpg);
		}*/


		/* HOME PAGE SPECIFIC LAYOUT STYLE */
		.hpHeaderArea {
			min-height: 250px;
			height: 250px;
		}

			.hpHeaderArea.innerPageHeaderArea {
				min-height: 250px;
				height: 250px;
			}

			.hpHeaderArea h1.mainTitle,
			.hpHeaderArea h2 {
				display: none;
				visibility: hidden;
			}

			.hpHeaderArea .FASTUSLogo {
				width: 219px;
				top: 62px;
				/*left: 20%;*/
			}


			/* HEADER TEXT BLOCK */
			.hpHeaderArea .headTextBlock {
				width: 90%;
				top: 20px;
				right: 5%;
				max-height: 153px;
			}

		.headLogoBlock,
		.innerPageHeaderArea .FASTUSLogoInner {
			display: none;
			visibility: hidden;
		}


		/* PRODUCT GRID */
		.prod-desc .grid-row.row2 {
			height: 315px;
		}

			.prod-desc .grid-row.row2 .col-title {
				width: 25%;
				height: 315px;
			}

			.prod-desc .grid-row.row2 .col-desc {
				font-size: 14px;
				height: 315px;
				width: 70%;
			}

	}


	/**********************************************/
	/*Extra small devices (portrait phones, less than 576px) 
	.col-
*/

	@media (min-width: 576px) {

		/* Block area for mobile only concertina boxes */
		.collapse.dont-collapse-sm {
			display: block;
			height: auto !important;
			visibility: visible;
		}
	}

	@media (max-width: 575.98px) {


		html, body {
			background: none;
		}


		.innerContainer,
		.innerContainerNoPad,
		.innerContainerNoMargin,
		.innerContainerNoMarginTop,
		.innerContainerNoPadNoMargin,
		.innerContainerNoBorder {
			padding: 20px 20px;
		}

		.mobile-align-center {
			text-align: center;
			float: none;
		}

			.mobile-align-center ul.socialIcons {
				margin: 0 auto;
			}


		/*********************************************
			Breadcrumb
		*********************************************/
		.breadcrumb1 {
			height: 40px;
			min-height: 40px;
			padding-top: 15px;
			margin: 0 0 17px 0;
		}

		/* change form layout */
		.formTitle,
		.formField {
			float: none;
			width: 100%;
			break-after: always;
			margin-top: 0px;
			margin: 0;
			padding: 0;
		}
		.formTitle {
			margin: 0;
			padding:0;
		}
		.formField {
			margin-bottom: 20px;
		}

		.formElem {
			width: 95%;
		}

		.formMsg {
			width: 5%;
		}

		/* reduce size of main logo */
		.headerBlock .headerLogo a img {
			height: 70px;
			margin-top: 14px;
		}

		/* HOME PAGE SPECIFIC LAYOUT STYLE */
		.hpContainer.homePageHeader,
		.hpContainer.innerHeadContainer,
		.hpContainer.headDefault {
			background-size: auto 220px;
		}

		.hpHeaderArea {
			min-height: 220px;
			height: 220px;
			padding: 0;
		}

			.hpHeaderArea.innerPageHeaderArea {
				min-height: 220px;
				height: 220px;
				padding: 0;
			}


		/* PRODUCT ICONS 
	/* Main div for border to extend to 50% from bottom left corner */
		a.productLink:after {
			background: none;
			width: 0;
		}

		/* remove padding to collapse concertina boxes */
		.page-footer .infoBar .contactDetail {
			padding-top: 0px;
			padding-bottom: 0px;
		}

		/* Block area for mobile only concertina boxes */
		.collapse.dont-collapse-sm {
			padding-bottom: 20px;
		}

		a.productLink ul.prod-link-list li {
			text-align: center;
		}


		.applicationIcon {
			float: none;
			margin: 0 20px 10px 0;
			border: 0;
		}

		h1.applicationH1 {
			margin-top: 0px;
			font-size: 25px;
		}

		/* LIGHTING AREA */

		.lightingInfoContainer {
			border-bottom: none;
		}

		.lightingSpec .title {
			padding: 0 0;
		}

		.lightingSpec .detail {
			padding: 0 0 5px 0;
			margin-bottom: 5px;
		}

		/* CONTROLLER AREA */
		.controllerInfoContainer {
			border-bottom: none;
			padding-bottom: 0;
		}

			.controllerInfoContainer .containerCell {
				border: none;
				padding: 3px 10px;
			}


		/* SOFTWARE AREA */

		ul.softwareList li {
			display: inline-block;
			text-align: center;
			width: 31%;
			margin-right: 1%;
		}

			ul.softwareList li div {
				width: 90px;
				height: 90px;
				line-height: 90px;
				border: 4px solid #00ccff;
			}


			/*footer*/

		.collapse-sub-menu-header-2.straight-link,
		.page-footer .baseArea1 .container-fluid ul.siteMap li a.collapse-sub-menu-header-2.straight-link {
			border-top: 1px solid #999999;
			padding: 6px 0;
		}

	}
	/**********************************************/

@media (max-width: 540px) {

	/* HEADER TEXT BLOCK */

	.headTextBlock h1.textBlockTitle {
		font-size: 25px;
		line-height: 29px;
	}

}


	@media (max-width: 520px) {
		/* PRODUCT PAGE*/
		.product-header {
			min-height: 290px;
		}
		/* PRODUCT GRID */
		.prod-grid .grid-row .prod-col.col1 {
			width: 16.5%;
		}

		.prod-grid .grid-row .prod-col {
			width: 12.5%;
		}

			.prod-grid .grid-row .prod-col .p-title,
			.prod-grid .grid-row .prod-col .p-desc {
				font-size: 11px;
				font-weight:400;
				margin: 0;
				padding: 0;
			}


				.prod-grid .grid-row .prod-col {
					min-height: 42px;
				}
			.prod-grid .grid-row .prod-col.col-selector .circle {
				background-color: #2a3639;
				margin: 27px auto;
				position: relative;
				border: none;
				border-radius: 50%;
				opacity: 1;
				width: 12px;
				height: 12px;
			}
	}

	@media (max-width: 500px) {


		/* CALL TO ACTIONS */
		ul.cta.horizontal2 {
			min-width: 50px;
			margin-right: 0;
			padding-left: 0;
		}

			ul.cta.horizontal2 li {
				display: block;
				width: 100%;
				margin-right: 0;
				padding-left: 0;
			}

			ul.cta.horizontal2 li {
				border-bottom: 0px solid #333;
			}


		/* MARKET THUMBS */
		.market-thumb {
			width: 48%;
		}


		/* PRODUCT GRID */
		.prod-desc .grid-row {
			min-height: 325px;
			height: auto;
		}

			.prod-desc .grid-row .col-desc {
				min-height: 265px;
				height: auto;
			}

			.prod-desc .grid-row.row2 {
				height: 435px;
			}

				.prod-desc .grid-row.row2 .col-desc {
					min-height: 375px;
					height: auto;
				}

				.prod-desc .grid-row .col-title,
				.prod-desc .grid-row .col-desc,
				.prod-desc .grid-row.row2 .col-title,
				.prod-desc .grid-row.row2 .col-desc {
					display: block;
					width: 100%;
				}

				.prod-desc .grid-row .col-title,
				.prod-desc .grid-row.row2 .col-title {
					height: 80px;
					background-size: 100px auto;
				}

		.prod-grid .grid-row .prod-col.col1 {
			width: 24.5%;
		}
		.prod-grid .grid-row .prod-col {
			display: inline-block;
			width: 10.9%;
			min-height: 32px;
			vertical-align: top;
			margin: 0;
		}

		/*
			.prod-grid .grid-row .prod-col .p-title {
				writing-mode: vertical-rl;
				text-orientation: mixed;
			}*/


		/** 
* Works everywere ( IE7+, FF, Chrome, Safari, Opera )
* Example: http://jsbin.com/afAQAWA/2/
*/
		.rotated-text {
			display: inline-block;
			overflow: hidden;
			/*width: 1.5em;*/
			width:2em;
		}

		.rotated-text__inner {
			display: inline-block;
			white-space: nowrap;
			/* this is for shity "non IE" browsers
       that dosn't support writing-mode */
			-webkit-transform: translate(1.1em,0) rotate(90deg);
			-moz-transform: translate(1.1em,0) rotate(90deg);
			-o-transform: translate(1.1em,0) rotate(90deg);
			transform: translate(1.1em,0) rotate(90deg);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
			/* IE9+ */
			-ms-transform: none;
			-ms-transform-origin: none;
			/* IE8+ */
			-ms-writing-mode: tb-rl;
			/* IE7 and below */
			*writing-mode: tb-rl;
		}

			.rotated-text__inner:before {
				content: "";
				float: left;
				margin-top: 100%;
			}

		.prod-grid .grid-row .prod-col .p-title span {
			font-size: 15px;
			font-weight: 400;
		}


		.prod-grid .grid-row .prod-col .p-desc {
			visibility:hidden;
			display:none;
		}



	}


/* restructure CTA's */
@media (max-width: 480px) {

	/* CALL TO ACTIONS */
	ul.cta {
		min-width: 100%;
	}
	ul.cta li,
	ul.cta.horizontal li,
	ul.cta.horizontal2 li {
		display: inline-block;
		width: 100%;
		margin-right: 0;
		padding-left: 0;
	}

	ul.cta.horizontal li {
		border-bottom: 1px solid #333;
	}

	ul.cta.horizontal2 li {
		border-bottom: 0px solid #333;
	}

	ul.cta.horizontal li:last-child {
		border-bottom: none;
	}

	ul.cta.horizontal2 li:last-child {
		border-bottom: 0px solid #333;
	}

	ul.cta li span.brochure,
	ul.cta li a,
	ul.cta li a:link,
	ul.cta li a:active,
	ul.cta li a:hover {
		display: block;
		width: 95%;
		text-align: left;
		padding: 4px 0 0 80px;
	}

	ul.cta li ul.datasheets li {
		display: block;
		width: 100%;
	}

		ul.cta li ul.datasheets li a {
			background: none;
			padding: 0 0 0 70px;
			margin: 0;
		}

			ul.cta li ul.datasheets li a:before {
				content: "";
				padding: 0;
			}
}


	@media (max-width: 450px) {


		.innerContainer {
			padding: 10px 20px;
		}

		p,
		.fullWidthUnit p,
		li,
		a,
		a:link,
		a:active,
		a:hover {
			line-height: 21px;
			font-size: 16px
		}

		.topBar p {
			font-size: 11px
		}

		/*********************************************
			Breadcrumb
		*********************************************/

		/* HEADER TEXT BLOCK */

		.headTextBlock h1.textBlockTitle {
			font-size: 25px;
			line-height: 29px;
		}

		.headTextBlock p {
			font-weight: 400;
			font-size: 16px;
			line-height: 20px;
		}

		/* CALL TO ACTIONS 

		ul.cta {
			min-width: 100%;
		}

			ul.cta li span,
			ul.cta li a,
			ul.cta li a:link,
			ul.cta li a:active,
			ul.cta li a:hover {
				background-position: left 11px top 8px;
				background-position-x: 11px;
				background-position-y: 8px;
				padding: 4px 0 0 40px;
			}*/

		/*PRODUCT AREA*/

		.prod-chart {
			max-width: 100%;
		}

		/* SOFTWARE AREA */

		ul.softwareList li div {
			width: 80px;
			height: 80px;
			line-height: 80px;
			border: 4px solid #00ccff;
		}

		/*========================*/
		/* PAGE FOOTER =========== */

		.page-footer .container-fluid ul.siteMap li ul.showMobile li {
			display: block;
			visibility: visible;
		}

		/* footer bar */
		.page-footer .headerBar .lCol {
			padding: 0 0 0 0;
			margin: 0;
		}

		.page-footer .headerBar .rCol {
			padding: 0 0 10px 0;
			margin: 0;
		}


		.page-footer .headerBar .infoBlock {
			width: 100%;
		}

			.page-footer .headerBar .infoBlock a.email {
				font-size: 14px;
			}


		/* HOME PAGE SPECIFIC LAYOUT STYLE */
		.hpContainer {
			/*background-image: url(CCSComputationalImaging-Header-sm.jpg);*/
			background-position: top 70%;
		}

		.hpHeaderArea {
			min-height: 190px;
			height: 190px;
		}

			.hpHeaderArea .FASTUSLogo {
				width: 170px;
				top: 55px;
				/*left: 20%;*/
			}
	}


@media (max-width: 410px) {

	/* HEADER TEXT BLOCK */
	.hpHeaderArea .headTextBlock {
		min-height: 170px;
	}

}

	/*min width we will be developing for - (min screen width = 320px)*/
	@media (max-width: 340px) {
		.hpHeaderArea .FASTUSLogo {
			/*left: 5%;*/
		}

		/* HEADER TEXT BLOCK */

		.headTextBlock h1.textBlockTitle {
			font-size: 20px;
			line-height: 24px;
		}

		.headTextBlock p {
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
		}


		/*HOME PAGE*/

		ul.ltBlueArrowList li a,
		ul.ltBlueArrowList li a:link,
		ul.ltBlueArrowList li a:active,
		ul.ltBlueArrowList li a:hover,
		ul.ltBlueArrowList2 li a,
		ul.ltBlueArrowList2 li a:link,
		ul.ltBlueArrowList2 li a:active,
		ul.ltBlueArrowList2 li a:hover {
			font-size: 14px;
		}


		/* CALL TO ACTIONS */

		ul.cta li span.brochure,
		ul.cta li span,
		ul.cta li a,
		ul.cta li a:link,
		ul.cta li a:active,
		ul.cta li a:hover {
			padding: 4px 0 0 60px;
		}

		ul.cta li ul.datasheets li a {
			padding: 0 0 5px 20px;
		}

		/* PRODUCT PAGE*/
		.product-header {
			background-position: left top 70px;
			min-height: 250px;
		}

		/* APPLICATION AREA */

		.applicationIcon {
			margin: 0 20px 10px 0;
		}
	}


	/**********************************************/
	/* Small devices (landscape phones, 576px and up) 
	.col-sm-
*/
	@media (min-width: 576px) and (max-width: 767.98px) {
	}







	/**********************************************/
	/*Medium devices (tablets, 768px and up) 
	.col-md-
*/
	@media (min-width: 768px) and (max-width: 991.98px) {
		ul.ltBlueArrowList li {
			width: 49%;
		}
	}

	/**********************************************/



	/**********************************************/
	/*Large devices (desktops, 992px and up) 
	.col-lg-
*/
	@media (min-width: 992px) and (max-width: 1199.98px) {
	}
	/**********************************************/

















	/*===========================================*/


	/*-- MOBILE PHONE SPECIFIC - DEVICE WIDTH MEDIA QUERIES --*/
	@media only screen and (max-device-width: 667px) {

		.noMobile {
			display: none;
			visibility: hidden;
		}

		.mobileOnly {
			display: block;
			visibility: visible;
		}
	}

	/*http://qnimate.com/overview-of-css3-media-queries/#List_of_mostly_used_media_queries*/
	@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
		/*iPhone 6 Portrait*/

		.noMobile {
			display: none;
			visibility: hidden;
		}

		.mobileOnly {
			display: block;
			visibility: visible;
		}

		/*-- FORM ELEMENTS --*/
		.formTitle,
		.formField,
		.formErr {
			float: left;
			margin-bottom: 5px;
		}

		.formTitle {
			width: 100%;
		}

		.formField {
			width: 95%;
			margin-bottom: 15px;
		}

		.formErr {
			width: 5%;
		}
	}






	/* get most tablet modes - especially iPad */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	}

	@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {
		/*iPhone 6 landscape*/
	}


	@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
		/*iPhone 6+ Portrait*/
	}


	@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
		/*iPhone 6+ landscape*/

	}

	@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
		/*iPhone 6 and iPhone 6+ portrait and landscape*/


	}

	@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait) {
		/*iPhone 6 and iPhone 6+ portrait*/
	}

	@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape) {
		/*iPhone 6 and iPhone 6+ landscape*/
	}