@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Book.otf')  format('opentype'),
	     url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf')  format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Bold.otf')  format('opentype'),
	     url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf')  format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Thin.otf')  format('opentype'),
	     url('fonts/Gotham-Thin.woff') format('woff'), url('fonts/Gotham-Thin.ttf')  format('truetype'), url('fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
  font-weight: 300;
  font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
img, iframe {
	max-width: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: 0 none;/*width:100%;*/
}
a, span.servicesIcon, .plusIcon span, .fourCols li .blueOverlay, .fourCols li, input[type=submit] {
	text-decoration: none;
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
.imageMain img, .projectTitle span{
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	}
* {
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
body, select, textarea, input {
	font-family:arial;
	font-size: 12px;
	color: #83748a;
}
select, textarea, input{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
body, select, textarea, input{
	font-family: 'Gotham', arial, sans-serif;
	}

.mainMenu{
	position:fixed;
	height:100%;
	width:310px;
	background:rgba(255,255,255,0.95);
	border-right:1px solid #a7a9ac;
	z-index:1500;
	}
.logoMain{
	padding:45px 0 0 45px;
	margin-bottom:115px;
	}
.logoMain a{
	display:block;
	width:208px;
	height:68px;
	background:url(../images/logo.png) center center no-repeat;
	}
.leftFooter a, .leftFooter span{
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:middle;
	color:#0095da;
	font-size:12px;
	}
.leftFooter{
	padding-left:30px;
	position:absolute;
	bottom:10px;
	left:0;
	}
.leftFooter a.socialIcon{
	margin-right:5px;
	}
.socialIcon{
	width:25px;
	height:25px;
	}
.fbIcon{
	background:url(../images/fb-icon.png) center center no-repeat;
	}
.instaIcon{
	background:url(../images/insta-icon.png) center center no-repeat;
	}
.flListItem{
	border-bottom:1px solid #0095da;
	}
.flMenu{
	display:block;
	text-align:right;
	color:#a7a9ac;
	padding:10px 0 10px 60px;
	font-size:16px;
	}
.flMenu:hover, .flMenu.expanded, .flListItem.active a.flMenu, .flMenu.clickedMenu{
	color:#0095da;
	}
.menuList{
	margin-right:60px;
	margin-bottom:30px;
	}
h1{
	text-align:center;
	}
.subList{
	margin:-5px 0 15px 0;
	display:none;
	}
.expandedList{
	display:block;
	}
.subList a{
	display:block;
	font-size:14px;
	color:#0095da;
	padding:2px 0 2px 20px;
	text-align:right;
	text-transform:uppercase;
	}
.subList a:hover, .subList a.active{
	color:#a7a9ac;
	}
#hpBg{
	}
.hpMainLogo{
	position:absolute;
	height:100%;
	width:100%;
	z-index:14;
	}
.blueOverlay{
	position:absolute;
	height:100%;
	width:100%;
	background:url(../images/blue-bg.png);
	}
.hpLogoContainer{
	left:310px;
	text-align:center;
	position:absolute;
	right:0;
	top:40%;
	}
.hpLogoImage{
	display:inline-block;
	width:312px;
	height:28px;
	background:url(../images/hp-logo.png) 0 0 no-repeat;
	}
.headerImage, .aboutHeight{
	position:relative;
	height:478px;
	}
.bigHeaderImage{
	height:870px;
	}
.aboutHeader{
	background:url(../images/about-header.jpg) center center no-repeat;
	background-size:cover;
	}
.aboutHeader2{
	background:url(../images/about-header2.jpg) center center no-repeat;
	background-size:cover;
	}
.productHeader{
	background:url(../images/product-header.jpg) center center no-repeat;
	background-size:cover;
	}
.manufactureHeader{
	background:url(../images/manufacture.jpg) center center no-repeat;
	background-size:cover;
	height:450px;
	}
h1{
	font-size:28px;
	font-weight:300;
	text-transform:uppercase;
	display:inline-block;
	color:#0095da;
	line-height:48px;
	border-top:1px dotted #0095da;
	border-bottom:1px dotted #0095da;
	margin-bottom:40px;
	}
.headerImage h1{
	border-color:#fff;
	position:relative;
	color:#fff;
	margin-top:260px;
	}
h1 span{
	font-weight:bold;
	}
.topAlign .fp-tableCell{
	vertical-align:top;
	}
.slimScrollBar{
	width:4px !important;
	}
.mainContent{
	margin-left:310px;
	padding:30px 75px;
	}
.mainContent.noPad{
	padding:0;
	}
.mainContentInner{
	color:#a7a9ac;
	max-width:820px;
	margin:0 auto;
	text-align:justify;
	}
.mainContentInner p, .normalDesc{
	font-size:14px;
	line-height:24px;
	margin:0;
	}
.normalDesc a{
	font-weight:bold;
	color:#a7a9ac;
	}
.halfWidth{
	width:45%;
	margin-right:10%;
	float:left;
	}
.halfWidth:nth-child(2n){
	margin-right:0;
	}
.clearBoth{
	clear:both;
	}
.blockImage img{
	display:block;
	width:100%;
	}
.blockImage{
	margin-bottom:20px;
	}
.centered{
	text-align:center;
	}
.borderedLogos .itemLogo, .borderedLogos .itemLogo a{
	display:block;
	color:#0095da;
	line-height:24px;
	}
.borderedLogos a span, .borderedLogos .itemLogo span{
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:middle;
	}
.logoImage{
	width:25%;
	border-right:1px solid #a7a9ac;
	}
.logoText{
	width:73%;
	padding-left:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
.showroomList li{
	width:49%;
	float:left;
	margin-right:2%;
	margin-bottom:5px;
	}
.showroomList li:nth-child(2n){
	margin-right:0;
	}
.showroomList img{
	display:block;
	width:100%;
	}
.plusIcon{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	display:block;
	}
.plusIcon span{
	display:block;
	width:22px;
	height:21px;
	bottom:5px;
	left:5px;
	background:url(../images/plus-icon.png) 0 0 no-repeat;
	opacity:0.4;
	-moz-opacity:0.4;
	-webkit-opacity:0.4;
	position:absolute;
	}
.fourCols .plusIcon{
	z-index:1555;
	}
.fourCols .plusIcon span{
	bottom:5px;
	left:auto;
	right:5px;
	background:url(../images/white-plus.png) 0 0 no-repeat;
	}
.plusIcon:hover span{
	opacity:0.99;
	-moz-opacity:0.99;
	-webkit-opacity:0.99;
	}
.posRel{
	position:relative;
	}
.introText{
	text-align:center;
	max-width:820px;
	margin:0 auto;
	font-size:24px;
	position:relative;
	color:#fff;
  font-weight: 300;
	line-height:36px;
	}
	
	
.projectsList > li{
	overflow:hidden;
	width:50%;
	position:relative;
	padding-bottom:33.33333%;
	float:left;
	}
.projectTitle{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:15;
	color:#000;
	color:rgba(0,0,0,0.6)
	}
.projectTitle span{
	display:block;
	padding:10px 60px;
	left:-100%;
	right:100%;
	bottom:10%;
	background:rgba(255,255,255,0.5);
	position:absolute;
	text-align:right;
	}
.imageMain, .blueContent{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	}
.blueContent{
	color:#fefefe;
	padding:60px;
	background:#0095da;
	line-height:24px;
	}
.imageMain img{
	height:100%;
	max-width:none;
	}
.projectsList, .fourCols{
	margin-left:310px;
	}
h3{
	font-size:14px;
	font-weight:bold;
	}
.projectsList li:hover .imageMain img{
	transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
	}
.projectsList li:hover .projectTitle span, .fourCols li:hover .projectTitle span{
	left:0;
	right:0;
	}
.fourCols li{
	width:24.625%;
	float:left;
	margin-right:0.5%;
	overflow:hidden;
	margin-bottom:0.4%;
	}
.fourCols li:nth-child(4n){
	margin-right:0;
	}
.margBot30{
	margin-bottom:30px;
	}
.fourCols .blockImage{
	margin-bottom:0;
	}
.fourCols li .blueOverlay{
	opacity:0.99;
	-webkit-opacity:0.99;
	-moz-opacity:0.99;
	}
.fourCols li:hover .blueOverlay{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	}
.introText.greyColor{
	color:#a7a9ac;
	font-size:18px;
	text-transform:uppercase;
	line-height:28px;
	}
h4{
	color:#0095da;
	font-size:18px;
	margin:15px;
	text-align:center;
	}
h4 span{
	font-weight:normal;
	color:#aeb0b2;
	}
h4.leftAligned{
	text-align:left;
	margin:0 0 15px 0;
	font-size:14px;
	}
.leftAligned{
	text-align:left;
	}
.leftSpace{
	margin-left:310px;
	}
	

.withBg{
	background-color:#0095da;
	background-blend-mode: multiply; 
	background-size:cover;
	background-position:center center !important;
	}
.coverBg{
	background-size:cover;
	background-position:center center !important;
	}
.absTitle{
	left:400px;
	right:90px;
	top:50%;
	margin-top:-30px;
	position:absolute;
	z-index:15;
	}
.absTitle h1{
	margin-top:0;
	}
	
.fourCols li:hover.withBg{
	background-color:transparent;
	}
	
.inputEntity{
	margin-bottom:20px;
	}
.inputEntity label{
	width:24%;
	display:block;
	height:26px;
	line-height:26px;
	float:left;
	}
.inputEntity input[type=text], .inputEntity input[type=file], .inputEntity textarea{
	height:26px;
	line-height:26px;
	width:76%;
	float:left;
	border:1px solid #cccccc;
	padding:0 5px;
	}
.inputEntity input[type=file], .inputEntity textarea{
	padding:0;
	width:100%;
	height:auto;
	float:none;
	}
.inputEntity textarea{
	height:180px;
	padding:5px;
	}
	
.form{
	margin-bottom:30px;
	font-size:14px;
	}
.normalDesc a:hover{
	color:#0095da;
	}
.btnHolder{
	margin-top:30px;
	}
.btnHolder input[type=submit]{
	display:inline-block;
	width:80px;
	height:27px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:#0095da;
	border:0 none;
	cursor:pointer;
	}
.btnHolder input[type=submit]:hover{
	background:#a7a9ac;
	}
.hpSlider .flex-direction-nav{
	display:none;
	}
.flex-direction-nav a{
	width:47px !important;
	height:45px !important;
	margin-top:-22.5px;
	opacity:1 !important;
	text-align:left !important;
	text-indent:-9999px;
	z-index:15500;
	}
.flex-direction-nav a.flex-prev{
	left:310px !important;
	background:url(../images/prev-arrow.png) 0 0 no-repeat;
	}
.flex-direction-nav a.flex-next{
	right:0 !important;
	background:url(../images/next-arrow.png) 0 0 no-repeat;
	}
.rightFloatedImage{
	float:right;
	margin-left:20px;
	}
.bigBottomSpace{
	padding-bottom:130px;
	}
.leftmenuTitle{
	margin-right:60px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#0095da;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	}
.smallIntroText{
	font-size:14px;
	color:#0095da;
	line-height:20px;
	max-width:375px;
	margin:0 auto 20px auto;
	text-align:center;
	}
.highlightedWord{
	color:#0095da;
	}
.error{
	background:#ffff00;
	color:#900;
	font-size:11px;
	position:absolute;
	top:100%;
	}
.inputEntity{
	position:relative;
	}
.logoImage, .logoText{
	padding-bottom:10px;
	padding-top:10px;
	}
@media all and (max-width:1023px){
	.mainContent{
		padding:30px 25px;
		}
	.mainContentInner .halfWidth{
		float:none;
		width:auto;
		margin-right:0;
		margin-left:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		clear:both;
		margin-bottom:10px;
		}
	.blueContent{
		padding:20px;
		}
	.bigHeaderImage{
		height:450px;
		}
	.headerImage h1{
		margin-top:70px;
		}
	.introText{
		font-size:18px;
		line-height:25px;
		}
	.logoMain{
		margin-bottom:35px;
		}
	.absTitle{
		top:30%;
		}
	}
@media all and (max-width:767px){
	.fourCols li, .fourCols li:nth-child(4n){
		width:49.5%;
		margin-right:1%;
		}
	.fourCols li, .fourCols li:nth-child(2n){
		margin-right:0;
		}
	.absTitle{
		left:90px;
		}
	.mainContent, .leftSpace, .projectsList, .fourCols{
		margin-left:0;
		}
	.flex-direction-nav a.flex-prev, .hpLogoContainer{
		left:0 !important;
		}
	.menuList, .leftmenuTitle{
		margin-right:0;
		text-align:center;
		}
	.mainMenu{
		width:100%;
		height:auto;
		}
	.menuExpandable{
		display:none;
		}
	.menuToggle{
		display:block;
		position:absolute;
		height:100%;
		right:0;
		width:70px;
		background:url(../images/menu-toggle.png) center center no-repeat;
		background-size:100% auto;
		}
	.logoMain{
		margin:0;
		padding:20px;
		float:left;
		}
	.logoMain a{
		width:150px;
		height:49px;
		background-size:100% 100%;
		}
	.menuExpandable{
		position:absolute;
		top:100%;
		width:100%;
		background:rgba(255,255,255,0.95)
		}
	.flMenu{
		padding:10px;
		text-align:center;
		}
	.subList a{
		padding:5px;
		text-align:center;
		}
	.leftFooter{
		position:static;
		padding-left:20px;
		padding-bottom:10px;
		}
	.section{
		padding-top:100px;
		}
	.introText{
		font-size:16px;
		line-height:normal;
		}
	h1{
		margin-bottom:20px;
		}
	.headerImage h1{
		margin-top:30px;
		}
	.projectsList > li{
		float:none;
		width:auto;
		margin-right:0;
		margin-left:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		clear:both;
		padding-bottom:0;
		}
	.imageMain, .blueContent{
		position:static;
		}
}
@media all and (max-width:480px){
	.menuToggle{
		width:50px;
		}
	.showroomList li{
		float:none;
		width:auto;
		margin-right:0;
		margin-left:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		clear:both;
		margin-bottom:10px;
		}
	h1{
		font-size:18px;
		line-height:normal;
		}
	.absTitle{
		left:50px;
		right:50px;
		top:50%;
		margin-top:-40px;
		}
	.headerImage, .aboutHeight{
		height:320px;
		box-sizing:border-box;
		position:relative;
		}
}
@media all and (max-width:767px) and (orientation : landscape){
	.mainMenu{
		position:absolute;
		}
}